About This Course
Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer.
Throughout this comprehensive course, we cover a massive amount of tools and technologies, including:
-
Front-End Web Development
-
HTML 5
-
CSS 3
-
Flexbox
-
Grid
-
Bootstrap 5
-
Javascript ES6
-
DOM Manipulation
-
jQuery
-
Bash Command Line
-
Git, GitHub and Version Control
-
Backend Web Development
-
Node.js
-
NPM
-
Express.js
-
EJS
-
REST
-
APIs
-
Databases
-
SQL
-
MongoDB
-
Mongoose
-
Authentication
-
Firebase
-
React.js
-
React Hooks
-
Web Design
-
Deployment with GitHub Pages, Heroku and MongoDB Atlas
-
Web3 Development on the Internet Computer
-
Blockchain technology
-
Token contract development
-
NFT minting, buying and selling logic
By the end of this course, you will be fluently programming and be ready to make any website you can dream of.
You'll also build a portfolio of over 32+ websites that you can show off to any potential employer.
Curriculum
34 Lessons
6 Month
How Does the Internet Actually Work?
How Do Websites Actually Work?
How to Download the Course Resources
HTML Heading Elements
HTML Paragraph Elements
Self Closing Tags
The List Element
Nesting and Indentation
Anchor Elements
Image Elements
Computer File Paths
What are Webpages?
The HTML Boilerplate
How to Host Your Website for Free with GitHub
Introduction to Capstone Projects
Why do we need CSS?
How to add CSS
Colour Vocab Website
CSS Colours
Font Properties
Inspecting CSS
The CSS Box Model - Margin, Padding and Border
The Cascade - Specificity and Inheritance
Combining CSS Selectors
CSS Positioning
CSS Display
CSS Float
How to Create Responsive Websites
Display: Flex
Flex Direction
Flex Layout
Flex Sizing
Display: Grid
Grid Sizing
Grid Placement
What is Bootstrap?
Bootstrap Layout
Bootstrap Components
Introduction to Web Design
Understanding Colour Theory
Understanding Typography and How to Choose a Font
Manage ATTENTION with effective User Interface (UI) Design
User Experience (UX) Design
Introduction to Javascript
Javascript Alerts - Adding Behaviour to Websites
Data Types
Javascript Variables
Naming and Naming Conventions for Javascript Variables
String Concatenation
String Lengths and Retrieving the Number of Characters
Slicing and Extracting Parts of a String
Basic Arithmetic and the Modulo Operator in Javascript
Increment and Decrement Expressions
Functions Part 2: Parameters and Arguments
Functions Part 3: Outputs & Return Values
Random Number Generation in Javascript: Building a Love Calculator
Control Statements: Using If-Else Conditionals & Logic
Comparators and Equality
Combining Comparators
Leap Year Solution
Collections: Working with Javascript Arrays
Adding Elements and Intermediate Array Techniques
Who's Buying Lunch Solution
Control Statements: While Loops
Control Statements: For Loops
Introducing the Fibonacci Code Challenge
Adding Javascript to Websites
Introduction to the Document Object Model (DOM)
Selecting HTML Elements with Javascript
Manipulating and Changing Styles of HTML Elements with Javascript
The Separation of Concerns: Structure vs Style vs Behaviour
Text Manipulation and the Text Content Property
Manipulating HTML Element Attributes
Adding Event Listeners to a Button
Higher Order Functions and Passing Functions as Arguments
How to Play Sounds on a Website
A Deeper Understanding of Javascript Objects
How to Use Switch Statements in Javascript
Objects, their Methods and the Dot Notation
Using Keyboard Event Listeners to Check for Key Presses
Understanding Callbacks and How to Respond to Events
Adding Animation to Websites
What is jQuery?
How to Incorporate jQuery into Websites
How Minification Works to Reduce File Size
Selecting Elements with jQuery
Manipulating Styles with jQuery
Manipulating Text with jQuery
Manipulating Attributes with jQuery
Adding Event Listeners with jQuery
Adding and Removing Elements with jQuery
Website Animations with jQuery
Install Git Bash on Windows
Understanding the Command Line. Long Live the Command Line!
Command Line Techniques and Directory Navigation
Creating, Opening, and Removing Files through the Command Line
Backend Web Development Explained
Backend Tools and Technologies - Which one to learn?
What is Node.js?
The Power of the Command Line and How to Use Node
The Node REPL (Read Evaluation Print Loops)
How to Use the Native Node Modules
The NPM Package Manager and Installing External Node Modules
What is Express?
Creating Our First Server with Express
Handling Requests and Responses: the GET Request
Understanding and Working with Routes
Responding to Requests with HTML Files
Processing Post Requests with Body Parser
Why Do We Need APIs?
API Endpoints, Paths and Parameters.
API Authentication and Postman
What is JSON?
Making GET Requests with the Node HTTPS Module
How to Parse JSON
Using Express to Render a Website with Live API Data
Using Body Parser to Parse POST Requests to the Server
The Mailchimp API - What You'll Make
Setting Up the Sign Up Page
Posting Data to Mailchimp's Servers via their API
Adding Success and Failure Pages
Deploying Your Server with Heroku
Introduction to Version Control and Git
Version Control Using Git and the Command Line
GitHub and Remote Repositories
Gitignore
Cloning
Branching and Merging
Forking and Pull Requests
What We'll Make: A ToDoList
Templates? Why Do We Need Templates?
Creating Your First EJS Templates
Running Code Inside the EJS Template
Passing Data from Your Webpage to Your Server
The Concept of Scope in the Context of Javascript
Adding Pre-Made CSS Stylesheets to Your Website
Understanding Templating vs. Layouts
Understanding Node Module Exports: How to Pass Functions and Data between Files
Databases Explained: SQL vs. NOSQL
SQL Commands: CREATE Table and INSERT Data
SQL Commands: READ, SELECT, and WHERE
Updating Single Values and Adding Columns in SQL
SQL Commands: DELETE
Understanding SQL Relationships, Foreign Keys and Inner Joins
Installing MongoDB on Mac
Installing MongoDB on Windows
MongoDB CRUD Operations in the Shell: Create
MongoDB CRUD Operations in the Shell: Reading & Queries
MongoDB CRUD Operations in the Shell: Update
MongoDB CRUD Operations in the Shell: Delete
Relationships in MongoDB
Working with The Native MongoDB Driver
Introduction to Mongoose
Reading from Your Database with Mongoose
Data Validation with Mongoose
Updating and Deleting Data Using Mongoose
Establishing Relationships and Embedding Documents using Mongoose
How to Deploy Web Apps with a Database
How to Setup MongoDB Atlas
Deploying an App with a Database to Heroku
What is REST?
Creating a Database with Robo 3T
Set Up Server Challenge
Set Up Server Solution
GET All Articles
POST a New Article
DELTE All Articles
Chained Route Handlers Using Express
GET a Specific Article
PUT a Specific Article
PATCH a Specific Article
DELETE a Specific Article
Introduction to Authentication
Getting Set Up
Level 1 - Register Users with Username and Password
Level 2 - Database Encryption
Using Environment Variables to Keep Secrets Safe
Level 3 - Hashing Passwords
Hacking 101 ☣️
Level 4 - Salting and Hashing Passwords with bcrypt
What are Cookies and Sessions?
Using Passport.js to Add Cookies and Sessions
Level 6 - OAuth 2.0 & How to Implement Sign In with Google
Finishing Up the App - Letting Users Submit Secrets
What is React?
What we will make in this React module
Introduction to Code Sandbox and the Structure of the Module
Introduction to JSX and Babel
JSX Code
Javascript Expressions in JSX & ES6 Template Literals
Javascript Expressions in JSX Practice
JSX Attributes & Styling React Elements
Inline Styling for React Elements
React Components
Javascript ES6 - Import, Export and Modules
Javascript ES6 Import, Export and Modules Practice
[Windows] Local Environment Setup for React Development
[Mac] Local Environment Setup for React Development
React Props
React DevTools
Mapping Data to Components
Mapping Data to Components Practice
Javascript ES6 Map/Filter/Reduce
Javascript ES6 Arrow functions
React Conditional Rendering with the Ternary Operator & AND Operator
State in React - Declarative vs. Imperative Programming
React Hooks - useState
Javascript ES6 Object & Array Destructuring
Javascript ES6 Destructuring Challenge Solution
Event Handling in React
React Forms
Class Components vs. Functional Components
Changing Complex State
Javascript ES6 Spread Operator
Managing a Component Tree
React Dependencies & Styling the Keeper App
What is Web3?
How does the Blockchain actually work?
What are DApps (Decentralised Apps) and how do you develop them?
What is the Internet Computer (ICP)?
[Mac Users] Installation and Setup for Web3 Development
[Windows Users] Installation and Setup for Web3 Development
What are Cycles and the ICP Token?
How to Claim Free Cycles from Dfinity
How to Deploy to the ICP Network
How to Convert ICP into Cycles?
[Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting
Your Instructors
Altab Raja
See moreStudent Feedback
4.4
Reviews (3)
Write a review
Related Courses
Chérif Akadiry
2 weeks ago
el mejor de la historia
Edumall Website
2 weeks ago
el mejor de la historia
Adeniyi David
2 weeks ago
el mejor de la historia