Web Development (Full Stack) Class Structure

Download as pdf or txt
Download as pdf or txt
You are on page 1of 2

WEB DEVELOPMENT CLASS STRUCTURE –

FULL STACK – FRONT & BACK END

Week Class Topic


1 1 Overview of Web Development
2 Front-end vs. Back-end Development
3 Setting Up the Development Environment
4 Introduction to HTML
5 Basic HTML Tags and Elements
6 Creating a Basic Web Page
2 7 Semantic HTML
8 HTML5 New Elements
9 Introduction to CSS
10 Styling Text and Colours in CSS
11 The Box Model and Layouts in CSS
12 Introduction to Flexbox
3 13 Advanced CSS Techniques
14 CSS Grid Layout
15 CSS Animations and Transitions
16 Media Queries for Responsive Design
17 Mobile-First Design Principles
18 Building a Responsive Layout
4 19 Introduction to JavaScript
20 JavaScript Variables and Data Types
21 JavaScript Operators and Expressions
22 Functions and Scope in JavaScript
23 DOM Manipulation Basics
24 Event Handling in JavaScript
5 25 Advanced JavaScript Concepts (Closures, Call-backs)
26 Promises and Asynchronous JavaScript
27 ES6+ Features in JavaScript
28 Working with APIs using Fetch
29 Introduction to Axios
30 Handling Asynchronous Operations
6 31 Introduction to Git and Version Control
32 Basic Git Commands
33 Working with GitHub
34 Collaborating with Branches and Pull Requests
7 35 Introduction to Bootstrap
36 Using Bootstrap Components
37 Building Responsive Layouts with Bootstrap
38 Introduction to React.js
39 Setting Up a React Project
40 React Components and Props
8 41 Introduction to Node.js
42 Setting Up a Node.js Environment
43 Understanding Node.js Modules
44 Building a Simple Node.js Server
45 Introduction to Express.js
46 Routing and Middleware in Express.js
9 47 Introduction to Databases
48 SQL Basics (CRUD Operations)
49 Introduction to NoSQL Databases
50 Setting Up a MongoDB Database
51 Performing CRUD Operations with MongoDB
52 Integrating MongoDB with Node.js
10 53 Connecting Front-End to Back-End
54 Fetching Data from a Server
55 Handling Form Submissions
56 State Management in React with Redux
57 User Authentication with JWT
58 Protecting Routes and Handling User Sessions
11 59 Deploying Web Applications
60 Introduction to DevOps and CI/CD

Course Features
• Assignments and Homework:
o Weekly assignments to reinforce concepts
o Real-world projects to build portfolio
• Quizzes and Exams:
o Regular quizzes to assess understanding
o Mid-term and final exams
• Interactive Sessions:
o Q&A sessions
o Code reviews and debugging help
• Guest Lectures:
o Industry professionals sharing insights
• Support Resources:
o Access to online documentation and resources
o Community forum for peer support

Tools and Technologies


• HTML/CSS/JavaScript
• React.js
• Node.js and Express.js
• MongoDB
• Git and GitHub
• Bootstrap
• Docker (for DevOps introduction)

You might also like