Development
Full Stack Web Development
The web development course is taught by experienced faculty members who bring their industry expertise to the classroom.
About this Course
Overview:
In today's digital age, web development has emerged as a critical skill set with immense demand. Full Stack Development Course in Faisalabad. The need for skilled web developers who can create innovative and user-friendly websites is skyrocketing.
Course Outline
- Basics of HTML
- Tags and Attributes
- Heading, Paragraph, and Lists Tags
- Text Formatting Tags
- Media Placement Tags
- Tables
- Forms
- Semantic Tags
- Types of CSS with Preference
- Selectors and Comments
- Text Formatting
- CSS Box Model
- Background Color, Gradient, and Images Placement
- Position Property and Values
- Media Queries
- Pseudo Classes and Elements
- Flexbox
- Grid Layout
- Animations
- Basics ( Variables, Datatypes, Comments )
- Operators
- Control Structure ( Conditions & Loops )
- String & Methods
- Array & Methods
- Date & Methods
- Math & Methods
- Functions
- Popup Boxes
- DOM methods
- Events
- Timing Functions
- Asynchronous Behaviour of Js
- Promises
- Fetch Method
- Implementing HTML CSS And JavaScript
- Folder Structure
- Props
- Hooks
- Routing of Pages
- Introduction to NodeJS
- Node Package Manager ( NPM )
- FS Module
- Error Handling in NodeJS
- Intro to MongoDB
- Getting Started with MongoDB Atlas
- MongoDB and the Document Model
- MongoDB Data Modeling Intro
- Connecting to a MongoDB Database
- MongoDB in Node.js
- MongoDB CRUD Operations
- MongoDB Aggregation
- MongoDB Indexes
- MongoDB Compass
- Introduction to APIs
- HTTP Methods + Status Codes
- Studying API Request & Response Objects
- Building API routes using ExpressJS
- Middlewares in API routes
- Building Frontend using ReactJS
- Building Backend API routes using NodeJS and ExpressJS
- Store Data in MongoDB
- Studying CORS
- Building Admin Portal for Authors
- Protecting All the private routes of Admin Portal
- Authentication & Authorization
- Deploying Frontend + Backend on Vercel
- Installation + Project Structure
- Routing ( App Router + Page Router )
- Data Fetching
- Caching
- Styling
- Server & Client Components
- Creating API Routes using NextJS
- Protecting Routes using Middleware
- Building E-Commerce Frontend Components
- Styling Components Using Tailwind CSS
- Connecting MongoDB Database to NextJS
- Creating Models for Products, Customers, Comments & Users
- Creating API routes for Products, Customers and Comments
- Authentication & Authorization
- Connecting API routes with Frontend Build Components Earlier
- Deploying Application on Vercel
- Connecting Your Custom Domain
