The Complete Full-Stack Web Development Bootcamp

Categories:Web Development, Software Development

This course includes

full time access

certificate of completion

What You'll Get in This Course

3:08

Download the Course Syllabus

Download the 12 Rules to Learn to Code eBook [Latest Edition]

Download the Required Software

How Does the Internet Actually Work

5:27

How Do Websites Actually Work

8:22

How to Get the Most Out of the Course

9:33

How to Get Help When You're Stuck

6:39

Pathfinder

A Note About 2023 Course Updates

What is HTML

4:18

How to Download the Course Resources

2:43

HTML Heading Elements

14:24

HTML Paragraph Elements

8:41

Self Closing Tags

11:41

[Project] Movie Ranking

5:43

How to Ace this Course

1:24

The List Element

10:32

Nesting and Indentation

14:09

Anchor Elements

10:45

Image Elements

8:17

[Project] Birthday Invite

4:01

Tip from Angela - Habit Building with the Calendar Trick

2:52

Get Monthly Tips and Tools to Level Up as a Developer

Computer File Paths

19:20

What are Webpages

12:55

The HTML Boilerplate

12:53

[Project] Portfolio Website

8:34

How to Host Your Website for Free with GitHub

8:33

Introduction to Capstone Projects

5:05

Instructions for Capstone Project 1 - Online Resume

Why do we need CSS

8:44

How to add CSS

15:20

CSS Selectors

22:56

[Project] Colour Vocab Website

9:08

Tip from Angela - Dealing with Distractions

2:28

Join the Student Community

CSS Colours

7:05

Font Properties

21:26

Inspecting CSS

11:52

The CSS Box Model - Margin, Padding and Border

20:46

[Project] Motivational Poster Website

7:37

The Cascade - Specificity and Inheritance

25:28

Combining CSS Selectors

23:13

CSS Positioning

22:50

[Project] CSS Flag

17:55

Tip from Angela - Nothing Easy is Worth Doing!

3:35

CSS Display

11:30

CSS Float

11:39

How to Create Responsive Websites

18:44

Media Queries

10:32

[Project] Web Design Agency Website

7:07

Tip from Angela - How to Deal with Procrastination

4:08

Display Flex

14:21

Flex Direction

13:43

Flex Layout

19:22

Flex Sizing

24:27

[Project] Pricing Table

10:08

Tip from Angela - Building a Programming Habit

2:47

Display Grid

14:55

Grid Sizing

23:32

Grid Placement

26:17

[Project] Mondrian Painting

6:45

What is Bootstrap

15:35

Bootstrap Layout

21:14

Bootstrap Components

31:39

[Project] TinDog Startup Website

31:22

Introduction to Web Design

3:55

Understanding Colour Theory

9:04

Understanding Typography and How to Choose a Font

10:28

Manage ATTENTION with effective User Interface (UI) Design

10:27

User Experience (UX) Design

13:39

Web Design in Practice - Let's apply what we've learnt!

18:20

Instructions

Download the Course Resources PDF

Introduction to Javascript

11:49

Javascript Alerts - Adding Behaviour to Websites

14:21

Data Types

4:06

Javascript Variables

9:35

Javascript Variables Exercise Start

2:48

Javascript Variables Exercise Solution

3:28

Naming and Naming Conventions for Javascript Variables

7:10

String Concatenation

3:07

String Lengths and Retrieving the Number of Characters

6:24

Slicing and Extracting Parts of a String

8:56

Challenge Changing Casing in Text

3:39

Challenge Changing String Casing Solution

9:00

Basic Arithmetic and the Modulo Operator in Javascript

6:14

Increment and Decrement Expressions

2:28

Functions Part 1 Creating and Calling Functions

10:35

Functions Part 1 Challenge - The Karel Robot

9:08

The Karel Chess Board Solution

A Quick Note About the Next Lesson

Functions Part 2 Parameters and Arguments

9:52

Life in Weeks Solution

3:44

Functions Part 3 Outputs & Return Values

11:16

Challenge Create a BMI Calculator

1:49

Challenge BMI Calculator Solution

5:39

Tip from Angela - Set Your Expectations

2:35

Random Number Generation in Javascript Building a Love Calculator

11:15

Solution to the 99 Bottles Challenge

Control Statements Using If-Else Conditionals & Logic

4:48

Comparators and Equality

2:51

Combining Comparators

2:46

Introducing the Leap Year Code Challenge

4:16

Leap Year Solution

3:03

Collections Working with Javascript Arrays

9:02

Adding Elements and Intermediate Array Techniques

15:58

Who's Buying Lunch Solution

3:43

Control Statements While Loops

7:53

Solution to the 99 Bottles Challenge

Control Statements For Loops

6:10

Introducing the Fibonacci Code Challenge

6:37

Fibonacci Solution

8:16

Tip from Angela - Retrieval is How You Learn

2:52

Adding Javascript to Websites

10:44

Introduction to the Document Object Model (DOM)

12:28

Solution to the DOM Challenge

Selecting HTML Elements with Javascript

14:17

Manipulating and Changing Styles of HTML Elements with Javascript

5:01

The Separation of Concerns Structure vs Style vs Behaviour

5:57

Text Manipulation and the Text Content Property

2:37

Manipulating HTML Element Attributes

2:27

Tip from Angela - The 20 Minute Method

2:39

Challenge The Dicee Challenge

2:14

Dicee Challenge Step 0 - Download the Skeleton Project

Dicee Challenge Step 1 - Create an External Javascript File

Dicee Challenge Step 2 - Add Dice Images

Dicee Challenge Step 3 - Create a Random Number

Dicee Challenge Step 4 - Change the img to a Random Dice

Dicee Challenge Step 5 - Change both img Elements

Dicee Challenge Step 6 - Change the Title to Display a Winner

The Solution to the Dicee Challenge

14:43

Download the Completed Website

Tip from Angela - Learning Before you Eat

2:06

Adding Animation to Websites

8:31

Download the Completed Website

What We'll Make Drum Kit

1:19

Download the Starting Files

Adding Event Listeners to a Button

14:29

Higher Order Functions and Passing Functions as Arguments

12:40

Higher Order Function Challenge Solution

How to Play Sounds on a Website

11:11

A Deeper Understanding of Javascript Objects

12:04

How to Use Switch Statements in Javascript

5:23

Objects, their Methods and the Dot Notation

6:29

A Quick Note About the Next Lesson

Using Keyboard Event Listeners to Check for Key Presses

7:37

Understanding Callbacks and How to Respond to Events

11:35

Tip from Angela - Dealing with Lack of Progress

3:08

What is jQuery

3:44

How to Incorporate jQuery into Websites

9:08

How Minification Works to Reduce File Size

3:59

Selecting Elements with jQuery

2:01

Manipulating Styles with jQuery

5:13

Manipulating Text with jQuery

3:36

Manipulating Attributes with jQuery

3:44

Adding Event Listeners with jQuery

7:47

Adding and Removing Elements with jQuery

2:58

Website Animations with jQuery

8:13

Tip from Angela - Mixing Knowledge

2:20

What You'll Make The Simon Game

1:00

Play the Game

Step 0 - Download the Starting Files

Step 1 - Add Javascript and jQuery

Step 1 - Answer

Step 2 - Create A New Pattern

Step 2 - Answer

Step 3 - Show the Sequence to the User with Animations and Sounds

Step 3 - Answer

Step 4 - Check Which Button is Pressed

Step 4 - Answer

Step 5 - Add Sounds to Button Clicks

Step 5 - Answer

Step 6 - Add Animations to User Clicks

Step 6 - Answer

Step 7 - Start the Game

Step 7 - Answer

Step 8 - Check the User's Answer Against the Game Sequence8

Step 8 - Answer

Step 9 - Game Over

Step 9 - Answer

Step 10 - Restart the Game

Step 10 - Answer

Download the Completed Project Code

Tip from Angela - Dealing with Frustration

2:31

Install Git Bash on Windows

2:46

Understanding the Command Line. Long Live the Command Line!

5:25

Command Line Techniques and Directory Navigation

9:44

Creating, Opening, and Removing Files through the Command Line

8:38

Tip from Angela - Sleep is My Secret Weapon

3:49

Backend Web Development Explained

15:13

Backend Tools and Technologies - Which one to learn

5:41

What is Node.js

10:39

Install Node.js on Mac

Install Node.js on Windows

Using Node.js

8:23

How to Use the Native Node Modules

12:12

The NPM Package Manager and Installing External Node Modules

16:21

[Project] QR Code Generator

15:49

Tip from Angela - Step Up to the Challenge

1:14

What is Express

7:00

Creating Our First Server with Express

11:29

Handling Requests and Responses the GET Request

8:12

Nodemon Installation

Understanding and Working with Routes

9:23

What We'll Make A Calculator

1:52

Calculator Setup Challenge

Calculator Setup Challenge Solution

5:43

Responding to Requests with HTML Files

7:40

Processing Post Requests with Body Parser

14:19

BMI Routing Challenge

Solution to the BMI Routing Challenge

6:29

Tip from Angela - How to Solidify Your Knowledge

2:55

Posting Data to Mailchimp's Servers via their API

18:37

Why Do We Need APIs

8:50

API Endpoints, Paths and Parameters

10:59

API Authentication and Postman

11:34

What is JSON

4:54

Making GET Requests with the Node HTTPS Module

13:00

How to Parse JSON

13:05

Using Express to Render a Website with Live API Data

8:23

Using Body Parser to Parse POST Requests to the Server

10:05

The Mailchimp API - What You'll Make

2:41

Setting Up the Sign Up Page

20:52

Posting Data to Mailchimp's Servers via their API

18:37

Adding Success and Failure Pages

8:55

Deploying Your Server with Heroku

18:39

Tip from Angela - Location, Location, Location!

2:07

Introduction to Version Control and Git

2:04

Version Control Using Git and the Command Line

14:18

GitHub and Remote Repositories

10:22

Gitignore

10:59

Cloning

5:05

Branching and Merging

17:25

Optional Git Challenge

Forking and Pull Requests

17:09

Tip from Angela - Spaced Repetition

4:01

What We'll Make A ToDoList

00:45

Linter Errors with EJS

Templates Why Do We Need Templates

15:10

Creating Your First EJS Templates

17:53

Running Code Inside the EJS Template

6:33

Passing Data from Your Webpage to Your Server

25:05

The Concept of Scope in the Context of Javascript

8:40

Adding Pre-Made CSS Stylesheets to Your Website

16:14

Understanding Templating vs. Layouts

13:35

Understanding Node Module Exports How to Pass Functions and Data between Files

21:45

Tip from Angela - Use Accountability in your Favour

2:56

A New Challenge Format and What We'll Make A Blog

6:18

Setting Up the Blog Project

7:06

Challenge 1

4:04

Challenge 1 Solution

2:37

Challenge 2

4:07

Challenge 2 Solution

2:09

Challenge 3

2:37

Challenge 3 Solution

2:31

Challenge 4

2:05

Challenge 4 Solution

1:52

Challenge 5

2:47

Challenge 5 Solution

4:16

Challenge 6

1:24

Challenge 6 Solution

1:15

Challenge 7

00:59

Challenge 7 Solution

1:54

Challenge 8

3:26

Challenge 8 Solution

3:36

Challenge 9

4:43

Challenge 9 Solution

6:33

Challenge 10

2:24

Challenge 10 Solution

3:13

Challenge 11

3:21

Challenge 11 Solution

3:00

Challenge 12

1:55

Challenge 12 Solution

2:35

Challenge 13

2:46

Challenge 13 Solution

3:37

Challenge 14 and Solution

6:28

Challenge 15

1:41

Challenge 15 Solution

3:14

Express Routing Parameters

6:38

Challenge 16

1:55

Challenge 16 Solution

2:32

Challenge 17

3:54

Challenge 17 Solution

5:30

Challenge 18

6:04

Challenge 18 Solution

4:19

Challenge 19

2:57

Challenge 19 Solution

4:54

Challenge 20

2:58

Challenge 20 Solution

3:18

Challenge 21

2:15

Challenge 21 Solution

3:44

Tip from Angela - When Life Gives You Lemons

6:01

Databases Explained SQL vs. NOSQL

19:58

SQL Commands CREATE Table and INSERT Data

13:48

SQL Commands READ, SELECT, and WHERE

3:10

Updating Single Values and Adding Columns in SQL

4:42

SQL Commands DELETE

1:32

Understanding SQL Relationships, Foreign Keys and Inner Joins

11:13

Tip from Angela - Find All the Hard Working People

2:01

Installing MongoDB on Mac

12:34

Installing MongoDB on Windows

9:20

MongoDB CRUD Operations in the Shell Create

9:37

MongoDB CRUD Operations in the Shell Reading & Queries

6:22

MongoDB CRUD Operations in the Shell Update

4:07

MongoDB CRUD Operations in the Shell Delete

1:45

Relationships in MongoDB

6:12

Working with The Native MongoDB Driver

19:03

If You Have Forgotten to Quit the Mongod Server

Tip from Angela - Daily Routines

2:34

Introduction to Mongoose

20:26

Reading from Your Database with Mongoose

7:28

Data Validation with Mongoose

7:56

Updating and Deleting Data Using Mongoose

10:06

Establishing Relationships and Embedding Documents using Mongoose

6:45

Tip from Angela - Deep Work

3:01

Let's take the ToDoList Project to the Next Level and Connect it with Mongoose

16:46

Rendering Database Items in the ToDoList App

13:25

Adding New Items to our ToDoList Database

3:56

Deleting Items from our ToDoList Database

13:48

Creating Custom Lists using Express Route Parameters

16:12

Adding New Items to the Custom ToDo Lists

7:31

Revisiting Lodash and Deleting Items from Custom ToDo Lists

19:10

Tip from Angela - One Step at a Time

2:54

How to Deploy Web Apps with a Database

5:02

How to Setup MongoDB Atlas

13:41

Deploying an App with a Database to Heroku

12:13

Tip from Angela - Discipline Breeds Discipline

2:20

Challenge Give your Blog a Database

2:31

Step 0 - Download the Starting Files

Step 1 - Save Composed Posts with MongoDB

Step 2 - Get the Home Page to Render the Posts

Step 3 - Fix the bug

Step 4 - Render the correct blog post based on post _id

Completed Blog with Database Solution

Tip from Angela - Dealing with Limitations

5:22

PUT a Specific Article

10:32

What is REST

17:08

Creating a Database with Robo 3T

9:29

Set Up Server Challenge

2:09

Set Up Server Solution

7:30

GET All Articles

6:50

POST a New Article

12:51

DELTE All Articles

5:12

Chained Route Handlers Using Express

7:07

GET a Specific Article

14:02

PUT a Specific Article

10:32

PATCH a Specific Article

7:17

DELETE a Specific Article

4:04

Download the Completed Project Code

Tip from Angela - How to Get a Job as Programmer

2:06

Introduction to Authentication

5:46

Getting Set Up

7:26

Level 1 - Register Users with Username and Password

14:43

How to Review the Source Code

Level 2 - Database Encryption

16:35

Using Environment Variables to Keep Secrets Safe

17:40

Level 3 - Hashing Passwords

15:25

Hacking 101 ☣️

12:28

Level 4 - Salting and Hashing Passwords with bcrypt

20:41

What are Cookies and Sessions

8:19

Using Passport.js to Add Cookies and Sessions

29:30

Level 6 - OAuth 2.0 & How to Implement Sign In with Google

47:46

Finishing Up the App - Letting Users Submit Secrets

13:40

Download the Completed Project Code

Tip from Angela - How to Work as a Freelancer

1:37

What is React

7:28

What we will make in this React module

1:34

Introduction to Code Sandbox and the Structure of the Module

5:50

Introduction to JSX and Babel

16:12

JSX Code Practice

7:34

Javascript Expressions in JSX & ES6 Template Literals

11:42

Javascript Expressions in JSX Practice

8:34

JSX Attributes & Styling React Elements

16:58

Inline Styling for React Elements

8:41

React Styling Practice

9:59

React Components

15:47

React Components Practice

5:01

Javascript ES6 - Import, Export and Modules

11:10

Javascript ES6 Import, Export and Modules Practice

4:04

[Windows] Local Environment Setup for React Development

13:52

[Mac] Local Environment Setup for React Development

13:40

Newer Versions of Node Troubleshooting

Keeper App Project - Part 1 Challenge

4:58

Keeper App Part 1 Solution

14:07

React Props

16:44

React Props Practice

13:19

React DevTools

17:19

Mapping Data to Components

10:21

Mapping Data to Components Practice

17:30

Javascript ES6 MapFilterReduce

20:21

Javascript ES6 Arrow functions

9:56

Keeper App Project - Part 2

10:23

React Conditional Rendering with the Ternary Operator & AND Operator

19:24

Conditional Rendering Practice

6:33

State in React - Declarative vs. Imperative Programming

9:38

React Hooks - useState

18:09

useState Hook Practice

7:24

Javascript ES6 Object & Array Destructuring

17:45

Javascript ES6 Destructuring Challenge Solution

5:48

Event Handling in React

11:10

React Forms

13:40

Class Components vs. Functional Components

6:24

Changing Complex State

19:43

Changing Complex State Practice

7:08

Javascript ES6 Spread Operator

10:58

Javascript ES6 Spread Operator Practice

12:20

Managing a Component Tree

22:38

Managing a Component Tree Practice

8:27

Keeper App Project - Part 3

25:05

React Dependencies & Styling the Keeper App

16:38

Tip from Angela - How to Build Your Own Product

2:14

What is Web3

7:38

How does the Blockchain actually work

25:45

What are DApps (Decentralised Apps) and how do you develop them

9:18

What is the Internet Computer (ICP)

9:18

Read Me!

[Mac Users] Installation and Setup for Web3 Development

7:03

[Windows Users] Installation and Setup for Web3 Development

12:45

What You'll Build - DBANK (Inspired by Compound)

2:16

Introduction to the Motoko Language

12:36

Motoko Functions and the Candid User Interface

16:00

Motoko Conditionals and Type Annotations

5:34

Query vs. Update Methods

8:09

Orthogonal Persistance

8:03

Tracking Time and Calculating Compound Interest

17:35

Adding HTML and CSS to Create the Frontend for DBANK

7:35

Connecting the Motoko Backend to our JS Frontend

27:07

Where to Get Help and Support for Development on the Internet Computer

What are Cycles and the ICP Token

7:07

No Cycles, No Problems!

How to Claim Free Cycles from Dfinity

5:21

How to Deploy to the ICP Network

3:05

How to Convert ICP into Cycles

5:57

[Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting

7:38

How to Configure a DFX Created Project to Use React

11:25

Storing Data on a Canister

16:04

Retrieving Data from a Canister

11:58

Deleting and Persistance

16:35

Tokens and Coins What are they and how are they used

9:18

Download and Configure the Skeleton Project

6:10

Using Motoko Hashmaps to Store Token Balances

19:34

Showing the User's Token Balance on the Frontend

13:58

Creating the Faucet Functionality Using the Shared Keyword

15:16

Creating the Transfer Functionality

20:52

Using the Transfer Functionality in the Faucet

6:40

Persisting Non-Stable Types Using the Pre- and Postupgrade Methods

15:43

What is the Internet Identity

5:30

Authenticating with the Internet Identity

7:56

[Optional] Live Deployment to Test Internet Identity Authentication

18:27

What You'll Build - A Website to Mint, Buy and Sell NFTs

10:23

Minting NFTs

16:44

Viewing the NFT on the Frontend

20:02

Enabling the Minting Functionality on the Frontend

30:38

Displaying Owned NFTs Using the React Router

36:39

Listing NFTs for Sale

33:48

Styling the Listed NFTs

11:17

Creating the Discover Page

22:37

Buying NFTs

32:02

Join the $6 Million Dollar Supernova Hackathon

AAA 1 - How to Soak in Programming Concepts and more

39:43

AAA 2 - Schedule for Learning to Code and more

39:08

AAA 3 - How to Start Freelancing and more

25:20

AAA 4 - The Live AMA

59:52

Vote for the Next Module!

Bonus Lecture

Reviews (0)

No Reviews

This course includes

full time access

certificate of completion

The Complete Full-Stack Web Development Bootcamp

This course includes

Front-End Web Development

Introduction to HTML

Intermediate HTML

Multi-Page Websites

Introduction to CSS

CSS Properties

Intermediate CSS

Advanced CSS

Flexbox

Grid

Bootstrap

Web Design School - Create a Website that People Love

Capstone Project 2 - Personal Site

Introduction to Javascript ES6

Intermediate Javascript

The Document Object Model (DOM)

Boss Level Challenge 1 - The Dicee Game

Advanced Javascript and DOM Manipulation

jQuery

Boss Level Challenge 2 - The Simon Game

The Unix Command Line

Backend Web Development

Node.js

Express.js with Node.js

APIs - Application Programming Interfaces

Git, Github and Version Control

EJS

Boss Level Challenge 3 - Blog Website

Databases

SQL

MongoDB

Mongoose

Putting Everything Together

Deploying Your Web Application

Boss Level Challenge 4 - Blog Website Upgrade

Build Your Own RESTful API From Scratch

Authentication & Security

React.js

Web3 Decentralised App (DApp) Development with the Internet Computer

Build Your First Defi (Decentralised Finance) DApp - DBANK

Deploying to the ICP Live Blockchain

Building DApps on ICP with a React Frontend

Create Your Own Crypto Token

Minting NFTs and Building an NFT Marketplace like OpenSea

Optional Module Ask Angela Anything

Next Steps

Reviews (0)

This course includes