Full-Stack Web Development Program

Lessons

• Introduction to Web Development(45 min)
• How the Web Works: HTTP, DNS, Servers(60 min)
• Setting Up Development Environment: VS Code, Browsers(45 min)
• HTML Basics: Elements, Tags, Attributes(90 min)
• Semantic HTML Structure(90 min)
• HTML Forms and Inputs(90 min)
• Tables and Lists(60 min)
• Media: Images, Video, Audio(60 min)
• HTML Best Practices and Accessibility(60 min)
• Project: Building Complete HTML Page(120 min)

Lessons

• CSS Basics: Selectors, Properties, Values(90 min)
• Box Model: Margin, Border, Padding(90 min)
• Colors and Backgrounds(60 min)
• Typography and Web Fonts(60 min)
• Flexbox for Layout(120 min)
• CSS Grid for Layout(120 min)
• Positioning: Relative, Absolute, Fixed, Sticky(90 min)
• CSS Transforms and Transitions(90 min)
• CSS Animations(90 min)
• Preprocessors: Sass/SCSS(90 min)
• CSS Frameworks: Bootstrap, Tailwind(90 min)
• Project: Styling Complete Website(180 min)

Lessons

• Introduction to Responsive Design(60 min)
• Media Queries(90 min)
• Breakpoints and Viewports(60 min)
• Mobile-First Approach(90 min)
• Responsive Images(60 min)
• Responsive Typography(60 min)
• Responsive Navigation Menus(90 min)
• Cross-Device Testing(60 min)
• Project: Fully Responsive Website(180 min)

Lessons

• Introduction to JavaScript(60 min)
• Variables and Data Types(90 min)
• Operators and Expressions(60 min)
• Conditionals: if, else, switch(90 min)
• Loops: for, while, forEach(90 min)
• Functions and Scope(90 min)
• Arrays and Array Methods(120 min)
• Objects and Properties(120 min)
• ES6+: let, const, Arrow Functions(90 min)
• Destructuring and Spread(90 min)
• Template Literals(60 min)
• Error Handling(60 min)
• Project: JavaScript Calculator(120 min)

Lessons

• Understanding the DOM(60 min)
• Selecting DOM Elements(90 min)
• Manipulating DOM(120 min)
• DOM Events and Listeners(120 min)
• Form Handling(90 min)
• Form Validation(90 min)
• Local Storage and Session Storage(90 min)
• Fetch API and Data(120 min)
• JSON and Working with Data(90 min)
• Project: Todo List App(180 min)
• Project: API Consumer App(180 min)

Lessons

• Asynchronous Programming: Callbacks(90 min)
• Promises and then/catch(120 min)
• Async/Await(120 min)
• ES6 Modules: Import/Export(90 min)
• Object-Oriented Programming: Classes(120 min)
• Inheritance and Prototypes(90 min)
• This Keyword and Context(90 min)
• Closures and Advanced Patterns(90 min)
• Higher-Order Functions(90 min)
• Regular Expressions (Regex)(90 min)
• JavaScript Design Patterns(90 min)
• Project: Advanced Application(240 min)

Lessons

• Introduction to Git(60 min)
• Basic Git Commands(90 min)
• Branching and Merging(90 min)
• GitHub and Remote Repositories(90 min)
• Pull Requests and Code Review(90 min)
• Resolving Conflicts(90 min)
• Git Flow Workflow(60 min)
• Project: Collaborating on GitHub(120 min)

Lessons

• Introduction to React(60 min)
• JSX and Elements(90 min)
• Components and Props(120 min)
• State and Events(120 min)
• Component Lifecycle(90 min)
• Hooks: useState, useEffect(120 min)
• Forms in React(90 min)
• Lists and Keys(90 min)
• Conditional Rendering(60 min)
• Lifting State Up(90 min)
• Context API(90 min)
• React Router(120 min)
• Fetching APIs in React(120 min)
• Project: Complete React App(240 min)

Lessons

• Redux Basics(120 min)
• Actions and Reducers(120 min)
• Redux Middleware(90 min)
• Redux Toolkit(120 min)
• Advanced React Hooks(120 min)
• Custom Hooks(90 min)
• Higher-Order Components(90 min)
• Performance Optimization(90 min)
• Testing in React(120 min)
• Project: Advanced App with Redux(240 min)

Lessons

• Introduction to Node.js(60 min)
• NPM and Node Modules(90 min)
• File System FS(90 min)
• Creating HTTP Server(90 min)
• Express.js Basics(120 min)
• Routing and Middleware(120 min)
• RESTful APIs(120 min)
• Working with JSON(60 min)
• Error Handling(90 min)
• Authentication: JWT(120 min)
• Validation(90 min)
• File Uploads(90 min)
• Project: Building REST API(240 min)

Lessons

• Introduction to Databases(60 min)
• SQL vs NoSQL(60 min)
• MongoDB Basics(90 min)
• CRUD Operations(120 min)
• Data Modeling(90 min)
• Mongoose ODM(120 min)
• Relationships: Embedded vs Referenced(90 min)
• Queries and Filtering(90 min)
• Indexing and Performance(90 min)
• Aggregation Pipeline(120 min)
• Project: Full Database Application(240 min)

Lessons

• Preparing App for Production(90 min)
• Environment Variables(60 min)
• Deploying to Heroku(90 min)
• Deploying to Netlify/Vercel(90 min)
• AWS Basics(120 min)
• Docker Basics(120 min)
• CI/CD Basics(90 min)
• Monitoring and Logging(60 min)
• Building Developer Portfolio(120 min)
• Final Project: Full-Stack Application(480 min)