Scribd
Upload
14 views10 pages

Web Dev Notes

Web development encompasses the creation of websites and applications, divided into frontend and backend components. Key technologies include HTML for structure, CSS for styling, JavaScript for interactivity, and frameworks like Node.js and Express.js for server-side development, along with MongoDB for database management and React.js for building user interfaces. A sample project is a Todo App utilizing these technologies.

Uploaded by

spotifysaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views10 pages

Web Dev Notes

Web development encompasses the creation of websites and applications, divided into frontend and backend components. Key technologies include HTML for structure, CSS for styling, JavaScript for interactivity, and frameworks like Node.js and Express.js for server-side development, along with MongoDB for database management and React.js for building user interfaces. A sample project is a Todo App utilizing these technologies.

Uploaded by

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

Web Development Notes

Introduction to Web Development

Web development is the creation of websites and web applications. It is divided into frontend
(client-side) and backend (server-side).
HTML Basics

HTML stands for HyperText Markup Language. It uses tags like <html>, <head>, <body>, <p>, <a>,
<img>. Every webpage is structured with HTML.
CSS Basics

CSS stands for Cascading Style Sheets. It is used to style HTML elements with properties like
color, font-size, and layout. Modern CSS includes Flexbox and Grid for responsive design.
JavaScript Basics

JavaScript makes webpages interactive. It can modify the DOM, handle events like clicks, and
create dynamic content. Functions, loops, and conditions are core JS concepts.
Node.js Basics

Node.js allows JavaScript to run on the server. It provides modules for file system, HTTP, and
database connections.
Express.js Basics

Express.js is a lightweight framework for building APIs. It simplifies routing, middleware, and
request/response handling.
MongoDB Basics

MongoDB is a NoSQL database that stores data in JSON-like documents. It is commonly used in
the MERN stack.
React.js Basics

React is a frontend library developed by Facebook. It uses components, props, and state to build UI
efficiently.
Sample Mini Project

Example: A Todo App using React for frontend, Node+Express for backend, and MongoDB for
storage.
Summary and References

Web development involves multiple technologies. Useful resources: MDN Web Docs,
freeCodeCamp, W3Schools.

You might also like