Front End Web Development
Full Stack Web Development using MERN Stack ||
Lecture-1
What is the Web:
The World Wide Web (WWW), commonly known as “The Web”, It is an information system where
documents and other web resources[images/audio/video] are identified by Uniform Resource
Locators (URLs, such as [Link]
What is Web:
The Web is a computer system that links documents and pictures into a database that is
stored in computers in many different parts of the world and that people everywhere can
use.
It is also referred to as the World Wide Web.
What is Web Development:
The Creation/Development of the Website/Web Application is Known as Web Development.
Web Site vs Web Application:
Ex. of WebSite:
[Link]
1 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)
Front End Web Development
Web Development is Further Categorized in 2 Category
1) Front End Web Development
2) Back End Web Development
Ex:
Restaurant [Front Area / Kitchen Space]
Note:
The Combination of Frontend and Backend is known as Full Stack Web Development.
1) [Python + UI Technology(HTML/CSS/JS) + Django + Django Rest Framework]
2) [JAVA + UI Technology(HTML/CSS/JS) + Spring & Hibernate + Spring BOOT]
3) [MEAN + UI Technology(HTML/CSS/JS)]
4) [MERN + UI Technology((HTML/CSS/JS)]
Note:
We Require the Data Storage also in all types of the stack.
Ex of Data Storage is
MS-SQL, MySQL , Oracle , MongoDB.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
MERN:
What is MERN Stack.
M=> MongoDB [It is a Data Storage]
E => Express
R => React
N => [Link]
2 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)
Front End Web Development
MEAN:
What is MEAN Stack.
M=> MongoDB [It is a Data Storage]
E=> Express
A=> Angular
N => [Link]
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
There are 3 types of the Software Development Company.
1) Start Up Company.
2) Service Based Company.
3) Product Based Company.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Web Application:
The application which will provide services over the web.
Ex:
[Link] , [Link] , [Link]
1. Front end
2. Back end
1. Front end:
It represents what end user is seeing on the website. We can develop front end components by using:
HTML,CSS,JS,BootStrap,jQuery etc
HTML,CSS,JS --->Basic Front end Technologies
BootStrap,Tailwind CSS, jQuery /Angular/React/Ext JS -->Advanced Front end Libraries
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)
Front End Web Development
HTML-->Hyper Text Markup Language
It is mandatory to develop web applications. It represents the structure of web page
CSS ---> Cascading Style Sheets
To Make up our html components like adding colors, fonts, borders etc. optional...
Java Script:
To add functionality to our html components
HTML ---> meant for only static response
HTML+JS ---> meant for dynamic response
4 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)
Front End Web Development
Can we say, JavaScript is like dancing after drinking Beer(Action)?
Static response: won't be changed from person to person and time to time.
Dynamic response: will be changed from person to person and time to time.
2. Back End:
It is a technology which is used to decide what to show to end user on the front end.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
List of trains from Agra to Delhi:
1. Train No 1
2. Train No 2
3. Train No 3
Back End is responsible to generate required response that response should be displayed to the end
user by using front end.
5 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)
Front End Web Development
Back End: 3 components
1. Language: Java,Python,Node Js ....
2. Framework: 70 to 90% of activities (Struts, JSF , Spring MVC etc),Django,Flask,Pyramid etc
3. Database: MongoDB , Oracle , MySQL etc.
Biryani:
We can prepare it on our own(writing everything on your own without using any framework)
or
We can order online (using framework)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Web Application
Front End---> What we are seeing
HTML,CSS,JS
Back End--> Generates what we have to see
Language-->Java/Python/Node JS
6 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)
Front End Web Development
Framework: Spring/Django/MERN
Database--> MySql/MongoDb.
7 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses
C,DSA,Java,Python,Web Develoment ETC… Visit [Link]
Prepared By DD Singh,Coding Career Expert(17 Years Experience)