Mô tả

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 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.

Sign up today, and look forward to:

Animated Video Lectures

Code Challenges and Coding Exercises

Beautiful Real-World Projects

Quizzes & Practice Tests

Downloadable Programming Resources and Cheatsheets

Our best selling 12 Rules to Learn to Code eBook

$12,000+ worth of web development bootcamp course materials and course curriculum

 

Don'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 Thomas

The 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 Dlugos

 

 

REMEMBER… 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.

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

44 sections

Front-End Web Development

9 lectures
What You'll Get in This Course
03:08
Download the Course Syllabus
00:12
Download the 12 Rules to Learn to Code eBook [Latest Edition]
00:42
Download the Required Software
00:43
How Does the Internet Actually Work?
05:27
How Do Websites Actually Work?
08:22
How to Get the Most Out of the Course
09:33
How to Get Help When You're Stuck
06:39
Pathfinder
02:23

Introduction to HTML

8 lectures
A Note About 2023 Course Updates
00:36
What is HTML?
04:18
How to Download the Course Resources
02:43
HTML Heading Elements
14:24
HTML Paragraph Elements
08:40
Self Closing Tags
11:40
[Project] Movie Ranking
05:43
How to Ace this Course
01:24

Intermediate HTML

7 lectures
The List Element
10:32
Nesting and Indentation
14:09
Anchor Elements
10:45
Image Elements
08:17
[Project] Birthday Invite
04:01
Tip from Angela - Habit Building with the Calendar Trick
02:52
Get Access to the Monthly App Brewery Newsletter
00:56

Multi-Page Websites

7 lectures
Computer File Paths
19:20
What are Webpages?
12:55
The HTML Boilerplate
12:53
[Project] Portfolio Website
08:34
How to Host Your Website for Free with GitHub
08:33
Introduction to Capstone Projects
05:05
Instructions for Capstone Project 1 - Online Resume
02:22

Introduction to CSS

7 lectures
Why do we need CSS?
08:44
How to add CSS
15:19
CSS Quiz
3 questions
CSS Selectors
22:56
[Project] Colour Vocab Website
09:08
Tip from Angela - Dealing with Distractions
02:28
Join the Student Community
00:39

CSS Properties

5 lectures
CSS Colours
07:05
Font Properties
21:26
Inspecting CSS
11:52
The CSS Box Model - Margin, Padding and Border
20:45
[Project] Motivational Poster Website
07:37

Intermediate CSS

5 lectures
The Cascade - Specificity and Inheritance
25:28
Combining CSS Selectors
23:12
CSS Positioning
22:50
[Project] CSS Flag
17:54
Tip from Angela - Nothing Easy is Worth Doing!
03:35

Advanced CSS

6 lectures
CSS Display
11:30
CSS Float
11:39
How to Create Responsive Websites
18:44
Media Queries
10:32
[Project] Web Design Agency Website
07:06
Tip from Angela - How to Deal with Procrastination
04:08

Flexbox

6 lectures
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
02:46

Grid

4 lectures
Display: Grid
14:55
Grid Sizing
23:32
Grid Placement
26:17
[Project] Mondrian Painting
06:45

Bootstrap

4 lectures
What is Bootstrap?
15:35
Bootstrap Layout
21:13
Bootstrap Components
31:39
[Project] TinDog Startup Website
31:22

Web Design School - Create a Website that People Love

6 lectures
Introduction to Web Design
03:55
Understanding Colour Theory
09: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

Capstone Project 2 - Personal Site

1 lectures
Instructions
02:08

Introduction to Javascript ES6

30 lectures
Introduction to Javascript
11:49
Javascript Alerts - Adding Behaviour to Websites
14:20
Data Types
04:06
Javascript Variables
09:35
Javascript Variables Exercise Start
02:48
Javascript Variables Exercise
1 question
Javascript Variables Exercise Solution
03:27
Naming and Naming Conventions for Javascript Variables
07:09
Javascript Variable Naming Quiz
2 questions
String Concatenation
03:07
String Lengths and Retrieving the Number of Characters
06:24
Slicing and Extracting Parts of a String
08:56
Challenge: Changing Casing in Text
03:39
Challenge: Changing String Casing Solution
08:59
Basic Arithmetic and the Modulo Operator in Javascript
06:14
Increment and Decrement Expressions
02:28
Javascript Numbers Quiz
3 questions
Functions Part 1: Creating and Calling Functions
10:35
Functions Part 1 Challenge - The Karel Robot
09:08
The Karel Chess Board Solution
00:18
A Quick Note About the Next Lesson
00:12
Functions Part 2: Parameters and Arguments
09:52
Life in Weeks Coding Exercise
1 question
Life in Weeks Solution
03:44
Functions Part 3: Outputs & Return Values
11:16
Challenge: Create a BMI Calculator
01:49
BMI Calculator Challenge
1 question
Challenge: BMI Calculator Solution
05:39
JavaScript Functions Quiz
5 questions
Tip from Angela - Set Your Expectations
02:35

Intermediate Javascript

19 lectures
Random Number Generation in Javascript: Building a Love Calculator
11:15
Control Statements: Using If-Else Conditionals & Logic
04:48
Comparators and Equality
02:51
Combining Comparators
02:46
BMI Calculator Advanced (IF/ELSE)
1 question
Introducing the Leap Year Code Challenge
04:16
Leap Year Challenge Exercise
1 question
Leap Year Solution
03:03
Collections: Working with Javascript Arrays
09:01
Adding Elements and Intermediate Array Techniques
15:58
Who's Buying Lunch? Code Challenge
1 question
Who's Buying Lunch Solution
03:43
Control Statements: While Loops
07:52
Solution to the 99 Bottles Challenge
00:45
Control Statements: For Loops
06:10
Introducing the Fibonacci Code Challenge
06:37
The Fibonacci Exercise
1 question
Fibonacci Solution
08:16
Tip from Angela - Retrieval is How You Learn
02:52

The Document Object Model (DOM)

9 lectures
Adding Javascript to Websites
10:44
Introduction to the Document Object Model (DOM)
12:28
Solution to the DOM Challenge
00:04
Selecting HTML Elements with Javascript
14:17
Manipulating and Changing Styles of HTML Elements with Javascript
05:01
The Separation of Concerns: Structure vs Style vs Behaviour
05:57
Text Manipulation and the Text Content Property
02:37
Manipulating HTML Element Attributes
02:27
Tip from Angela - The 20 Minute Method
02:39

Boss Level Challenge 1 - The Dicee Game

11 lectures
Challenge: The Dicee Challenge
02:14
Dicee Challenge Step 0 - Download the Skeleton Project
00:07
Dicee Challenge Step 1 - Create an External Javascript File
00:03
Dicee Challenge Step 2 - Add Dice Images
00:06
Dicee Challenge Step 3 - Create a Random Number
00:09
Dicee Challenge Step 4 - Change the <img> to a Random Dice
00:14
Dicee Challenge Step 5 - Change both <img> Elements
00:02
Dicee Challenge Step 6 - Change the Title to Display a Winner
00:15
The Solution to the Dicee Challenge
14:43
Download the Completed Website
00:07
Tip from Angela - Learning Before you Eat
02:06

Advanced Javascript and DOM Manipulation

15 lectures
What We'll Make: Drum Kit
01:19
Download the Starting Files
00:07
Adding Event Listeners to a Button
14:29
Higher Order Functions and Passing Functions as Arguments
12:40
Higher Order Function Challenge Solution
00:08
How to Play Sounds on a Website
11:11
How to Use Switch Statements in Javascript
05:22
A Deeper Understanding of Javascript Objects
12:04
Objects, their Methods and the Dot Notation
06:29
A Quick Note About the Next Lesson
00:14
Using Keyboard Event Listeners to Check for Key Presses
07:37
Understanding Callbacks and How to Respond to Events
11:35
Adding Animation to Websites
08:31
Download the Completed Website
00:09
Tip from Angela - Dealing with Lack of Progress
03:08

jQuery

11 lectures
What is jQuery?
03:44
How to Incorporate jQuery into Websites
09:08
How Minification Works to Reduce File Size
03:58
Selecting Elements with jQuery
02:01
Manipulating Styles with jQuery
05:13
Manipulating Text with jQuery
03:36
Manipulating Attributes with jQuery
03:44
Adding Event Listeners with jQuery
07:47
Adding and Removing Elements with jQuery
02:58
Website Animations with jQuery
08:13
Tip from Angela - Mixing Knowledge
02:20

Boss Level Challenge 2 - The Simon Game

25 lectures
What You'll Make: The Simon Game
01:00
Play the Game
00:06
Step 0 - Download the Starting Files
00:30
Step 1 - Add Javascript and jQuery
00:25
Step 1 - Answer
00:29
Step 2 - Create A New Pattern
00:49
Step 2 - Answer
00:29
Step 3 - Show the Sequence to the User with Animations and Sounds
00:23
Step 3 - Answer
00:29
Step 4 - Check Which Button is Pressed
00:47
Step 4 - Answer
00:29
Step 5 - Add Sounds to Button Clicks
00:22
Step 5 - Answer
00:29
Step 6 - Add Animations to User Clicks
00:26
Step 6 - Answer
00:29
Step 7 - Start the Game
00:46
Step 7 - Answer
00:29
Step 8 - Check the User's Answer Against the Game Sequence8
01:15
Step 8 - Answer
00:29
Step 9 - Game Over
00:22
Step 9 - Answer
00:29
Step 10 - Restart the Game
00:07
Step 10 - Answer
00:29
Download the Completed Project Code
00:20
Tip from Angela - Dealing with Frustration
02:31

The Unix Command Line

5 lectures
Install Git Bash on Windows
02:46
Understanding the Command Line. Long Live the Command Line!
05:25
Command Line Techniques and Directory Navigation
09:44
Creating, Opening, and Removing Files through the Command Line
08:38
Tip from Angela - Sleep is My Secret Weapon
03:48

Backend Web Development

2 lectures
Backend Web Development Explained
15:13
Backend Tools and Technologies - Which one to learn?
05:40

Node.js

8 lectures
What is Node.js?
10:39
Install Node.js on Mac
00:35
Install Node.js on Windows
00:26
Using Node.js
08: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
01:14

Express.js with Node.js

8 lectures
What is Express?
06:59
Creating Our First Server with Express
21:35
HTTP Requests
23:44
Postman
19:15
Introduction to Middlewares
18:25
Custom Middlewares
19:28
Secrets Access Project
08:21
Tip from Angela - How to Solidify Your Knowledge
02:55

EJS

6 lectures
What is EJS?
22:54
EJS Tags
17:43
Passing Data to EJS Templates
16:45
EJS Partials and Layouts
18:08
Band Generator Project
12:01
Tip from Angela - Location, Location, Location!
02:06

Capstone Project - Create a Blog web application

1 lectures
Instructions
03:16

Git, Github and Version Control

9 lectures
Introduction to Version Control and Git
02:04
Version Control Using Git and the Command Line
14:18
GitHub and Remote Repositories
10:22
Gitignore
10:59
Cloning
09:28
Branching and Merging
10:29
Optional Git Challenge
00:05
Forking and Pull Requests
15:17
Tip from Angela - Spaced Repetition
04:01

Application Programming Interfaces (APIs)

8 lectures
Introduction to APIs
19:27
Structuring API Requests
14:22
What is JSON?
17:56
Making Server-Side API Requests with Axios
18:00
API Authentication
37:45
REST APIs
25:17
Secrets Project
12:01
Tip from Angela - Use Accountability in your Favour
02:56

Capstone Project - Use a Public API

1 lectures
Instructions
02:16

Build Your Own API

6 lectures
Building your own APIs
17:49
Creating GET Routes
20:57
Creating POST, PUT, and PATCH Routes
14:36
Creating the DELETE Route
06:32
Build your own API for a Blog
14:54
Tip from Angela - How to Get a Job as Programmer
02:06

Databases

2 lectures
Databases Explained: SQL vs. NoSQL
15:44
Tip from Angela - When Life Gives You Lemons
06:01

SQL

6 lectures
SQL Commands: CREATE Table and INSERT Data
13:48
SQL Commands: READ, SELECT, and WHERE
03:10
Updating Single Values and Adding Columns in SQL
04:42
SQL Commands: DELETE
01:32
Understanding SQL Relationships, Foreign Keys and Inner Joins
11:13
Tip from Angela - Find All the Hard Working People
02:01

PostgreSQL

17 lectures
Introduction to Postgres
08:10
How to Install PostgreSQL and pgAdmin
00:52
Understand how to use keys, Postgres types and keywords
10:31
Flag Emojis on Windows ?
00:33
Use pgAdmin to CREATE a TABLE
17:05
READ data from a Postgres database
23:08
Query data using SELECT, WHERE, and LIKE
19:18
UNIQUE and NOT NULL | Travel Tracker Part 1
18:50
INSERT and add Data | Travel Tracker Part 2
17:12
Travel Tracker Part 3
11:25
One to One Relationships & Inner Joins
11:59
One to Many Relationships
13:23
Many to Many Relationships & Aliases
12:28
The Family Travel Tracker
34:49
How to update and delete data & tables
18:57
Permalist Project
29:59
Tip from Angela - Daily Routines
02:34

Capstone Project - Book Notes

1 lectures
Instructions
02:12

Authentication and Security - Handling Credentials & Designing a Secure Login

11 lectures
Introduction to Authentication
05:41
Level 1 - Registering Users with Email and Password
22:00
Level 2 - Encryption and Hashing
16:01
How to Hack Passwords
12:26
Level 3 - How to Salt Passwords for Improved Encryption
18:51
Managing Cookies and Sessions
33:27
Level 5 - Hide your Secrets with Environment Variables
17:17
Set up your Google OAuth Credentials
01:43
Level 6 - OAuth: Implement "Sign In with Google"
30:56
Finish the app: let users submit secrets
15:40
Tip from Angela - How to Work as a Freelancer
01:37

React.js

45 lectures
What is React?
07:28
What we will make in this React module
01:34
Introduction to Code Sandbox and the Structure of the Module
05:45
[Optional] Local Development Setup
01:44
Introduction to JSX and Babel
16:59
JSX Code Practice
07:30
Javascript Expressions in JSX & ES6 Template Literals
11:42
Javascript Expressions in JSX Practice
08:34
JSX Attributes & Styling React Elements
16:58
Inline Styling for React Elements
08:41
React Styling Practice
09:59
React Components
15:47
React Components Practice
05:01
Javascript ES6 - Import, Export and Modules
11:10
Javascript ES6 Import, Export and Modules Practice
04:04
Keeper App Project - Part 1 Challenge
04:57
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:20
Mapping Data to Components​ Practice
17:30
Javascript ES6 Map/Filter/Reduce
20:21
Javascript ES6 Arrow functions
09:56
Keeper App Project - Part 2
10:23
React Conditional Rendering with the Ternary Operator & AND Operator
19:24
Conditional Rendering Practice
06:33
State in React - Declarative vs. Imperative Programming
09:38
React Hooks - useState
18:09
useState Hook Practice
07:24
Javascript ES6 Object & Array Destructuring
17:44
Javascript ​ES6 Destructuring Challenge Solution
05:48
Event Handling in React
11:10
React Forms
13:40
Class Components vs. Functional Components
06:24
Changing Complex State
19:43
Changing Complex State Practice
07:08
Javascript ES6 Spread Operator
10:58
Javascript ES6 Spread Operator Practice
12:20
Managing a Component Tree
22:37
Managing a Component Tree Practice
08:27
Keeper App Project - Part 3
25:05
Note about the Next Lesson - Packages and Imports
00:50
React Dependencies & Styling the Keeper App
16:38
Tip from Angela - How to Build Your Own Product
02:14

Web3 Decentralised App (DApp) Development with the Internet Computer

7 lectures
What is Web3?
07:38
How does the Blockchain actually work?
25:45
What are DApps (Decentralised Apps) and how do you develop them?
09:18
What is the Internet Computer (ICP)?
09:18
Read Me!
00:40
[Mac Users] Installation and Setup for Web3 Development
07:03
[Windows Users] Installation and Setup for Web3 Development
12:45

Build Your First Defi (Decentralised Finance) DApp - DBANK

11 lectures
What You'll Build - DBANK (Inspired by Compound)
02:16
Introduction to the Motoko Language
12:36
Motoko Functions and the Candid User Interface
16:00
Motoko Conditionals and Type Annotations
05:34
Query vs. Update Methods
08:09
Orthogonal Persistance
08:03
Tracking Time and Calculating Compound Interest
17:35
Motoko Language Quiz
5 questions
Adding HTML and CSS to Create the Frontend for DBANK
07:35
Connecting the Motoko Backend to our JS Frontend
27:07
Where to Get Help and Support for Development on the Internet Computer
00:21

Deploying to the ICP Live Blockchain

5 lectures
What are Cycles and the ICP Token?
07:07
How to Claim Free Cycles from Dfinity
02:43
How to Deploy to the ICP Network
03:03
How to Convert ICP into Cycles?
05:57
[Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting
07:37

Building DApps on ICP with a React Frontend

4 lectures
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

Create Your Own Crypto Token

11 lectures
Tokens and Coins: What are they and how are they used?
09:17
Download and Configure the Skeleton Project
06: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
06:39
Persisting Non-Stable Types Using the Pre- and Postupgrade Methods
15:43
What is the Internet Identity?
05:30
Authenticating with the Internet Identity
07:56
[Optional] Live Deployment to Test Internet Identity Authentication
18:27

Minting NFTs and Building an NFT Marketplace like OpenSea

10 lectures
What You'll Build - A Website to Mint, Buy and Sell NFTs
10:23
Minting NFTs
16:43
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:16
Creating the "Discover" Page
22:37
Buying NFTs
32:02
Join the $6 Million Dollar Supernova Hackathon
00:17

Optional Module: Ask Angela Anything

4 lectures
AAA 1 - How to Soak in Programming Concepts and more...
39:42
AAA 2 - Schedule for Learning to Code and more...
39:08
AAA 3 - How to Start Freelancing and more...
25:19
AAA 4 - The Live AMA
59:52

Next Steps

2 lectures
Vote for the Next Module!
00:12
Bonus Lecture
00:04

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.