A complete collection of HTML, CSS, JavaScript, Node.js, and Express.js practice programs, mini projects, and backend examples created while learning Full Stack Web Development.
This repository contains beginner-friendly examples covering web development fundamentals, DOM manipulation, asynchronous JavaScript, backend development with Node.js, Express.js, file handling, and mini projects.
Learn the fundamentals of HTML through practical examples.
| File | Description |
|---|---|
| Boilerplate.html | Basic HTML document structure |
| Containers.html | Div and container elements |
| Entities.html | HTML entities and symbols |
| Form_&_Input.html | Forms and input fields |
| ID_&_Classes.html | IDs and CSS classes |
| Inline_&_Block_Element.html | Inline vs block elements |
| List.html | Ordered and unordered lists |
| Media.html | Images, audio, and video |
| Semantic_Tags.html | Semantic HTML elements |
| Table.html | HTML tables |
| Text_Formatting.html | Text formatting tags |
| Exercise_4.html | Practice exercise |
Learn styling and responsive web design concepts.
- CSS Selectors
- Colors
- Fonts
- Box Model
- Display Property
- Position Property
- Overflow
- Float & Clear
- Object Fit
- Shadows & Outline
- Specificity
- Variables
- Units
- Flexbox
- CSS Grid
- Media Queries
- Transform
- Transition
- Animations
- Bounce Animation
- Filters
- Lists Styling
JavaScript fundamentals and advanced concepts.
- Variables
- Conditionals
- Loops
- Functions
- Strings
- Arrays
- DOM Manipulation
- IDs and Classes
- DOM Nodes
- Events
- Event Bubbling
- Error Handling
- Object-Oriented Programming
- Callbacks
- Promises
- Async/Await
- Fetch API
- Advanced JavaScript Concepts
- JavaScript Problems Practice
- JavaScript Mini Projects
Backend development examples using Node.js and Express.
Files:
- module.js
- module2.js
- main.js
- index.html
Topics:
- Exporting modules
- Importing modules
- CommonJS syntax
- ES Module syntax
Files:
- main.js
- main_promise.js
- path_module.js
Topics:
- Reading files
- Writing files
- Appending files
- Promises with FS module
- Path manipulation
- Directory handling
Files:
- main.js
- package.json
- public folder
Topics:
- Express server setup
- Routing
- Serving static files
- GET requests
- Basic web server creation
File:
- my_server.js
Topics:
- Creating a server using Node.js
- Handling requests and responses
Generates unique and creative business names using JavaScript logic.
Creates multiple colored boxes dynamically using DOM manipulation.
Generates website content dynamically through JavaScript.
Calculates factorials using loops and JavaScript functions.
A fun calculator project that intentionally produces incorrect outputs under certain conditions.
Simulates a hacker-style terminal interface with animated messages.
A bookmark management application for storing and displaying website links.
- HTML5
- CSS3
- JavaScript (ES6+)
- Node.js
- Express.js
By exploring this repository, you can learn:
- Frontend Development
- Responsive Design
- DOM Manipulation
- Event Handling
- Asynchronous JavaScript
- API Fetching
- Node.js Fundamentals
- Express.js Basics
- File System Operations
- Full Stack Development Concepts
git clone https://github.com/codewithsayanjit/Web-Devlopment-Tutorial.gitcd Web-Devlopment-Tutorialcd "Backend Tutorial/Introduction To Express JS"
npm install
node main.jsSayanjit Jana
If you found this repository helpful, consider giving it a ⭐ on GitHub.
Happy Coding! 🚀