What you will learn in this program ?
Introduction to Web Development
Overview of web development. Understanding the internet, browsers, and how websites work, Git and GitHub, Setting up the development environment.
HTML Basics
Building the Structure for your Personal Website
CSS Basics
Styling your Personal Website
Responsive Design
Responsive Design
Make your Personal Website Responsive to display properly in all
device
JavaScript Basics
Improve the User Experience of your Personal Website using Javascript
Document Object Model (DOM) Manipulation
Adding Dynamic Feature in the Website based on user interaction with
the website
Complete Personal Website
Recap of the week.
Complete our Personal Website by adding all required Features
Advanced CSS and Preprocessors
Introduction to CSS preprocessors (SASS or LESS).
[BONUS] Netflix Clone – Hero Section
JavaScript ES6+ Features
Let, const, arrow functions, template literals.
Promises, async/await.
Building Weather Web Application using Weather API
Front-end Frameworks & Library - React
Introduction to React and its ecosystem.
Components, props, and state.
Build a single-page application (SPA) with React – Mini ToDo App
State Management
Introduction to state management by using Context API and Redux.
Integrate state management into your SPA.
Introduction to Back-end Development
Overview of back-end technologies.
Setting up Node.js and Express.
Build a simple REST API.
Database Integration
Introduction to databases (SQL vs. NoSQL).
Connecting your API to a database (MongoDB or PostgreSQL).
Creating web application using MongoDb & PostgreSQL
Authentication Process on Web Application
Add authentication to your SPA and API.
Connecting Front-end to Back-end
Video Testimonial Tool for Companies
Advanced Back-end Techniques
Building middleware for authentication.
Complete ToDo Application
Introduction to Testing
Unit testing, integration testing.
Testing in front-end and back-end (Jest, Mocha).
Mini-project: Write tests for your application.
DevOps - Docker
Introduction to Docker.
Convert & Push your Web application as an Docker Image into Dockerhub
DevOps - Git/GitHUB
Introduction to Git & GitHub
Exploring Various GitCommands
DevOps & Deployment - Heroku & CI/CD Pipeline
Deploying your application (Heroku).
Continuous Integration/Continuous Deployment (CI/CD) basics.
Introduction to Other Frameworks and Libraries
Overview of other popular tools (Vue, Angular).
Small tasks using new tools.
Introduction to Python based web application
Overview of other popular tools (Flask & Django).
Creating Web Applicaton using Django with ChatGPT API
Planning and Design
Conceptualization of the web application idea.
Requirement analysis for functionality, features, and user
interactions.
Technology selection for front-end and back-end.
Designing wireframes or mockups for the application’s UI.
Launching your Application
Introduction to Domain & Hosting
Deploying the application to a cloud platform or hosting service.
Security Best Practices
Web application security fundamentals.
Securing your application (OWASP Top 10).
Scalable Architectures
Introduction to microservices and serverless architectures.
Case study: Scaling a web application.
Building Portfolio
Settingup Personal Website, GitHub & LinkedIn Profile
Creating another source of Income
Freelancing and remote work opportunities.
Final Review & Graduation
Final project presentations.
Feedback session.
Graduation and next steps.
