The Complete 2022 Web Development Bootcamp

About Course

Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, MongoDB, build real projects

Categories Web Development

Course Curriculum

1.Front-End Web Development

1. What You’ll Get in This Course

00:00
4. How to Get the Most Out of the Course

00:00
6. How Does the Internet Actually Work

00:00
7. How Do Websites Actually Work

00:00
8. What You’ll Need to Get Started – Setup Your Local Web Development Environment

00:00
9. How to Get Help When You’re Stuck

00:00

2. Introduction to HTML

1. Introduction to HTML

00:00
2. The Anatomy of an HTML Tag

00:00
3. What we’re building – HTML Personal Site

00:00
4. What is The HTML Boilerplate

00:00
5. How to Structure Text in HTML

00:00
6. HTML Lists

00:00
7. HTML Image Elements

00:00
8. HTML Links and Anchor Tags

00:00

3. Intermediate HTML

1. HTML Tables

00:00
2. Using HTML Tables for Layout

00:00
3. HTML Tables Code Challenge

00:00
5. HTML Tables Solution Walkthrough

00:00
6. HTML Forms

00:00
7. Forms in Practice – Create a Contact Me Form

00:00
9. Publish Your Website!

00:00
10. Tip from Angela – Habit Building with the Calendar Trick

00:00

4. Introduction to CSS

1. Introduction to CSS

00:00
2. Inline CSS

00:00
4. Internal CSS

00:00
5. External CSS

00:00
6. How to Debug CSS Code

00:00
7. The Anatomy of CSS Syntax

00:00
8. CSS Selectors

00:00
9. Classes vs. Ids

00:00
11. Tip from Angela – Dealing with Distractions

00:00

5. Intermediate CSS

1. What We’ll Make – Stylised Personal Site

00:00
2. What Are Favicons

00:00
3. HTML Divs

00:00
4. The Box Model of Website Styling

00:00
5. CSS Display Property

00:00
7. CSS Static and Relative Positioning

00:00
8. Absolute positioning

00:00
9. The Dark Art of Centering Elements with CSS

00:00
10. Font Styling in Our Personal Site

00:00
12. Adding Content to Our Website

00:00
13. CSS Sizing

00:00
17. CSS Font Property Challenge Solutions

00:00
20. Stylised Personal Site Solution Walkthrough

00:00
22. Tip from Angela – Nothing Easy is Worth Doing!

00:00

6. Introduction to Bootstrap 4

1. What is Bootstrap

00:00
2. Installing Bootstrap

00:00
3. Web Design 101 – Wireframing

00:00
4. The Bootstrap Navigation Bar

00:00
5. What We’ll Make TinDog

00:00
7. Setting Up Our New Project

00:00
8. Bootstrap Grid Layout System

00:00
10. Adding Grid Layouts to Our Website

00:00
12. Bootstrap Containers

00:00
13. Bootstrap Buttons & Font Awesome

00:00
14. Styling Our Website Challenges and Solutions

00:00
16. Solution to Bootstrap Challenge 1

00:00
17. Tip from Angela – How to Deal with Procrastination

00:00

7. Intermediate Bootstrap

1. The Bootstrap Carousel Part 1

00:00
2. The Bootstrap Carousel Part 2

00:00
3. Bootstrap Cards

00:00
4. The CSS Z-Index and Stacking Order

00:00
5. Media Query Breakpoints

00:00
7. Bootstrap Challenge 2 Solution

00:00
8. How to become a Better Programmer – Code Refactoring

00:00
9. Put it into Practice – Refactor our Website Part 1

00:00
10. Advanced CSS – Combining Selectors

00:00
11. Refactoring our Website Part 2

00:00
12. Advanced CSS – Selector Priority

00:00
13. Completing the Website

00:00
15. Tip from Angela – Building a Programming Habit

00:00

8. Introduction to Javascript ES6

1. Introduction to Javascript

00:00
2. Javascript Alerts – Adding Behaviour to Websites

00:00
3. Data Types

00:00
4. Javascript Variables

00:00
5. Javascript Variables Exercise Start

00:00
5. Javascript Variables Exercise Start

00:00
7. Javascript Variables Exercise Solution

00:00
8. Naming and Naming Conventions for Javascript Variables

00:00
10. String Concatenation

00:00
11. String Lengths and Retrieving the Number of Characters

00:00
12. Slicing and Extracting Parts of a String

00:00
13. Challenge Changing Casing in Text

00:00
14. Challenge Changing String Casing Solution

00:00
15. Basic Arithmetic and the Modulo Operator in Javascript

00:00
16. Increment and Decrement Expressions

00:00
18. Functions Part 1 Creating and Calling Functions

00:00
19. Functions Part 1 Challenge – The Karel Robot

00:00
22. Functions Part 2 Parameters and Arguments

00:00
24. Life in Weeks Solution

00:00
25. Functions Part 3 Outputs & Return Values

00:00
26. Challenge Create a BMI Calculator

00:00
28. Challenge BMI Calculator Solution

00:00
30. Tip from Angela – Set Your Expectations

00:00

9. Intermediate Javascript

1. Random Number Generation in Javascript Building a Love Calculator

00:00
2. Control Statements Using If-Else Conditionals & Logic

00:00
3. Comparators and Equality

00:00
4. Combining Comparators

00:00
6. Leap Year Code Challenge

00:00
8. Leap Year Solution

00:00
9. Collections Working with Javascript Arrays

00:00
10. Adding Elements and Intermediate Array Techniques

00:00
12. Who’s Buying Lunch Solution

00:00
13. Control Statements While Loops

00:00
15. Control Statements For Loops

00:00
16. The Fibonacci Code Challenge

00:00
18. Fibonacci Solution

00:00
19. Tip from Angela – Retrieval is How You Learn

00:00

10. The Document Object Model (DOM)

11. Boss Level Challenge 1 – The Dicee Game

12. Advanced Javascript and DOM Manipulation

1. What We’ll Make Drum Kit

00:00
3. Adding Event Listeners to a Button

00:00
4. Higher Order Functions and Passing Functions as Arguments

00:00
6. How to Play Sounds on a Website

00:00
7. A Deeper Understanding of Javascript Objects

00:00
8. How to Use Switch Statements in Javascript

00:00
9. Objects, their Methods and the Dot Notation

00:00
11. Using Keyboard Event Listeners to Check for Key Presses

00:00
12. Understanding Callbacks and How to Respond to Events

00:00
13. Adding Animation to Websites

00:00
15. Tip from Angela – Dealing with Lack of Progress

00:00

13. jQuery

1. What is jQuery

00:00
2. How to Incorporate jQuery into Websites

00:00
3. How Minification Works to Reduce File Size

00:00
4. Selecting Elements with jQuery

00:00
5. Manipulating Styles with jQuery

00:00
6. Manipulating Text with jQuery

00:00
7. Manipulating Attributes with jQuery

00:00
8. Adding Event Listeners with jQuery

00:00
9. Adding and Removing Elements with jQuery

00:00
10. Website Animations with jQuery

00:00
11. Tip from Angela – Mixing Knowledge

00:00

14. Boss Level Challenge 2 – The Simon Game

15. The Unix Command Line

16. Backend Web Development

17. Node.js

18. Express.js with Node.js

1. What is Express

00:00
2. Creating Our First Server with Express

00:00
3. Handling Requests and Responses the GET Request

00:00
5. Understanding and Working with Routes

00:00
6. What We’ll Make A Calculator

00:00
8. Calculator Setup Challenge Solution

00:00
9. Responding to Requests with HTML Files

00:00
10. Processing Post Requests with Body Parser

00:00
12. Solution to the BMI Routing Challenge

00:00
13. Tip from Angela – How to Solidify Your Knowledge

00:00

19. APIs – Application Programming Interfaces

1. Why Do We Need APIs

00:00
2. API Endpoints, Paths and Parameters

00:00
3. API Authentication and Postman

00:00
4. What is JSON

00:00
5. Making GET Requests with the Node HTTPS Module

00:00
6. How to Parse JSON

00:00
7. Using Express to Render a Website with Live API Data

00:00
8. Using Body Parser to Parse POST Requests to the Server

00:00
11. Posting Data to Mailchimp’s Servers via their API

00:00
12. Adding Success and Failure Pages

00:00
13. Deploying Your Server with Heroku

00:00
14. Tip from Angela – Location, Location, Location!

00:00

20. Git, Github and Version Control

1. Introduction to Version Control and Git

00:00
2. Version Control Using Git and the Command Line

00:00
3. GitHub and Remote Repositories

00:00
5. Gitignore

00:00
6. Cloning

00:00
7. Branching and Merging

00:00
9. Forking and Pull Requests

00:00
10. Tip from Angela – Spaced Repetition

00:00

21. EJS

1. What We’ll Make A ToDoList

00:00
3. Templates Why Do We Need Templates

00:00
4. Creating Your First EJS Templates

00:00
5. Running Code Inside the EJS Template

00:00
6. Passing Data from Your Webpage to Your Server

00:00
7. The Concept of Scope in the Context of Javascript

00:00
8. Adding Pre-Made CSS Stylesheets to Your Website
9. Understanding Templating vs. Layouts

00:00
10. Understanding Node Module Exports

00:00
11. Tip from Angela – Use Accountability in your Favour

00:00

22. Boss Level Challenge 3 – Blog Website

1. A New Challenge Format and What We’ll Make A Blog
2. Setting Up the Blog Project

00:00
3. Challenge 1

00:00
4. Challenge 1 Solution

00:00
5. Challenge 2

00:00
6. Challenge 2 Solution

00:00
7. Challenge 3

00:00
8. Challenge 3 Solution

00:00
9. Challenge 4

00:00
10. Challenge 4 Solution

00:00
11. Challenge 5

00:00
12. Challenge 5 Solution

00:00
13. Challenge 6

00:00
14. Challenge 6 Solution

00:00
15. Challenge 7

00:00
16. Challenge 7 Solution

00:00
17. Challenge 8

00:00
18. Challenge 8 Solution.mp4

00:00
19. Challenge 9

00:00
20. Challenge 9 Solution

00:00

23. Databases

€169.86

Course Details

Level: All Levels

Duration: 0

Enrolled:1

Last Updated:September 1, 2022

The Complete 2022 Web Development Bootcamp

About Course

Course Curriculum

1.Front-End Web Development

1. What You’ll Get in This Course

4. How to Get the Most Out of the Course

6. How Does the Internet Actually Work

7. How Do Websites Actually Work

8. What You’ll Need to Get Started – Setup Your Local Web Development Environment

9. How to Get Help When You’re Stuck

2. Introduction to HTML

1. Introduction to HTML

2. The Anatomy of an HTML Tag

3. What we’re building – HTML Personal Site

4. What is The HTML Boilerplate

5. How to Structure Text in HTML

6. HTML Lists

7. HTML Image Elements

8. HTML Links and Anchor Tags

3. Intermediate HTML

1. HTML Tables

2. Using HTML Tables for Layout

3. HTML Tables Code Challenge

5. HTML Tables Solution Walkthrough

6. HTML Forms

7. Forms in Practice – Create a Contact Me Form

9. Publish Your Website!

10. Tip from Angela – Habit Building with the Calendar Trick

4. Introduction to CSS

1. Introduction to CSS

2. Inline CSS

4. Internal CSS

5. External CSS

6. How to Debug CSS Code

7. The Anatomy of CSS Syntax

8. CSS Selectors

9. Classes vs. Ids

11. Tip from Angela – Dealing with Distractions

5. Intermediate CSS

1. What We’ll Make – Stylised Personal Site

2. What Are Favicons

3. HTML Divs

4. The Box Model of Website Styling

5. CSS Display Property

7. CSS Static and Relative Positioning

8. Absolute positioning

9. The Dark Art of Centering Elements with CSS

10. Font Styling in Our Personal Site

12. Adding Content to Our Website

13. CSS Sizing

17. CSS Font Property Challenge Solutions

20. Stylised Personal Site Solution Walkthrough

22. Tip from Angela – Nothing Easy is Worth Doing!

6. Introduction to Bootstrap 4

1. What is Bootstrap

2. Installing Bootstrap

3. Web Design 101 – Wireframing

4. The Bootstrap Navigation Bar

5. What We’ll Make TinDog

7. Setting Up Our New Project

8. Bootstrap Grid Layout System

10. Adding Grid Layouts to Our Website

12. Bootstrap Containers

13. Bootstrap Buttons & Font Awesome

14. Styling Our Website Challenges and Solutions

16. Solution to Bootstrap Challenge 1

17. Tip from Angela – How to Deal with Procrastination

7. Intermediate Bootstrap

1. The Bootstrap Carousel Part 1

2. The Bootstrap Carousel Part 2

3. Bootstrap Cards

4. The CSS Z-Index and Stacking Order

5. Media Query Breakpoints

7. Bootstrap Challenge 2 Solution

8. How to become a Better Programmer – Code Refactoring

9. Put it into Practice – Refactor our Website Part 1

10. Advanced CSS – Combining Selectors

11. Refactoring our Website Part 2

12. Advanced CSS – Selector Priority

13. Completing the Website