Preview Job ready Next JS full stack web development course (lifetime + certificate)

Introduction to NEXT JS

Welcome to our course. DM me for any help!

Complete walkthrough of the course (must watch)

We have EVERYTHING you need in this course.

What is Next JS and why Next JS

[NEW - Bonus] All our premium guides

Next JS introduction (must watch before you start)

Learning items - Next JS

All guides and resources - download from here

Setup, Git, GiHub, Deploying

Install and Setup - Git and GitHub

Intro to Git, GitHub, and Workflow

Creating Repository, GitHub Pages, Deploying and Pushing code

All guides and resources - download from here

Everything about HTML,CSS

[NEW] - HTML - notes and pdf

HTML: Intro, Tags, elements, headings

HTML: div, classes , id ,styles

HTML - Forms

HTML - Tables

HTML - Semantic Tags header, footer , nav , article , section , aside

HTML - Images - img , picture

HTML - Text MarkUp h1 to h6 , p , pre , br , hr

HTML - Lists unordered , ordered , description

HTML - Document Structure Doctype , html , head , title , body

HTML - Links anchor tag , Absolute Url, Relative Url

HTML - Text Formatting bold , strong , italics , em , sub ,sup

HTML - Quotations and Citation Elements blockquote , quotation , abbr

HTML: Lists , Tables , Forms

CSS mastery NEW videos [new uploads]

0 Intro and Applying CSS

1 . Selectors

2 . Colors

3 . Background

4 . Borders

5 . Box Model

6 . Text

7 . Fonts

8 . Links

9 . Display

10 . FlexBox

11 . Media Query

12 . Box Sizing

13 . Transform

14 . Grid

Tailwind css mastery NEW videos [new uploads]

Intro , instalattion

Utility First Framework

First Last Odd Even

Hover , active , focus

Group

CSS and Tailwind - everything about Styling

CSS Text, Links , Lists , Table

Applying CSS

CSS - Backgrounds

CSS - Borders

CSS - Selectors

CSS - Colors

CSS - Grid

CSS - FlexBox

CSS - Box Model

TAILWIND CSS

Master Tailwind CSS & Build Projects - Crash course

Tailwind CSS with Project

Build a landing page with Next JS and Tailwind CSS

Tailwind responsive page project - [zip code file]

[Tailwind CSS project] - 1 - DSA revision guide landing page

[Tailwind CSS project] - 2 - Edtech event page

[Bonus] HTML, CSS projects

[HTML, CSS project 1] - Planet Selling - E commerce - HTML,CSS - complete app

[HTML, CSS project 2] - Build a complete Signature app with HTML, CSS, JS

[HTML, CSS project 3] - ECommerce app using HTML and CSS

JavaScript mastery NEW videos [new uploads]

PLEASE WATCH NEW UPLOADED VIDEOS!

1 . IDE _ VSCode , Replit

2 . Script

3 . Comments

4. Variables

5 . Implicit Type Conversion

6 . Explicit Type Conversion

7 . Arithmetic Operator

8 . Incr _ Dec

9 . Comparison Operator

10 . == vs ===

11. Logical Operator

12 . Conditional _ if , if else , nested if

13. else if

14 . Switch

15 . Loop _ for , while , do while

16 . Functions

17. Array

18 . map function

20 . push , unshift

21 . splice

22 . slice

23 . For in For OF

24 . Multidimensional Array

25 . copy

26 . Destruct

27 . objects

28 . Objects Inside Array

If you're having a problem - Email me please

Everything about JavaScript - theory

JS part 1 - Introduction, basics, looping

JS part 2 - Functions, Arrays

JS part 3 - Variables, Data Types , Type Conversions and Operators

JS part 4 - Conditional Statements and Loop

JS part 5 - Functions, Arrays ,For in For of , Spread, Copy, Methods and Array destructuring

JS part 6 - Asynchronous, Set Timeout , Callback, Callback Hell, Promise and Async_Await

JS part 7 - Objects, Object inside Array, Function inside Function, Lexical Scope, This keyword , New and Symbol

JS part 8 - proto , prototype and class

JS part 9 - promises, async, await, and objects

PLEASE WATCH NEW UPLOADED VIDEOS!

Everything about JavaScript - DOM

DOM in JS - Onclick

DOM in JS - Working with forms

DOM in JS - Window location

[Project] - DOM in JS - Todo project

DOM in JS - Styling

DOM in JS - Siblings

DOM in JS - Selectors in dom

DOM in JS - Replace child

DOM in JS - Pop ups

DOM in JS - Parent node

DOM in JS - Mouse over & out

DOM in JS - Mouse down & Up

DOM in JS - More siblings

[Project] - DOM in JS - Key logger small project

DOM in JS - Inner text & text content

DOM in JS - Inner & outer html

DOM in JS - Get & set attributes

DOM in JS - First And last child

DOM in JS - Event delegation

DOM in JS - Dom traversal

DOM in JS - Animation

DOM in JS - Bubbling

DOM in JS - Dimension

DOM in JS - Append child

DOM in JS - Add listener event

[Bonus] - Build JavaScript Projects

[JS project] - Key logger project

[JS project] - Countdown till 2025

[JS project] - Expense Tracker

[JS project] - FetchAPI

[JS project] - Guessing Game

[HTML, CSS, JS Project] - Typing Speed Test

[HTML, CSS, JS Project] - Quick Sign

[HTML, CSS, JS Project] - Portfolio Site

[zip code file] JS projects

[NEW] Build games with HTML, CSS, JS

[Game 1] - Tic tac toe game with HTML, CSS, JS

[zip code file] Tic tac toe

[Game 2] - Card matching game with HTML, CSS, JS

[zip code file] Card game

Build a Sudoku game (homework)

[zip code file] Connect 4

Logic building w games (notes - pdf)

Want more? DM me on Instagram

Everything about React JS part 1 - Theory

What is React and its Folder structure

Introduction to React Components

React JS overview and speed run

Introduction to JSX

Multiple Components , props , project

Hooks, useState, useEffect

Context API

useReducer

React router , error #404 and Form Validation

BMI Calculator with React JS

Weather App with React JS

Everything about React JS part 2 - hooks

useState

useState Example #2

useEffect

useRef DOM example

useRef Example 2

useLayoutEffect

useContext

useRef

useEffect vs useMemo

Custom Hook

useimperativeHandleHook

[Additional] JS and React mini projects

JavaScript 5 Beginners Project in One Video

JavaScript 5 Intermediate Project in One Video

BMI Calculator with React JS

Form Validation project in JS

Landing pages projects

Portfolio project with JavaScript

Weather App - React JS

[React JS project] - Build a Youtube clone app

Complete code zip file

Project setup, Home Navbar

Add a Sidebar to the UI

Youtube Api Setup, Redux Toolkit

useDispatch, useSelector, getHomePage

parseData, parseVideo Duration, convertRawtoString

timeSince, Spinner Loading, Card

Search, Search Card

Scrollbar, Watch, Additional features

[Bonus projects] React JS projects

[React project 1] - BMI Calculator

[React project 2] - Calculator App

[React project 3] - Expense Tracker

[React project 4] - Shopping Cart

[React project 5] - To Do App

[React project 6] - Weather App

Frontend Development with NEXT JS

Check the new project added

Next JS part 1 - Project Structure , App Routing and Routing

Next JS part 2 - Client vs Server side Rendering

Next JS part 3 - Fetching Data with 2 Examples

Next JS part 4 - Dynamic Router, Dynamic Fetching

Next JS part 5 - CSR vs SSR vs SSG vs ISR - Next JS 13.5+

Next JS backend in detail

1 _ Express JS vs Next JS

2 _ Creating Next App

3 _ Api Route and Route Handler

4 _ Nested routes

5 _ Dynamic Route, Static Data, Postman

6 _ Advanced routing Url params

7 _ CRUD operation

8 _ Restful API with fetch

9 _ Redirect using Middleware

10 _ Nextjs and MongoDB with Contact From

Next JS backend quick run through

Next JS part 6- Next vs Express, Api route and Route Handle

Next JS part 7 - Multiple Route, Dynamic Routes, Working with Static Data

Next JS part 8 - Query params, Crud Operation

[#1 Next JS project] - Authentication with Next JS

Learn Authentication with Next Auth

nextauth-main

[#2 Next JS project] - Build a Next JS 14 Dashboard : Frontend + Backend + Next Auth + Server Action

Next JS dashboard part 1 - Project Overview, Setup, Sidebar

Next JS dashboard part 2 - Complete UI Navbar (use client, Link, usepathname)

Next JS dashboard part 3 - Build a transactions page

Next JS dashboard part 4 - Create users and products in UI

Next JS dashboard part 5 - Add users and add products in DB

Next JS dashboard part 6 - View users and view products (dynamic route)

Next JS dashboard part 7 - Connect to MongoDB (fetching from DB)

Next JS dashboard part 8 - Create a Login form (UI only)

Next JS dashboard part 9 - Dynamic routing using MongoDB

Next JS dashboard part 10 - Server Actions explained (Add users and products)

Next JS dashboard part 11 - Delete and update features - UI and DB

Next JS dashboard part 12 - Implement authentication - Login and logout

[Zip code file] next14-dashboard-main

[#3 Next JS project] - Build a Trello clone with Next JS

Part 1 - How to build Trello clone using Next JS (Beginner) - pdf guide

Part 2 - How to build Trello clone using Next JS (Intermediate)

Trello-clone-master [zip code file]

Videos coming soon!

[#4 Next JS project] - Build AI full stack apps with Next JS

AI projects bundle (complete pdf guides)

[Full stack AI project] Build an AI news app with RSS feeds, Next JS, and Chat GPT API

[Full stack AI project] Build an animated video generator with AI, Next JS, Chat GPT, Replicate

[Full stack AI project] Build an AI content app with Next JS, Tailwind CSS, and Chat GPT API

[Full stack AI project] Build AI music generator with Leap AI, Next JS, Vercel

[Full stack AI project] Build an AI app with Leap AI

[Full stack AI project] Make a tweet generator with AI_ Next JS and Replicate

[Full stack AI project] Build a project with Youtube + Open AI API

[Full stack AI project] Build a poem generator with AI - Next JS, Facebook AI, Llama

[Full stack AI project] Build an AI app with Leap AI

[Full stack AI project] Build a project with Youtube + Open AI API

[#5 Next JS project] - Additional React and Next JS projects

React apps

Blog portfolio project with Nextra

E-commerce project part 1

E-commerce project part 2

YouTube Clone with React JS + Youtube API + Redux toolkit + Tailwind CSS

Random Next JS apps and ideas

Next JS + AI projects (15+ complete guides)

Build a URL shortener with Next JS and Supabase

Build a Modern Landing Page with Next.js and Tailwind CSS - Tutorial

Full stack job board with Vercel, Next JS, DB

Build a full stack app with Next JS, Prisma, Vercel DB

[#6 Next JS project] - Build a Job portal using Next JS

Build an Job portal using Next JS & Typescript with admin dashboard (complete pdf guide)

Code zip file

Videos coming soon!

[#7 Next JS project] - Build quick projects with Free Next JS Templates

Next JS template - Introduction

Next JS template - Boilerplate

Next JS template - Linktree clone

Next JS template - AI photo app

Next JS template - Stripe supabase subscription

Next JS template - App router

Next JS template - Liveblocks apps

Next JS template - Enterprise code

Next JS template - Video course apps

[#8 Next JS project] - Build an AI traveling app

Build a Traveling AI application with HTML, CSS, JS, React, Chat GPT API, and more!

Traveling app - zip code file

Code snippet

[#9 Next JS project] - Build a link in bio (linktree) app with Next JS

How to create link in bio for developers in Next JS - guide

Complete PDF guide (download)

Link in bio app [zip code file]

Videos coming soon!

[#10 Next JS project] - Build a code to image converting app like carbon

Live demo of the project

How to Build Code to Image Converter in Next JS

Source code

Videos coming soon!

[#11 Next JS project] - Build a DSA problem solving platform

How to create DSA Solving platform in Next JS

Daily DSA questions

#12 Next JS project - Build a LinkedIn clone in Next JS

Full stack LinkedIn clone in Next JS (complete pdf guide)

LinkedIn app part 1 - Introduction and Project setup

LinkedIn app part 2 - UI setup

LinkedIn app part 3 - Authentication and Responsiveness

LinkedIn app part 4 - Sidebar and Feed pages

LinkedIn app part 5 - Database and Models

LinkedIn app part 6 - Creating and displaying posts

LinkedIn app part 7 - Advanced features and caching

LinkedIn app part 8 - Interactions and Deployment

linkedin-clone-main

Everything about Firebase

Introduction to Firebase

Using Firebase for backend development

Introduction to Firebase with React Auth, DB, Functions

Authentication using React and Firebase

E-learning app with Next JS and Firebase discussion

CRUD using React and Firebase

Learn authentication using React and Firebase

Build AI projects with Firebase

Deploying full stack apps

Vercel Deploy

Netlify Deploy

GitHub Pages Deploy

[Bonus] Open source mini series - Next JS version

Introduction, Dub.sh - Next JS open source app

Cal.com - Next JS open source app

Chat PDF - AI app

Follow the right open source people

Preview - Job ready Next JS full stack web development course (lifetime + certificate)