Scribd
Upload
6 views

0-RunnigNotes_FrontEndWebDevelopment

Uploaded by

Pratima Pathak
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

0-RunnigNotes_FrontEndWebDevelopment

Uploaded by

Pratima Pathak
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

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 https://codewithddsingh.com/)

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:

https://en.wikipedia.org/wiki/Rishabh_Pant

1 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses


C,DSA,Java,Python,Web Develoment ETC… Visit www.careercompiler.com
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 => Node.js

2 DD Sir Infomatics, Agra-Whats App No. 9760433226 Online Training Courses


C,DSA,Java,Python,Web Develoment ETC… Visit www.careercompiler.com
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 => Node.js

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

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:

www.gmail.com , www.facebook.com , www.spicejet.com

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 www.careercompiler.com
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 www.careercompiler.com
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 www.careercompiler.com
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 www.careercompiler.com
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 www.careercompiler.com
Prepared By DD Singh,Coding Career Expert(17 Years Experience)

You might also like