The Complete 2023 Web Development Bootcamp

Home
Courses
The Complete 2023 Web Development Bootcamp

Software Development / Web Development

The Complete 2023 Web Development Bootcamp

Become a Full-Stack Web Developer with just ONE course

0.00 0 Review(s)

0 Students enrolled

Intermediate

English

Devin Abernathy

The Complete 2023 Web Development Bootcamp

This course includes:

55h 43m
503 Lectures
352 Downloadable assets
Full lifetime access
Access on Mobile and TV
Certificate on completion

At just price of $989.00

Enroll now

Favorite

Overview

What will students learn in your course?

Build 16 web development projects for your portfolio, ready to apply for junior developer jobs.
Learn the latest technologies, including Javascript, React, Node and even Web3 development.
After the course you will be able to build ANY website you want.
Build fully-fledged websites and web apps for your startup or business.
Work as a freelance web developer.
Master frontend development with React
Master backend development with Node
Learn professional developer best practices.

What are the requirements or prerequisites for taking your course?

No programming experience needed - I'll teach you everything you need to know
A computer with access to the internet
No paid software required
I'll walk you through, step-by-step how to get all the software installed and set up

Who is the course for?

If you want to learn to code through building fun and useful projects, then take this course.
If you want to start your own startup by building your own websites and web apps.
If you are a seasoned programmer, then take this course to to get up to speed quickly with the latest frameworks and NodeJS
If you want to take ONE COURSE and learn everything you need to know about web development, take this course

Description

Course tags

Development Web Development

Course content

41 Sections
503 Lectures
55h 43m Total length

Section 1

Front-End Web Development

Time 1h 05m

Lectures 10

See all

What You'll Get in This Course

Preview 0:07:30

Download the Course Syllabus

Preview 0:03:41

Download the Course Resources

Preview 0:07:30

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

0:06:12

Download the Required Software

0:09:13

How Does the Internet Actually Work?

Preview 0:03:41

How Do Websites Actually Work?

Preview 0:06:54

How to Get the Most Out of the Course

0:06:54

How to Get Help When You're Stuck

0:07:30

Pathfinder

0:06:12

Section 2

Introduction to HTML

Time 1h 12m

Lectures 10

See all

Introduction to HTML

0:09:13

Using HTML Tags

0:06:54

The Anatomy of an HTML Tag

0:07:30

What we're building - HTML Personal Site

0:09:13

What is The HTML Boilerplate?

0:07:30

How to Structure Text in HTML

0:07:30

HTML Lists

0:03:41

HTML Image Elements

0:07:30

HTML Links and Anchor Tags

0:06:54

How to Ace this Course

0:06:12

Section 3

Intermediate HTML

Time 1h 12m

Lectures 11

See all

HTML Tables

0:03:41

Using HTML Tables for Layout

0:06:12

HTML Tables Code Challenge

0:06:54

How to Type Emojis

0:06:12

HTML Tables Solution Walkthrough

0:06:54

HTML Forms

0:09:13

Forms in Practice - Create a Contact Me Form

0:03:41

HTML Challenge

0:09:13

Publish Your Website!

0:09:13

Tip from Angela - Habit Building with the Calendar Trick

0:07:30

Get Monthly Tips and Tools to Level Up as a Developer

0:03:41

Section 4

Introduction to CSS

Time 1h 12m

Lectures 11

See all

Introduction to CSS

0:03:41

Inline CSS

0:07:30

Internal CSS

0:03:41

External CSS

0:09:13

How to Debug CSS Code

0:06:12

The Anatomy of CSS Syntax

0:07:30

CSS Selectors

0:07:30

Classes vs. Ids

0:03:41

CSS Quiz

0:09:13

Tip from Angela - Dealing with Distractions

0:07:30

Join the Student Community

0:06:54

Section 5

Intermediate CSS

Time 2h 33m

Lectures 22

See all

What We'll Make - Stylised Personal Site

0:06:12

What Are Favicons?

0:06:12

HTML Divs

0:07:30

The Box Model of Website Styling

0:09:13

CSS Display Property

0:03:41

Learn More About Web Design

0:06:54

CSS Static and Relative Positioning

0:07:30

Absolute positioning

0:09:13

The Dark Art of Centering Elements with CSS

0:06:54

Font Styling in Our Personal Site

0:03:41

Learn More About Typography

0:07:30

Adding Content to Our Website

0:09:13

CSS Sizing

0:06:54

Font Properties Challenge 1 - Change the Colours

0:03:41

Font Properties Challenge 2 - Change the Font Weight

0:06:54

Font Properties Challenge 3 - Change the Line Height

0:07:30

CSS Font Property Challenge Solutions

0:06:12

CSS Float and Clear

0:09:13

CSS Challenge

0:06:12

Stylised Personal Site Solution Walkthrough

0:06:54

[Optional] Get More Practice HTML and CSS

0:06:54

Tip from Angela - Nothing Easy is Worth Doing!

0:09:13

Section 6

Introduction to Bootstrap 4

Time 1h 56m

Lectures 17

See all

What is Bootstrap?

0:09:13

Installing Bootstrap

0:06:54

Web Design 101 - Wireframing

0:06:12

The Bootstrap Navigation Bar

0:07:30

What We'll Make: TinDog

Preview 0:09:13

Download the Starting Files

0:07:30

Setting Up Our New Project

0:09:13

Bootstrap Grid Layout System

0:06:54

Getting Montserrat Black and other Font Weights

0:03:41

Adding Grid Layouts to Our Website

0:06:54

A Note About CSS Link Order

0:07:30

Bootstrap Containers

0:06:12

Bootstrap Buttons & Font Awesome

0:06:12

Styling Our Website Challenges and Solutions

0:06:54

Bootstrap Challenge 1

0:06:12

Solution to Bootstrap Challenge 1

0:06:54

Tip from Angela - How to Deal with Procrastination

0:03:41

Section 7

Intermediate Bootstrap

Time 1h 37m

Lectures 15

See all

The Bootstrap Carousel Part 1

0:06:12

The Bootstrap Carousel Part 2

0:09:13

Bootstrap Cards

0:06:12

The CSS Z-Index and Stacking Order

0:06:12

Media Query Breakpoints

0:06:12

Bootstrap Challenge 2

0:07:30

Bootstrap Challenge 2 Solution

0:07:30

How to become a Better Programmer - Code Refactoring

0:06:12

Put it into Practice - Refactor our Website Part 1

0:03:41

Advanced CSS - Combining Selectors

0:06:54

Refactoring our Website Part 2

0:03:41

Advanced CSS - Selector Priority

0:06:12

Completing the Website

0:07:30

Download the Completed Website

0:07:30

Tip from Angela - Building a Programming Habit

0:06:54

Section 8

Web Design School - Create a Website that People Love

Time 37m

Lectures 6

See all

Section 9

Introduction to Javascript ES6

Time 3h 21m

Lectures 30

See all

Introduction to Javascript

0:03:41

Javascript Alerts - Adding Behaviour to Websites

0:06:54

Data Types

0:06:12

Javascript Variables

0:06:54

Javascript Variables Exercise Start

0:07:30

Javascript Variables Exercise

0:06:12

Javascript Variables Exercise Solution

0:06:54

Naming and Naming Conventions for Javascript Variables

0:09:13

Javascript Variable Naming Quiz

0:09:13

String Concatenation

0:07:30

String Lengths and Retrieving the Number of Characters

0:06:12

Slicing and Extracting Parts of a String

Preview 0:03:41

Challenge: Changing Casing in Text

0:07:30

Challenge: Changing String Casing Solution

0:03:41

Basic Arithmetic and the Modulo Operator in Javascript

0:06:12

Increment and Decrement Expressions

0:07:30

Javascript Numbers Quiz

0:06:54

Functions Part 1: Creating and Calling Functions

0:07:30

Functions Part 1 Challenge - The Karel Robot

0:06:54

The Karel Chess Board Solution

0:09:13

A Quick Note About the Next Lesson

0:03:41

Functions Part 2: Parameters and Arguments

0:09:13

Life in Weeks Coding Exercise

0:06:12

Life in Weeks Solution

0:06:54

Functions Part 3: Outputs & Return Values

0:06:54

Challenge: Create a BMI Calculator

0:03:41

BMI Calculator Challenge

0:06:12

Challenge: BMI Calculator Solution

0:06:54

JavaScript Functions Quiz

0:09:13

Tip from Angela - Set Your Expectations

0:06:54

Section 10

Intermediate Javascript

Time 2h 04m

Lectures 19

See all

Random Number Generation in Javascript: Building a Love Calculator

0:07:30

Control Statements: Using If-Else Conditionals & Logic

0:03:41

Comparators and Equality

0:09:13

Combining Comparators

0:07:30

BMI Calculator Advanced (IF/ELSE)

0:06:54

Introducing the Leap Year Code Challenge

0:06:54

Leap Year Challenge Exercise

0:07:30

Leap Year Solution

0:03:41

Collections: Working with Javascript Arrays

0:06:12

Adding Elements and Intermediate Array Techniques

0:06:12

Who's Buying Lunch? Code Challenge

0:07:30

Who's Buying Lunch Solution

0:03:41

Control Statements: While Loops

0:07:30

Solution to the 99 Bottles Challenge

0:07:30

Control Statements: For Loops

0:06:54

Introducing the Fibonacci Code Challenge

0:03:41

The Fibonacci Exercise

0:07:30

Fibonacci Solution

0:07:30

Tip from Angela - Retrieval is How You Learn

0:07:30

Section 11

The Document Object Model (DOM)

Time 59m

Lectures 9

See all

Adding Javascript to Websites

0:03:41

Introduction to the Document Object Model (DOM)

0:09:13

Solution to the DOM Challenge

0:06:54

Selecting HTML Elements with Javascript

0:06:54

Manipulating and Changing Styles of HTML Elements with Javascript

0:06:12

The Separation of Concerns: Structure vs Style vs Behaviour

0:03:41

Text Manipulation and the Text Content Property

0:09:13

Manipulating HTML Element Attributes

0:06:12

Tip from Angela - The 20 Minute Method

0:07:30

Section 12

Boss Level Challenge 1 - The Dicee Game

Time 1h 16m

Lectures 11

See all

Challenge: The Dicee Challenge

0:09:13

Dicee Challenge Step 0 - Download the Skeleton Project

0:09:13

Dicee Challenge Step 1 - Create an External Javascript File

0:09:13

Dicee Challenge Step 2 - Add Dice Images

0:06:54

Dicee Challenge Step 3 - Create a Random Number

0:09:13

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

0:03:41

Dicee Challenge Step 5 - Change both <img> Elements

0:03:41

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

0:07:30

The Solution to the Dicee Challenge

0:07:30

Download the Completed Website

0:06:54

Tip from Angela - Learning Before you Eat

0:03:41

Section 13

Advanced Javascript and DOM Manipulation

Time 1h 36m

Lectures 15

See all

What We'll Make: Drum Kit

Preview 0:06:54

Download the Starting Files

0:06:54

Adding Event Listeners to a Button

0:06:12

Higher Order Functions and Passing Functions as Arguments

0:03:41

Higher Order Function Challenge Solution

0:09:13

How to Play Sounds on a Website

0:07:30

A Deeper Understanding of Javascript Objects

0:07:30

How to Use Switch Statements in Javascript

0:06:54

Objects, their Methods and the Dot Notation

0:06:12

A Quick Note About the Next Lesson

0:06:12

Using Keyboard Event Listeners to Check for Key Presses

0:09:13

Understanding Callbacks and How to Respond to Events

0:09:13

Adding Animation to Websites

0:03:41

Download the Completed Website

0:03:41

Tip from Angela - Dealing with Lack of Progress

0:03:41

Section 14

jQuery

Time 1h 12m

Lectures 11

See all

What is jQuery?

0:06:54

How to Incorporate jQuery into Websites

0:06:54

How Minification Works to Reduce File Size

0:07:30

Selecting Elements with jQuery

0:06:54

Manipulating Styles with jQuery

0:07:30

Manipulating Text with jQuery

0:03:41

Manipulating Attributes with jQuery

0:09:13

Adding Event Listeners with jQuery

0:09:13

Adding and Removing Elements with jQuery

0:06:54

Website Animations with jQuery

0:03:41

Tip from Angela - Mixing Knowledge

0:03:41

Section 15

Boss Level Challenge 2 - The Simon Game

Time 2h 59m

Lectures 25

See all

What You'll Make: The Simon Game

0:09:13

Play the Game

0:09:13

Step 0 - Download the Starting Files

0:09:13

Step 1 - Add Javascript and jQuery

0:03:41

Step 1 - Answer

0:06:12

Step 2 - Create A New Pattern

0:03:41

Step 2 - Answer

0:06:54

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

0:03:41

Step 3 - Answer

0:06:12

Step 4 - Check Which Button is Pressed

0:06:12

Step 4 - Answer

0:06:12

Step 5 - Add Sounds to Button Clicks

0:06:54

Step 5 - Answer

0:09:13

Step 6 - Add Animations to User Clicks

0:07:30

Step 6 - Answer

0:09:13

Step 7 - Start the Game

0:09:13

Step 7 - Answer

0:07:30

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

0:09:13

Step 8 - Answer

0:07:30

Step 9 - Game Over

0:06:12

Step 9 - Answer

0:06:12

Step 10 - Restart the Game

0:09:13

Step 10 - Answer

0:07:30

Download the Completed Project Code

0:06:12

Tip from Angela - Dealing with Frustration

0:07:30

Section 16

The Unix Command Line

Time 38m

Lectures 6

See all

Installing the Hyper Terminal

0:06:54

Command Line Hyper Setup

0:03:41

Understanding the Command Line. Long Live the Command Line!

0:06:12

Command Line Techniques and Directory Navigation

0:06:54

Creating, Opening, and Removing Files through the Command Line

0:07:30

Tip from Angela - Sleep is My Secret Weapon

0:07:30

Section 17

Backend Web Development

Time 06m

Lectures 1

See all

Section 18

Node.js

Time 52m

Lectures 8

See all

What is Node.js?

Preview 0:06:54

Install Node.js on Mac

0:07:30

Install Node.js on Windows

0:06:12

The Power of the Command Line and How to Use Node

0:06:54

The Node REPL (Read Evaluation Print Loops)

0:06:54

How to Use the Native Node Modules

0:03:41

The NPM Package Manager and Installing External Node Modules

0:07:30

Tip from Angela - Step Up to the Challenge

0:06:54

Section 19

Express.js with Node.js

Time 1h 19m

Lectures 13

See all

What is Express?

0:03:41

Creating Our First Server with Express

0:06:12

Handling Requests and Responses: the GET Request

0:03:41

Nodemon Installation

0:06:54

Understanding and Working with Routes

0:09:13

What We'll Make: A Calculator

0:07:30

Calculator Setup Challenge

0:09:13

Calculator Setup: Challenge Solution

0:06:54

Responding to Requests with HTML Files

0:09:13

Processing Post Requests with Body Parser

0:03:41

BMI Routing Challenge

0:03:41

Solution to the BMI Routing Challenge

0:06:12

Tip from Angela - How to Solidify Your Knowledge

0:03:41

Section 20

APIs - Application Programming Interfaces

Time 1h 33m

Lectures 14

See all

Why Do We Need APIs?

0:07:30

API Endpoints, Paths and Parameters.

0:07:30

API Authentication and Postman

0:06:54

What is JSON?

0:03:41

Making GET Requests with the Node HTTPS Module

0:07:30

How to Parse JSON

0:06:12

Using Express to Render a Website with Live API Data

0:03:41

Using Body Parser to Parse POST Requests to the Server

0:06:12

The Mailchimp API - What You'll Make

0:07:30

Setting Up the Sign Up Page

0:09:13

Posting Data to Mailchimp's Servers via their API

0:07:30

Adding Success and Failure Pages

0:07:30

Deploying Your Server with Heroku

0:09:13

Tip from Angela - Location, Location, Location!

0:03:41

Section 21

Git, Github and Version Control

Time 1h 05m

Lectures 10

See all

Introduction to Version Control and Git

0:06:54

Version Control Using Git and the Command Line

0:03:41

GitHub and Remote Repositories

0:09:13

GitHub Private Repos are now Free! ?

0:06:54

Gitignore

0:03:41

Cloning

0:03:41

Branching and Merging

0:06:54

Optional Git Challenge

0:07:30

Forking and Pull Requests

0:07:30

Tip from Angela - Spaced Repetition

0:09:13

Section 22

EJS

Time 1h 13m

Lectures 11

See all

What We'll Make: A ToDoList

Preview 0:03:41

Linter Errors with EJS

0:06:12

Templates? Why Do We Need Templates?

0:03:41

Creating Your First EJS Templates

0:07:30

Running Code Inside the EJS Template

0:09:13

Passing Data from Your Webpage to Your Server

0:09:13

The Concept of Scope in the Context of Javascript

0:06:54

Adding Pre-Made CSS Stylesheets to Your Website

0:06:54

Understanding Templating vs. Layouts

0:07:30

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

0:06:54

Tip from Angela - Use Accountability in your Favour

0:06:12

Section 23

Boss Level Challenge 3 - Blog Website

Time 4h 35m

Lectures 45

See all

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

Preview 0:03:41

Setting Up the Blog Project

0:07:30

Challenge 1

0:06:54

Challenge 1 Solution

0:06:54

Challenge 2

0:06:54

Challenge 2 Solution

0:07:30

Challenge 3

0:06:12

Challenge 3 Solution

0:07:30

Challenge 4

0:07:30

Challenge 4 Solution

0:06:12

Challenge 5

0:06:54

Challenge 5 Solution

0:06:12

Challenge 6

0:07:30

Challenge 6 Solution

0:03:41

Challenge 7

0:03:41

Challenge 7 Solution

0:03:41

Challenge 8

0:07:30

Challenge 8 Solution

0:06:12

Challenge 9

0:07:30

Challenge 9 Solution

0:07:30

Challenge 10

0:06:12

Challenge 10 Solution

0:06:12

Challenge 11

0:06:54

Challenge 11 Solution

0:03:41

Challenge 12

0:03:41

Challenge 12 Solution

0:03:41

Challenge 13

0:07:30

Challenge 13 Solution

0:09:13

Challenge 14 and Solution

0:07:30

Challenge 15

0:06:12

Challenge 15 Solution

0:03:41

Express Routing Parameters

0:07:30

Challenge 16

0:06:12

Challenge 16 Solution

0:03:41

Challenge 17

0:03:41

Challenge 17 Solution

0:03:41

Challenge 18

0:06:54

Challenge 18 Solution

0:06:54

Challenge 19

0:03:41

Challenge 19 Solution

0:06:54

Challenge 20

0:07:30

Challenge 20 Solution

0:09:13

Challenge 21

0:07:30

Challenge 21 Solution

0:06:54

Tip from Angela - When Life Gives You Lemons

0:03:41

Section 24

Databases

Time 09m

Lectures 1

See all

Section 25

SQL

Time 42m

Lectures 6

See all

SQL Commands: CREATE Table and INSERT Data

0:06:12

SQL Commands: READ, SELECT, and WHERE

0:03:41

Updating Single Values and Adding Columns in SQL

0:09:13

SQL Commands: DELETE

0:09:13

Understanding SQL Relationships, Foreign Keys and Inner Joins

0:07:30

Tip from Angela - Find All the Hard Working People

0:06:12

Section 26

MongoDB

Time 59m

Lectures 10

See all

Installing MongoDB on Mac

0:03:41

Installing MongoDB on Windows

0:03:41

MongoDB CRUD Operations in the Shell: Create

0:09:13

MongoDB CRUD Operations in the Shell: Reading & Queries

0:07:30

MongoDB CRUD Operations in the Shell: Update

0:03:41

MongoDB CRUD Operations in the Shell: Delete

0:09:13

Relationships in MongoDB

0:06:12

Working with The Native MongoDB Driver

0:03:41

If You Have Forgotten to Quit the Mongod Server

0:06:54

Tip from Angela - Daily Routines

0:06:12

Section 27

Mongoose

Time 42m

Lectures 6

See all

Introduction to Mongoose

0:06:54

Reading from Your Database with Mongoose

0:07:30

Data Validation with Mongoose

0:06:12

Updating and Deleting Data Using Mongoose

0:06:54

Establishing Relationships and Embedding Documents using Mongoose

0:09:13

Tip from Angela - Deep Work

0:06:12

Section 28

Putting Everything Together

Time 58m

Lectures 8

See all

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

0:06:54

Rendering Database Items in the ToDoList App

0:07:30

Adding New Items to our ToDoList Database

0:03:41

Deleting Items from our ToDoList Database

0:09:13

Creating Custom Lists using Express Route Parameters

0:09:13

Adding New Items to the Custom ToDo Lists

0:03:41

Revisiting Lodash and Deleting Items from Custom ToDo Lists

0:09:13

Tip from Angela - One Step at a Time

0:09:13

Section 29

Deploying Your Web Application

Time 24m

Lectures 4

See all

How to Deploy Web Apps with a Database

0:07:30

How to Setup MongoDB Atlas

0:03:41

Deploying an App with a Database to Heroku

0:06:12

Tip from Angela - Discipline Breeds Discipline

0:06:54

Section 30

Boss Level Challenge 4 - Blog Website Upgrade

Time 52m

Lectures 8

See all

Challenge: Give your Blog a Database

0:06:12

Step 0 - Download the Starting Files

0:06:12

Step 1 - Save Composed Posts with MongoDB

0:03:41

Step 2 - Get the Home Page to Render the Posts

0:09:13

Step 3 - Fix the bug

0:06:12

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

0:06:54

Completed Blog with Database Solution

0:06:54

Tip from Angela - Dealing with Limitations

0:06:54

Section 31

Build Your Own RESTful API From Scratch

Time 1h 34m

Lectures 14

See all

What is REST?

0:06:12

Creating a Database with Robo 3T

0:07:30

Set Up Server Challenge

0:06:12

Set Up Server Solution

0:09:13

GET All Articles

0:03:41

POST a New Article

0:09:13

DELTE All Articles

0:03:41

Chained Route Handlers Using Express

0:06:54

GET a Specific Article

0:06:12

PUT a Specific Article

0:06:54

PATCH a Specific Article

0:06:54

DELETE a Specific Article

0:09:13

Download the Completed Project Code

0:03:41

Tip from Angela - How to Get a Job as Programmer

The Complete 2023 Web Development Bootcamp

Become a Full-Stack Web Developer with just ONE course

This course includes:

Share this course

Overview

What will students learn in your course?

What are the requirements or prerequisites for taking your course?

Who is the course for?

Description

Course tags

Course content

Front-End Web Development

Introduction to HTML

Intermediate HTML

Introduction to CSS

Intermediate CSS

Introduction to Bootstrap 4

Intermediate Bootstrap

Web Design School - Create a Website that People Love

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