The Complete 2023 Web Development Bootcamp (updated 11/2022)

Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, MongoDB, Web3 and DApps

What you'll learn

You will build 16 web development projects for your portfolio, ready to apply for junior developer jobs.

You will learn the latest technologies, including Javascript, React, Node and even Web3 development.

You will master both front and back-end development, becoming a full-stack developer by the end of the course.

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.

Requirements

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

Description

Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer. With 150,000+ ratings and a 4.8 average, my Web Development course is one of the HIGHEST RATED courses in the history of Udemy! At 65+ hours, this Web Development course is without a doubt the most comprehensive web development course available online. Even if you have zero programming experience, this course will take you from beginner to mastery. Here's why:The course is taught by the lead instructor at the App Brewery, London's leading in-person programming bootcamp.The course has been updated to be 2023 ready and you'll be learning the latest tools and technologies used at large companies such as Apple, Google and Netflix.This course doesn't cut any corners, there are beautiful animated explanation videos and tens of real-world projects which you will get to build.The curriculum was developed over a period of four years, with comprehensive student testing and feedback.We've taught over a million students how to code and many have gone on to change their lives by becoming professional developers or starting their own tech startup.You'll save yourself over $12,000 by enrolling, but still get access to the same teaching materials and learn from the same instructor and curriculum as our in-person programming bootcamp.The course is constantly updated with new content, with new projects and modules determined by students - that's you!We'll take you step-by-step through engaging video tutorials and teach you everything you need to know to succeed as a web developer.The course includes over 65 hours of HD video tutorials and builds your programming knowledge while making real-world websites and web apps.Throughout this comprehensive course, we cover a massive amount of tools and technologies, including:Front-End Web DevelopmentHTML 5CSS 3Bootstrap 4Javascript ES6DOM ManipulationjQueryBash Command LineGit, GitHub and Version ControlBackend Web DevelopmentNode.jsNPMExpress.jsEJSRESTAPIsDatabasesSQLMongoDBMongooseAuthenticationFirebaseReact.jsReact HooksWeb DesignDeployment with GitHub Pages, Heroku and MongoDB AtlasWeb3 Development on the Internet ComputerBlockchain technologyToken contract developmentNFT minting, buying and selling logicBy 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.Sign up today, and look forward to:Animated Video LecturesCode Challenges and Coding ExercisesBeautiful Real-World ProjectsQuizzes & Practice TestsDownloadable Programming Resources and CheatsheetsOur best selling 12 Rules to Learn to Code eBook$12,000+ worth of web development bootcamp course materials and course curriculumDon't just take my word for it, check out what existing students have to say about the course:"Angela is just incredible, awesome and just fantastic in this course. I've never had such an instructor; detailed in every aspect of the course, gives precise explanations, gives you the anxiety to learn etc. She's got that ability to make fun while explaining things for better understanding. I really love this course." - Ekeu MonkamUlrich"Angela is very thorough without ever being boring. I've taken MANY online courses in my life including my Bachelors and Masters degrees. She is by far the best instructor I've ever had. This course is packed with thousands of dollars worth of great instruction, and paced well enough for anyone to pick coding up and run with it- Thank you!" - J Carlucci"Love the way Angela explains things. Easy to follow and full of logic. I can say she must have spent a lot of energy creating this great course. Thank you and I recommend it to all who's interested in coding!" - Yiqing Zheng"So far (on my third day) this course has taught me more than I was able to learn in multiple other programming courses. This course is clearly outlined and builds upon itself gradually in an easy to understand way." - Normal Ramsey"This course will take you from beginner to intermediate level for real. If you don't know how to put together the pieces of web development this is what you're looking for. Angela explains in an amazing way by creating projects all the way during this course, explaining the concepts in real practice. Thank you very much, Angela. I will always consider you my mentor. Look forward to taking more courses with you." - Moises Dionisio Cruz"An amazing course, perfect for absolute beginners at the start of their coding journey! Angela is an amazing tutor and can explain in the most simple and comprehensible way even complex coding notions. Learning web development cannot get any more fun!" - Zoe Moyssoglou"It's a different approach to teaching Web Development. I like that you are given everything possible to succeed from the onset." - Ronick ThomasThe tutor is simply AMAZING, by far the best tutor I have ever had. I would give her 10 stars out of 5. She is not just punching the code and talking to herself, but she is actually explaining things. She keeps on giving really useful hints and she will give you a great load of other references. I always knew what I was doing and why I was doing it. All the extra challenges have just made me remember and understand things better. - Peter DlugosREMEMBER… I'm so confident that you'll love this course that we're offering a FULL money-back guarantee for 30 days! So it's a complete no-brainer, sign up today with ZERO risk and EVERYTHING to gain.So what are you waiting for? Click the buy now button and join the world's highest-rated web development course.

Overview

Section 1: Front-End Web Development

Lecture 1 What You'll Get in This Course

Lecture 2 Download the Course Syllabus

Lecture 3 Download the Course Resources

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

Lecture 5 START HERE

Lecture 6 How Does the Internet Actually Work?

Lecture 7 How Do Websites Actually Work?

Lecture 8 How to Get the Most Out of the Course

Lecture 11 How to Get Help When You're Stuck

Lecture 12 Pathfinder

Section 2: Introduction to HTML

Lecture 13 Introduction to HTML

Lecture 14 Using HTML Tags

Lecture 15 The Anatomy of an HTML Tag

Lecture 16 What we're building - HTML Personal Site

Lecture 17 What is The HTML Boilerplate?

Lecture 18 How to Structure Text in HTML

Lecture 19 HTML Lists

Lecture 20 HTML Image Elements

Lecture 21 HTML Links and Anchor Tags

Lecture 22 How to Ace this Course

Section 3: Intermediate HTML

Lecture 23 HTML Tables

Lecture 24 Using HTML Tables for Layout

Lecture 25 HTML Tables Code Challenge

Lecture 26 How to Type Emojis

Lecture 27 HTML Tables Solution Walkthrough

Lecture 28 HTML Forms

Lecture 29 Forms in Practice - Create a Contact Me Form

Lecture 30 Publish Your Website!

Lecture 31 Tip from Angela - Habit Building with the Calendar Trick

Lecture 32 Get Monthly Tips and Tools to Level Up as a Developer

Section 4: Introduction to CSS

Lecture 33 Introduction to CSS

Lecture 34 Inline CSS

Lecture 35 Internal CSS

Lecture 36 External CSS

Lecture 37 How to Debug CSS Code

Lecture 38 The Anatomy of CSS Syntax

Lecture 39 CSS Selectors

Lecture 40 Classes vs. Ids

Lecture 41 Tip from Angela - Dealing with Distractions

Lecture 42 Join the Student Community

Section 5: Intermediate CSS

Lecture 43 What We'll Make - Stylised Personal Site

Lecture 44 What Are Favicons?

Lecture 45 HTML Divs

Lecture 46 The Box Model of Website Styling

Lecture 47 CSS Display Property

Lecture 48 Learn More About Web Design

Lecture 49 CSS Static and Relative Positioning

Lecture 50 Absolute positioning

Lecture 51 The Dark Art of Centering Elements with CSS

Lecture 52 Font Styling in Our Personal Site

Lecture 53 Learn More About Typography

Lecture 54 Adding Content to Our Website

Lecture 55 CSS Sizing

Lecture 56 Font Properties Challenge 1 - Change the Colours

Lecture 57 Font Properties Challenge 2 - Change the Font Weight

Lecture 58 Font Properties Challenge 3 - Change the Line Height

Lecture 59 CSS Font Property Challenge Solutions

Lecture 60 CSS Float and Clear

Lecture 61 CSS Challenge

Lecture 62 Stylised Personal Site Solution Walkthrough

Lecture 63 [Optional] Get More Practice HTML and CSS

Lecture 64 Tip from Angela - Nothing Easy is Worth Doing!

Section 6: Introduction to Bootstrap 4

Lecture 65 What is Bootstrap?

Lecture 66 Installing Bootstrap

Lecture 67 Web Design 101 - Wireframing

Lecture 68 The Bootstrap Navigation Bar

Lecture 69 What We'll Make: TinDog

Lecture 70 Download the Starting Files

Lecture 71 Setting Up Our New Project

Lecture 72 Bootstrap Grid Layout System

Lecture 73 Getting Montserrat Black and other Font Weights

Lecture 74 Adding Grid Layouts to Our Website

Lecture 75 A Note About CSS Link Order

Lecture 76 Bootstrap Containers

Lecture 77 Bootstrap Buttons & Font Awesome

Lecture 78 Styling Our Website Challenges and Solutions

Lecture 79 Bootstrap Challenge 1

Lecture 80 Solution to Bootstrap Challenge 1

Lecture 81 Tip from Angela - How to Deal with Procrastination

Section 7: Intermediate Bootstrap

Lecture 82 The Bootstrap Carousel Part 1

Lecture 83 The Bootstrap Carousel Part 2

Lecture 84 Bootstrap Cards

Lecture 85 The CSS Z-Index and Stacking Order

Lecture 86 Media Query Breakpoints

Lecture 87 Bootstrap Challenge 2

Lecture 88 Bootstrap Challenge 2 Solution

Lecture 89 How to become a Better Programmer - Code Refactoring

Lecture 90 Put it into Practice - Refactor our Website Part 1

Lecture 91 Advanced CSS - Combining Selectors

Lecture 92 Refactoring our Website Part 2

Lecture 93 Advanced CSS - Selector Priority

Lecture 94 Completing the Website

Lecture 95 Download the Completed Website

Lecture 96 Tip from Angela - Building a Programming Habit

Section 8: Web Design School - Create a Website that People Love

Lecture 97 Introduction to Web Design

Lecture 98 Understanding Colour Theory

Lecture 99 Understanding Typography and How to Choose a Font

Lecture 100 Manage ATTENTION with effective User Interface (UI) Design

Lecture 101 User Experience (UX) Design

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

Section 9: Introduction to Javascript ES6

Lecture 103 Introduction to Javascript

Lecture 104 Javascript Alerts - Adding Behaviour to Websites

Lecture 105 Data Types

Lecture 106 Javascript Variables

Lecture 107 Javascript Variables Exercise Start

Lecture 108 Javascript Variables Exercise Solution

Lecture 109 Naming and Naming Conventions for Javascript Variables

Lecture 110 String Concatenation

Lecture 111 String Lengths and Retrieving the Number of Characters

Lecture 112 Slicing and Extracting Parts of a String

Lecture 113 Challenge: Changing Casing in Text

Lecture 114 Challenge: Changing String Casing Solution

Lecture 115 Basic Arithmetic and the Modulo Operator in Javascript

Lecture 116 Increment and Decrement Expressions

Lecture 117 Functions Part 1: Creating and Calling Functions

Lecture 118 Functions Part 1 Challenge - The Karel Robot

Lecture 119 The Karel Chess Board Solution

Lecture 120 A Quick Note About the Next Lesson

Lecture 121 Functions Part 2: Parameters and Arguments

Lecture 122 Life in Weeks Solution

Lecture 123 Functions Part 3: Outputs & Return Values

Lecture 124 Challenge: Create a BMI Calculator

Lecture 125 Challenge: BMI Calculator Solution

Lecture 126 Tip from Angela - Set Your Expectations

Section 10: Intermediate Javascript

Lecture 127 Random Number Generation in Javascript: Building a Love Calculator

Lecture 128 Control Statements: Using If-Else Conditionals & Logic

Lecture 129 Comparators and Equality

Lecture 130 Combining Comparators

Lecture 131 Introducing the Leap Year Code Challenge

Lecture 132 Leap Year Solution

Lecture 133 Collections: Working with Javascript Arrays

Lecture 134 Adding Elements and Intermediate Array Techniques

Lecture 135 Who's Buying Lunch Solution

Lecture 136 Control Statements: While Loops

Lecture 137 Solution to the 99 Bottles Challenge

Lecture 138 Control Statements: For Loops

Lecture 139 Introducing the Fibonacci Code Challenge

Lecture 140 Fibonacci Solution

Lecture 141 Tip from Angela - Retrieval is How You Learn

Section 11: The Document Object Model (DOM)

Lecture 142 Adding Javascript to Websites

Lecture 143 Introduction to the Document Object Model (DOM)

Lecture 144 Solution to the DOM Challenge

Lecture 145 Selecting HTML Elements with Javascript

Lecture 146 Manipulating and Changing Styles of HTML Elements with Javascript

Lecture 147 The Separation of Concerns: Structure vs Style vs Behaviour

Lecture 148 Text Manipulation and the Text Content Property

Lecture 149 Manipulating HTML Element Attributes

Lecture 150 Tip from Angela - The 20 Minute Method

Section 12: Boss Level Challenge 1 - The Dicee Game

Lecture 151 Challenge: The Dicee Challenge

Lecture 152 Dicee Challenge Step 0 - Download the Skeleton Project

Lecture 153 Dicee Challenge Step 1 - Create an External Javascript File

Lecture 154 Dicee Challenge Step 2 - Add Dice Images

Lecture 155 Dicee Challenge Step 3 - Create a Random Number

Lecture 156 Dicee Challenge Step 4 - Change the to a Random Dice

Lecture 157 Dicee Challenge Step 5 - Change both Elements

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

Lecture 159 The Solution to the Dicee Challenge

Lecture 160 Download the Completed Website

Lecture 161 Tip from Angela - Learning Before you Eat

Section 13: Advanced Javascript and DOM Manipulation

Lecture 162 What We'll Make: Drum Kit

Lecture 163 Download the Starting Files

Lecture 164 Adding Event Listeners to a Button

Lecture 165 Higher Order Functions and Passing Functions as Arguments

Lecture 166 Higher Order Function Challenge Solution

Lecture 167 How to Play Sounds on a Website

Lecture 168 A Deeper Understanding of Javascript Objects

Lecture 169 How to Use Switch Statements in Javascript

Lecture 170 Objects, their Methods and the Dot Notation

Lecture 171 A Quick Note About the Next Lesson

Lecture 172 Using Keyboard Event Listeners to Check for Key Presses

Lecture 173 Understanding Callbacks and How to Respond to Events

Lecture 174 Adding Animation to Websites

Lecture 175 Download the Completed Website

Lecture 176 Tip from Angela - Dealing with Lack of Progress

Section 14: jQuery

Lecture 177 What is jQuery?

Lecture 178 How to Incorporate jQuery into Websites

Lecture 179 How Minification Works to Reduce File Size

Lecture 180 Selecting Elements with jQuery

Lecture 181 Manipulating Styles with jQuery

Lecture 182 Manipulating Text with jQuery

Lecture 183 Manipulating Attributes with jQuery

Lecture 184 Adding Event Listeners with jQuery

Lecture 185 Adding and Removing Elements with jQuery

Lecture 186 Website Animations with jQuery

Lecture 187 Tip from Angela - Mixing Knowledge

Section 15: Boss Level Challenge 2 - The Simon Game

Lecture 188 What You'll Make: The Simon Game

Lecture 189 Play the Game

Lecture 190 Step 0 - Download the Starting Files

Lecture 191 Step 1 - Add Javascript and jQuery

Lecture 192 Step 1 - Answer

Lecture 193 Step 2 - Create A New Pattern

Lecture 194 Step 2 - Answer

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

Lecture 196 Step 3 - Answer

Lecture 197 Step 4 - Check Which Button is Pressed

Lecture 198 Step 4 - Answer

Lecture 199 Step 5 - Add Sounds to Button Clicks

Lecture 200 Step 5 - Answer

Lecture 201 Step 6 - Add Animations to User Clicks

Lecture 202 Step 6 - Answer

Lecture 203 Step 7 - Start the Game

Lecture 204 Step 7 - Answer

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

Lecture 206 Step 8 - Answer

Lecture 207 Step 9 - Game Over

Lecture 208 Step 9 - Answer

Lecture 209 Step 10 - Restart the Game

Lecture 210 Step 10 - Answer

Lecture 211 Download the Completed Project Code

Lecture 212 Tip from Angela - Dealing with Frustration

Section 16: The Unix Command Line

Lecture 213 Installing the Hyper Terminal

Lecture 214 Command Line Hyper Setup

Lecture 215 Understanding the Command Line. Long Live the Command Line!

Lecture 216 Command Line Techniques and Directory Navigation

Lecture 217 Creating, Opening, and Removing Files through the Command Line

Lecture 218 Tip from Angela - Sleep is My Secret Weapon

Section 17: Backend Web Development

Lecture 219 Backend Web Development Explained

Section 18: Node.js

Lecture 220 What is Node.js?

Lecture 221 Install Node.js on Mac

Lecture 222 Install Node.js on Windows

Lecture 223 The Power of the Command Line and How to Use Node

Lecture 224 The Node REPL (Read Evaluation Print Loops)

Lecture 225 How to Use the Native Node Modules

Lecture 226 The NPM Package Manager and Installing External Node Modules

Lecture 227 Tip from Angela - Step Up to the Challenge

Section 19: Express.js with Node.js

Lecture 228 What is Express?

Lecture 229 Creating Our First Server with Express

Lecture 230 Handling Requests and Responses: the GET Request

Lecture 231 Nodemon Installation

Lecture 232 Understanding and Working with Routes

Lecture 233 What We'll Make: A Calculator

Lecture 234 Calculator Setup Challenge

Lecture 235 Calculator Setup: Challenge Solution

Lecture 236 Responding to Requests with HTML Files

Lecture 237 Processing Post Requests with Body Parser

Lecture 238 BMI Routing Challenge

Lecture 239 Solution to the BMI Routing Challenge

Lecture 240 Tip from Angela - How to Solidify Your Knowledge

Section 20: APIs - Application Programming Interfaces

Lecture 241 Why Do We Need APIs?

Lecture 242 API Endpoints, Paths and Parameters.

Lecture 243 API Authentication and Postman

Lecture 244 What is JSON?

Lecture 245 Making GET Requests with the Node HTTPS Module

Lecture 246 How to Parse JSON

Lecture 247 Using Express to Render a Website with Live API Data

Lecture 248 Using Body Parser to Parse POST Requests to the Server

Lecture 249 The Mailchimp API - What You'll Make

Lecture 250 Setting Up the Sign Up Page

Lecture 251 Posting Data to Mailchimp's Servers via their API

Lecture 252 Adding Success and Failure Pages

Lecture 253 Deploying Your Server with Heroku

Lecture 254 Tip from Angela - Location, Location, Location!

Section 21: Git, Github and Version Control

Lecture 255 Introduction to Version Control and Git

Lecture 256 Version Control Using Git and the Command Line

Lecture 257 GitHub and Remote Repositories

Lecture 258 GitHub Private Repos are now Free! ?

Lecture 259 Gitignore

Lecture 260 Cloning

Lecture 261 Branching and Merging

Lecture 262 Optional Git Challenge

Lecture 263 Forking and Pull Requests

Lecture 264 Tip from Angela - Spaced Repetition

Section 22: EJS

Lecture 265 What We'll Make: A ToDoList

Lecture 266 Linter Errors with EJS

Lecture 267 Templates? Why Do We Need Templates?

Lecture 268 Creating Your First EJS Templates

Lecture 269 Running Code Inside the EJS Template

Lecture 270 Passing Data from Your Webpage to Your Server

Lecture 271 The Concept of Scope in the Context of Javascript

Lecture 272 Adding Pre-Made CSS Stylesheets to Your Website

Lecture 273 Understanding Templating vs. Layouts

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

Lecture 275 Tip from Angela - Use Accountability in your Favour

Section 23: Boss Level Challenge 3 - Blog Website

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

Lecture 277 Setting Up the Blog Project

Lecture 278 Challenge 1

Lecture 279 Challenge 1 Solution

Lecture 280 Challenge 2

Lecture 281 Challenge 2 Solution

Lecture 282 Challenge 3

Lecture 283 Challenge 3 Solution

Lecture 284 Challenge 4

Lecture 285 Challenge 4 Solution

Lecture 286 Challenge 5

Lecture 287 Challenge 5 Solution

Lecture 288 Challenge 6

Lecture 289 Challenge 6 Solution

Lecture 290 Challenge 7

Lecture 291 Challenge 7 Solution

Lecture 292 Challenge 8

Lecture 293 Challenge 8 Solution

Lecture 294 Challenge 9

Lecture 295 Challenge 9 Solution

Lecture 296 Challenge 10

Lecture 297 Challenge 10 Solution

Lecture 298 Challenge 11

Lecture 299 Challenge 11 Solution

Lecture 300 Challenge 12

Lecture 301 Challenge 12 Solution

Lecture 302 Challenge 13

Lecture 303 Challenge 13 Solution

Lecture 304 Challenge 14 and Solution

Lecture 305 Challenge 15

Lecture 306 Challenge 15 Solution

Lecture 307 Express Routing Parameters

Lecture 308 Challenge 16

Lecture 309 Challenge 16 Solution

Lecture 310 Challenge 17

Lecture 311 Challenge 17 Solution

Lecture 312 Challenge 18

Lecture 313 Challenge 18 Solution

Lecture 314 Challenge 19

Lecture 315 Challenge 19 Solution

Lecture 316 Challenge 20

Lecture 317 Challenge 20 Solution

Lecture 318 Challenge 21

Lecture 319 Challenge 21 Solution

Lecture 320 Tip from Angela - When Life Gives You Lemons

Section 24: Databases

Lecture 321 Databases Explained: SQL vs. NOSQL

Section 25: SQL

Lecture 322 SQL Commands: CREATE Table and INSERT Data

Lecture 323 SQL Commands: READ, SELECT, and WHERE

Lecture 324 Updating Single Values and Adding Columns in SQL

Lecture 325 SQL Commands: DELETE

Lecture 326 Understanding SQL Relationships, Foreign Keys and Inner Joins

Lecture 327 Tip from Angela - Find All the Hard Working People

Section 26: MongoDB

Lecture 328 Installing MongoDB on Mac

Lecture 329 Installing MongoDB on Windows

Lecture 330 MongoDB CRUD Operations in the Shell: Create

Lecture 331 MongoDB CRUD Operations in the Shell: Reading & Queries

Lecture 332 MongoDB CRUD Operations in the Shell: Update

Lecture 333 MongoDB CRUD Operations in the Shell: Delete

Lecture 334 Relationships in MongoDB

Lecture 335 Working with The Native MongoDB Driver

Lecture 336 If You Have Forgotten to Quit the Mongod Server

Lecture 337 Tip from Angela - Daily Routines

Section 27: Mongoose

Lecture 338 Introduction to Mongoose

Lecture 339 Reading from Your Database with Mongoose

Lecture 340 Data Validation with Mongoose

Lecture 341 Updating and Deleting Data Using Mongoose

Lecture 342 Establishing Relationships and Embedding Documents using Mongoose

Lecture 343 Tip from Angela - Deep Work

Section 28: Putting Everything Together

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

Lecture 345 Rendering Database Items in the ToDoList App

Lecture 346 Adding New Items to our ToDoList Database

Lecture 347 Deleting Items from our ToDoList Database

Lecture 348 Creating Custom Lists using Express Route Parameters

Lecture 349 Adding New Items to the Custom ToDo Lists

Lecture 350 Revisiting Lodash and Deleting Items from Custom ToDo Lists

Lecture 351 Tip from Angela - One Step at a Time

Section 29: Deploying Your Web Application

Lecture 352 How to Deploy Web Apps with a Database

Lecture 353 How to Setup MongoDB Atlas

Lecture 354 Deploying an App with a Database to Heroku

Lecture 355 Tip from Angela - Discipline Breeds Discipline

Section 30: Boss Level Challenge 4 - Blog Website Upgrade

Lecture 356 Challenge: Give your Blog a Database

Lecture 357 Step 0 - Download the Starting Files

Lecture 358 Step 1 - Save Composed Posts with MongoDB

Lecture 359 Step 2 - Get the Home Page to Render the Posts

Lecture 360 Step 3 - Fix the bug

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

Lecture 362 Completed Blog with Database Solution

Lecture 363 Tip from Angela - Dealing with Limitations

Section 31: Build Your Own RESTful API From Scratch

Lecture 364 What is REST?

Lecture 365 Creating a Database with Robo 3T

Lecture 366 Set Up Server Challenge

Lecture 367 Set Up Server Solution

Lecture 368 GET All Articles

Lecture 369 POST a New Article

Lecture 370 DELTE All Articles

Lecture 371 Chained Route Handlers Using Express

Lecture 372 GET a Specific Article

Lecture 373 PUT a Specific Article

Lecture 374 PATCH a Specific Article

Lecture 375 DELETE a Specific Article

Lecture 376 Download the Completed Project Code

Lecture 377 Tip from Angela - How to Get a Job as Programmer

Section 32: Authentication & Security

Lecture 378 Introduction to Authentication

Lecture 379 Getting Set Up

Lecture 380 Level 1 - Register Users with Username and Password

Lecture 381 How to Review the Source Code

Lecture 382 Level 2 - Database Encryption

Lecture 383 Using Environment Variables to Keep Secrets Safe

Lecture 384 Level 3 - Hashing Passwords

Lecture 385 Hacking 101 ☣️

Lecture 386 Level 4 - Salting and Hashing Passwords with bcrypt

Lecture 387 What are Cookies and Sessions?

Lecture 388 Using Passport.js to Add Cookies and Sessions

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

Lecture 390 Finishing Up the App - Letting Users Submit Secrets

Lecture 391 Download the Completed Project Code

Lecture 392 Tip from Angela - How to Work as a Freelancer

Section 33: React.js

Lecture 393 What is React?

Lecture 394 What we will make in this React module

Lecture 395 Introduction to Code Sandbox and the Structure of the Module

Lecture 396 Introduction to JSX and Babel

Lecture 397 JSX Code Practice

Lecture 398 Javascript Expressions in JSX & ES6 Template Literals

Lecture 399 Javascript Expressions in JSX Practice

Lecture 400 JSX Attributes & Styling React Elements

Lecture 401 Inline Styling for React Elements

Lecture 402 React Styling Practice

Lecture 403 React Components

Lecture 404 React Components Practice

Lecture 405 Javascript ES6 - Import, Export and Modules

Lecture 406 Javascript ES6 Import, Export and Modules Practice

Lecture 407 [Windows]​ Local Environment Setup for React Development

Lecture 408 [Mac] Local Environment Setup for React Development​

Lecture 409 Newer Versions of Node Troubleshooting

Lecture 410 Keeper App Project - Part 1 Challenge

Lecture 411 Keeper App Part 1 Solution

Lecture 412 React Props

Lecture 413 React Props Practice

Lecture 414 React DevTools

Lecture 415 Mapping Data to Components

Lecture 416 Mapping Data to Components​ Practice

Lecture 417 Javascript ES6 Map/Filter/Reduce

Lecture 418 Javascript ES6 Arrow functions

Lecture 419 Keeper App Project - Part 2

Lecture 420 React Conditional Rendering with the Ternary Operator & AND Operator

Lecture 421 Conditional Rendering Practice

Lecture 422 State in React - Declarative vs. Imperative Programming

Lecture 423 React Hooks - useState

Lecture 424 useState Hook Practice

Lecture 425 Javascript ES6 Object & Array Destructuring

Lecture 426 Javascript ​ES6 Destructuring Challenge Solution

Lecture 427 Event Handling in React

Lecture 428 React Forms

Lecture 429 Class Components vs. Functional Components

Lecture 430 Changing Complex State

Lecture 431 Changing Complex State Practice

Lecture 432 Javascript ES6 Spread Operator

Lecture 433 Javascript ES6 Spread Operator Practice

Lecture 434 Managing a Component Tree

Lecture 435 Managing a Component Tree Practice

Lecture 436 Keeper App Project - Part 3

Lecture 437 React Dependencies & Styling the Keeper App

Lecture 438 Tip from Angela - How to Build Your Own Product

Section 34: Web3 Decentralised App (DApp) Development with the Internet Computer

Lecture 439 What is Web3?

Lecture 440 How does the Blockchain actually work?

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

Lecture 442 What is the Internet Computer (ICP)?

Lecture 443 Read Me!

Lecture 444 [Mac Users] Installation and Setup for Web3 Development

Lecture 445 [Windows Users] Installation and Setup for Web3 Development

Section 35: Build Your First Defi (Decentralised Finance) DApp - DBANK

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

Lecture 447 Introduction to the Motoko Language

Lecture 448 Motoko Functions and the Candid User Interface

Lecture 449 Motoko Conditionals and Type Annotations

Lecture 450 Query vs. Update Methods

Lecture 451 Orthogonal Persistance

Lecture 452 Tracking Time and Calculating Compound Interest

Lecture 453 Adding HTML and CSS to Create the Frontend for DBANK

Lecture 454 Connecting the Motoko Backend to our JS Frontend

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

Section 36: Deploying to the ICP Live Blockchain

Lecture 456 What are Cycles and the ICP Token?

Lecture 457 No Cycles, No Problems!

Lecture 458 How to Claim Free Cycles from Dfinity

Lecture 459 How to Deploy to the ICP Network

Lecture 460 How to Convert ICP into Cycles?

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

Section 37: Building DApps on ICP with a React Frontend

Lecture 462 How to Configure a DFX Created Project to Use React

Lecture 463 Storing Data on a Canister

Lecture 464 Retrieving Data from a Canister

Lecture 465 Deleting and Persistance

Section 38: Create Your Own Crypto Token

Lecture 466 Tokens and Coins: What are they and how are they used?

Lecture 467 Download and Configure the Skeleton Project

Lecture 468 Using Motoko Hashmaps to Store Token Balances

Lecture 469 Showing the User's Token Balance on the Frontend

Lecture 470 Creating the Faucet Functionality Using the Shared Keyword

Lecture 471 Creating the Transfer Functionality

Lecture 472 Using the Transfer Functionality in the Faucet

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

Lecture 474 What is the Internet Identity?

Lecture 475 Authenticating with the Internet Identity

Lecture 476 [Optional] Live Deployment to Test Internet Identity Authentication

Section 39: Minting NFTs and Building an NFT Marketplace like OpenSea

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

Lecture 478 Minting NFTs

Lecture 479 Viewing the NFT on the Frontend

Lecture 480 Enabling the Minting Functionality on the Frontend

Lecture 481 Displaying Owned NFTs Using the React Router

Lecture 482 Listing NFTs for Sale

Lecture 483 Styling the Listed NFTs

Lecture 484 Creating the "Discover" Page

Lecture 485 Buying NFTs

Lecture 486 Join the $6 Million Dollar Supernova Hackathon

Section 40: Optional Module: Ask Angela Anything

Lecture 487 AAA 1 - How to Soak in Programming Concepts and more…

Lecture 488 AAA 2 - Schedule for Learning to Code and more…

Lecture 489 AAA 3 - How to Start Freelancing and more…

Lecture 490 AAA 4 - The Live AMA

Section 41: Next Steps

Lecture 491 Vote for the Next Module!

Lecture 492 Bonus Lecture

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