Unit 1 – Javascript and
Basics of MERN stack
V. Lathika
AP/CSE
U19CS602 / U19CSD603 - Full Stack Development
VI Sem 2024 - 2025
,Unit 1 – Javascript and Basics of
MERN Stack
JavaScript Fundamentals – Objects – Generato
advanced iteration – modules – DOM tree – No
properties – browser events – Event delegation –
Events – Forms, controls – Document and resou
loading – Mutation observer – Event loop: micro-tas
and macro-tasks – MERN Components – React – Node.j
Express – MongoDB – Need for MERN – Server – Le
Hello World – Server Setup – nvm – Node.js - npm
,Full Stack Web development
• Full stack web development encompasses the entire process
building a web application, from the user interface (UI) that us
interact with to the server-side logic that powers the applicat
behind the scenes.
• Unlike front-end developers who focus solely on the u
experience and back-end developers who concentrate on
server-side functionality, a full-stack developer possesses
versatile skillset that bridges both worlds.
• Here’s a breakdown of the two key components full-stack w
development
• Front-End Development
• Back-End Development
, Front End Development
• This refers to everything a user sees and interacts w
on a website or application. It involves:
• HTML: The building blocks of web pages, defining
structure and content.
• CSS: Responsible for styling the visual elements of a w
page, controlling layout, colors, fonts, and animations.
• JavaScript: Adds interactivity and dynamic behaviour to w
pages, making them more engaging for users.
• Front-End Frameworks: Libraries like React, Angular, or Vu
can streamline front-end development by providing reusa
components and pre-written code.
Basics of MERN stack
V. Lathika
AP/CSE
U19CS602 / U19CSD603 - Full Stack Development
VI Sem 2024 - 2025
,Unit 1 – Javascript and Basics of
MERN Stack
JavaScript Fundamentals – Objects – Generato
advanced iteration – modules – DOM tree – No
properties – browser events – Event delegation –
Events – Forms, controls – Document and resou
loading – Mutation observer – Event loop: micro-tas
and macro-tasks – MERN Components – React – Node.j
Express – MongoDB – Need for MERN – Server – Le
Hello World – Server Setup – nvm – Node.js - npm
,Full Stack Web development
• Full stack web development encompasses the entire process
building a web application, from the user interface (UI) that us
interact with to the server-side logic that powers the applicat
behind the scenes.
• Unlike front-end developers who focus solely on the u
experience and back-end developers who concentrate on
server-side functionality, a full-stack developer possesses
versatile skillset that bridges both worlds.
• Here’s a breakdown of the two key components full-stack w
development
• Front-End Development
• Back-End Development
, Front End Development
• This refers to everything a user sees and interacts w
on a website or application. It involves:
• HTML: The building blocks of web pages, defining
structure and content.
• CSS: Responsible for styling the visual elements of a w
page, controlling layout, colors, fonts, and animations.
• JavaScript: Adds interactivity and dynamic behaviour to w
pages, making them more engaging for users.
• Front-End Frameworks: Libraries like React, Angular, or Vu
can streamline front-end development by providing reusa
components and pre-written code.
