![Full Stack Web Development Mastery Course - Novice to Expert [Video]](https://content.packt.com/V19461/cover_image_small.jpg)
Full Stack Web Development Mastery Course - Novice to Expert [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$54.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$54.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterWhat Does the Course Cover?
-
Getting Started
-
HTML 5 (Zero to Hero)
-
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)
-
#1 Project: Bootstrap Website
-
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
-
#2 Project: Facebook Login Page
-
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
- Destructing in JavaScript
-
#3 Project: Slither Game
-
JSON (Zero to Hero)
-
#4 Project: Chrome Extension
-
jQuery (Zero to Hero)
-
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)
-
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
-
Git and GitHub
-
Hosting Websites
About this video
Full stack development refers to the development of both frontend (client-side) and backend (server-side) portions of the web application. Full-stack web developers have the ability to design complete web applications and websites. They work on the frontend, backend, database, and debugging of web applications or websites.
You will start with learning about HTML and CSS along with some basic concepts of web development. Then you will look at Bootstrap and Tailwind CSS, and build two different projects using them. After that, you will jump on to learn about JavaScript and JSON, followed by two different projects from scratch. You will then learn in-depth about jQuery, Node, Express, and MongoDB+ Mongoose. With these, you will complete your frontend and backend journey together. After that, you will learn about Restful APIs and explore how to create your own REST API and use Git/GitHub.
Finally, you will be looking at various hosting websites for hosting purposes. The author uses analogies to teach you about the different components of web development.
By the end of this course, you will be able to create successful, beautiful, and profitable websites. Get hired as a web developer post adding these projects, and master the MERN stack from scratch.
All the resource files are added to the GitHub repository at: https://github.com/PacktPublishing/Full-Stack-Web-Development-MASTERY-Course---Novice-to-Expert
- Publication date:
- January 2023
- Publisher
- Packt
- Duration
- 53 hours 40 minutes
- ISBN
- 9781837634170