Course Overview
- ›Understanding how websites work
- ›Client vs Server architecture
- ›Overview of Frontend vs Backend development
- ›Role of Full Stack Developer
- ›Understanding HTTP and HTTPS
- ›How browsers communicate with servers
- ›Installing XAMPP / WAMP
- ›Setting up Apache Server
- ›Installing PHP
- ›Installing MySQL
- ›Setting up VS Code
- ›Important VS Code Extensions for Web Development
- ›Understanding HTML structure
- ›HTML tags and elements
- ›Headings, paragraphs and lists
- ›Working with images and links
- ›Creating forms
- ›Semantic HTML tags
- ›HTML forms and input types
- ›HTML tables
- ›Embedding videos and media
- ›Meta tags and SEO basics
- ›Accessibility in HTML
- ›Best practices for HTML structure
- ›Introduction to CSS
- ›CSS selectors
- ›Colors, fonts and text styling
- ›Box model
- ›Margin and padding
- ›Display properties
- ›Flexbox fundamentals
- ›Flexbox alignment
- ›Building layouts with Flexbox
- ›Introduction to CSS Grid
- ›Grid columns and rows
- ›Responsive layout using Grid
- ›Understanding responsive design
- ›Media queries
- ›Mobile-first design approach
- ›Responsive images
- ›Fluid layouts
- ›Testing responsive websites
- ›JavaScript syntax and variables
- ›Data types in JavaScript
- ›Operators and expressions
- ›Conditional statements
- ›Loops in JavaScript
- ›Functions and scope
- ›Understanding the DOM
- ›Selecting HTML elements
- ›Changing element content
- ›Handling events
- ›Creating and removing elements
- ›Form validation with JavaScript
- ›Arrow functions
- ›Template literals
- ›Destructuring
- ›Spread and rest operators
- ›Promises
- ›Async and Await
- ›What is Version Control
- ›Introduction to Git
- ›Installing Git
- ›Understanding repositories
- ›Git commands (init, add, commit)
- ›Tracking project changes using Git
What we'll cover in this course:
- Introduction to Web Development
- Setting up Development Environment
- HTML Fundamentals
- Advanced HTML
- CSS Fundamentals
- CSS Layout Systems
- Responsive Web Design
- JavaScript Fundamentals
- JavaScript DOM Manipulation
- Modern JavaScript Concepts
- Git and Version Control Basics
- Working with GitHub and GitHub Desktop
- GitHub Collaboration and Open Source Workflow
- Introduction to PHP
- PHP Variables and Data Types
- Control Structures in PHP
- Functions in PHP
- Arrays and String Handling in PHP
- Mastering Server-side Programming
- Working with PHP Forms
- Introduction to MySQL
- SQL Queries and CRUD Operations
- Advanced SQL Concepts
- Analytical SQL and Window Functions
- Connecting PHP with MySQL
- PHP Sessions and Cookies
- Authentication System
- Introduction to AI Tools for Developers
- Using ChatGPT for Development
- PHP Capstone Project
- Introduction to WordPress
- WordPress Dashboard and Settings
- Pages and Posts
- Themes and Customization
- Menus and Navigation
- Plugins Essentials
- Widgets and Sidebars
- Introduction to Elementor
- Building Pages with Elementor
- Elementor Templates and Library
- WooCommerce E-commerce
- Custom Code and Advanced Features
- WordPress SEO
- Deployment and Hosting
- WordPress Capstone Project
- Foundations of Modern Web Development
- Setting up the MERN Development Environment
- Advanced CSS Effects
- JavaScript Data Structures
- Event Handling and Form Validation
- JavaScript Libraries and Productivity Tools
- Bootstrap for Rapid UI Development
- Introduction to React.js
- React Components
- React State and Hooks
- React Routing and Navigation
- Working with APIs in React
- React Forms and CRUD Operations
- State Management with Redux
- Node.js Backend Development
- Express.js API Development
- MongoDB Database Integration
- Introduction to Next.js
- Routing and Pages in Next.js
- Server Side Rendering and Static Generation
- API Routes and Backend in Next.js
- Authentication and Security in MERN
- Deployment and DevOps Basics
- AI Assisted Development Workflow
- MERN Capstone Project
Technologies & Tools
