What Does the Course Cover? | Full Stack Web Development Mastery Course

Book Overview & Buying
Table Of Contents

Full Stack Web Development Mastery Course - Novice to Expert

By : Prerak Mehta

3.2 (5)

Buy this Video

Full Stack Web Development Mastery Course - Novice to Expert

3.2 (5)

By: Prerak Mehta

Buy this Video

Overview of this book

Embark on an exciting journey into full-stack web development, starting with foundational technologies like HTML5, CSS3, and JavaScript ES6. Learn how to structure and style websites with precision, ensuring responsiveness and SEO-friendly design. Master frameworks like Bootstrap and Tailwind CSS to craft modern, visually appealing layouts. Progress to advanced development with JavaScript frameworks such as React.js, where you'll explore JSX, state management, and dynamic user interfaces. Dive deep into backend development with Node.js and Express.js, learning to build RESTful APIs and server-side applications. Seamlessly integrate MongoDB for database management, using Mongoose for efficient schema handling. Develop a robust understanding of deployment techniques to host your creations online. Throughout the course, you’ll tackle five exciting projects, including a social media app, a Chrome extension, and a responsive login page. Each project reinforces key concepts and ensures you gain practical experience. By the end, you’ll be equipped with the confidence and expertise to pursue a career in web development or launch your own digital ventures.

What Does the Course Cover?

Asking Great Questions and Debugging Your Code

Getting Started

Introduction to Web Development

Static Versus Dynamic Websites

Visual Studio Code Installation

HTML 5 (Zero to Hero)

Basic Structure of a Website

Comments and Best Practices

All Basic HTML Tags

Anchor, Image, Video, iframe Tags in HTML

Lists and Tables in HTML

Forms and Input Tags in HTML

Block and Inline Elements in HTML

HTML Entities

SEO and Semantic Tags in HTML

CSS 3 (Zero to Hero)

Introduction to CSS

Inline, Internal, and External

CSS Selectors

Web Development Tools

Fonts in CSS

Colors in CSS

Borders and Background Property in CSS

Understanding Box Model Concept in CSS

Float and Clear Property in CSS

Styling Buttons and Links

Display Property in CSS

Position Property in CSS

Visibility and Z-Index Property in CSS

Understanding Flexbox Concept in CSS

Sizing and Units in CSS

Responsive and Media Queries in CSS

Box Shadow and Text Shadow in CSS

Custom Properties and Variables

All About Animation in CSS

Transitions in CSS

Transformations in CSS

All About CSS Grids

Bootstrap 5 (Zero to Hero)

Bootstrap 101

#1 Project: Bootstrap Website

Bootstrap Project

#2 Project: Build your own SAAS with No Code

Build Profitable CRM Tool with This No Code AI Tool

Tailwind CSS (Zero to Hero)

Introduction to Tailwind CSS

Setting Up Tailwind CSS for Production

Fonts and Sizing Using Tailwind CSS

Margins, Borders, and Padding in Tailwind CSS

Square Bracket Notation in Tailwind CSS

Creating Responsive Designs Using Tailwind CSS

Hover, Active, and Focus States in Tailwind CSS

@apply Directive in Tailwind CSS

@layer Directive in Tailwind CSS

Customizing Tailwind CSS

#3 Project: Facebook Login Page

Tailwind CSS Project

JavaScript ES6 (Zero to Hero)

Introduction to JavaScript

Basics of JavaScript

Var, Const, Let in JavaScript

Data Types in JavaScript

Conversion and Coercion

All about JavaScript Strings

All about Arrays

Conditionals and Switch Case

Loops in JavaScript

Functions in JavaScript

Window Object Properties and Functions

Basics of DOM

HTML Element Selectors in JavaScript

Children Parent and Traversing the DOM

Creating, Removing, and Replacing Elements

JavaScript Events and Event Handlers

More on JavaScript Events

Local and Session Storage

Math Object in JavaScript

Date Object in JavaScript

Object-Oriented Programming (OOP) in JavaScript

Object Prototype in JavaScript

Prototype Inheritance

ES6 Classes and Inheritance

Asynchronous Programming in JavaScript

AJAX Tutorial

Callback Functions in JavaScript

Promises in JavaScript

Arrow Functions

Fetch API

Async / Await in JavaScript

Error Handling in JavaScript

Regular Expressions in JavaScript

Metacharacters in JavaScript

Character Sets in Regular Expressions

Iterators in JavaScript

Generators in JavaScript

Maps in JavaScript

Sets in JavaScript

Symbols in JavaScript

Destructuring in JavaScript

#4 Project: Slither Game

Slither/Snake Game Using JavaScript

JSON (Zero to Hero)

JSON 101

#5 Project: Chrome Extension

Make Your Own Chrome Extension!

jQuery (Zero to Hero)

jQuery 101

React.js (Zero to Hero)

Introduction and Installation

create-react-app

Understanding JSX

Creating React App with Bootstrap

Props and PropTypes

States and Events in React App

Creating Dark Mode for React App

Changing Title, Favicon, Meta of React App

React Router

Introduction to Class-Based Component

Structure of Our React Application

Fetch API Key in React App

States and Props in Class Components

Iterating Array in JSX

Using Fetch API in React to Populate Data

Adding Pagination to React App

Adding Loading Spinner to React App

Adding Categories and PropTypes in React App

React Router in Class-Based App

Restructuring the Code

Infinite Scroll in React

React Top Loading Bar

Changing Class-Based to Function-Based

Node.js + NPM (Zero to Hero)

Introduction to Node.js

Node.js Installation and REPL

Node.js Core Modules

Synchronous CRUD Operations Using FS Modules

Node.js Asynchronous File System Core Modules

Synchronous Versus Asynchronous in Node.js

Asynchronous CRUD Operations Using FS Modules

OS Module in Node.js

Path Module in Node.js

Create and Export Your Own Modules in Node.js

Complete NPM Tutorial

Nodemon in Node.js

Module Wrapper Function in Node.js

Creating HTTP Server in Node.js

Routing in Node.js

JSON in Node.js

Create Simple API in Node.js

Event Modules in Node.js

Streaming in Node.js

Stream Pipes in Node.js

Express.js + HBS (Zero to Hero)

Introduction to Express.js

Routing in Express.js

Sending HTML and JSON Data Using Express.js

Serving Static Website Using Express.js

Template Engines

Views Directory in Express.js

Partials in Express.js

Adding 404-Page Using Express.js

Query Strings in Express.js

Express.js and API

MongoDB + Mongoose (Zero to Hero)

Introduction to MongoDB

Installation of MongoDB

Basic Fundamentals of MongoDB

Create Data in MongoDB (CRUD Series)

Read Data in MongoDB (CRUD Series)

Update Data in MongoDB (CRUD Series)

Delete Data in MongoDB (CRUD Series)

MongoDB Compass Installation

CRUD in One Minute Using MongoDB Compass

Introduction to Mongoose

Mongoose Schema and Models

Create and Insert Documents Using Mongoose (CRUD Series)

Insert Multiple Documents Using Mongoose (CRUD Series)

How to Read Documents Using Mongoose (CRUD Series)

Query Methods and Operators

Update Documents Using Mongoose (CRUD Series)

Delete Documents Using Mongoose (CRUD Series)

Mongoose Built-In Validation

Creating Your Own Validator in Mongoose

NPM Validator Package

REST APIs

Introduction to REST API and POSTMAN

Creating Your Own RESTful API

Building REST API with Asynchronous Function

Handling GET Request in Our API

Handling PATCH Request in Our API

Handling DELETE Request in Our API

Adding Express Router in Our API

#6 Project: Social Media App

Social Media App API

Social Media App Frontend

Git and GitHub

Git and GitHub in One Lecture

Hosting Websites

Hosting and Deploying Tutorial

Full Stack Web Development Mastery Course - Novice to Expert

By : Prerak Mehta

Full Stack Web Development Mastery Course - Novice to Expert

By: Prerak Mehta

Overview of this book

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access