The Complete Full-Stack Web Development Bootcamp
- Objectifs pédagogiques
- Sections du cours
- Avis
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 62+ 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 2024 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 USD 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 62 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
-
PostgreSQL
-
Authentication
-
React.js
-
React Hooks
-
Web Design
-
Deployment with GitHub Pages
-
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 USD+ 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.
-
1What You'll Get in This CourseLeçon vidéo
-
2Download the Course SyllabusLeçon de texte
-
3Download the 12 Rules to Learn to Code eBook [Latest Edition]Leçon de texte
-
4Download the Required SoftwareLeçon de texte
-
5How Does the Internet Actually Work?Leçon vidéo
-
6How Do Websites Actually Work?Leçon vidéo
-
7How to Get the Most Out of the CourseLeçon vidéo
-
8How to Get Help When You're StuckLeçon vidéo
-
9PathfinderLeçon de texte
-
10A Note About 2023 Course UpdatesLeçon de texte
-
11What is HTML?Leçon vidéo
-
12How to Download the Course ResourcesLeçon vidéo
-
13HTML Heading ElementsLeçon vidéo
-
14HTML Paragraph ElementsLeçon vidéo
-
15Self Closing TagsLeçon vidéo
-
16[Project] Movie RankingLeçon vidéo
-
17How to Ace this CourseLeçon vidéo
-
18The List ElementLeçon vidéo
-
19Nesting and IndentationLeçon vidéo
-
20Anchor ElementsLeçon vidéo
-
21Image ElementsLeçon vidéo
-
22[Project] Birthday InviteLeçon vidéo
-
23Tip from Angela - Habit Building with the Calendar TrickLeçon vidéo
-
24Get Access to the Monthly App Brewery NewsletterLeçon de texte
-
25Computer File PathsLeçon vidéo
-
26What are Webpages?Leçon vidéo
-
27The HTML BoilerplateLeçon vidéo
-
28[Project] Portfolio WebsiteLeçon vidéo
-
29How to Host Your Website for Free with GitHubLeçon vidéo
-
30Introduction to Capstone ProjectsLeçon vidéo
-
31Instructions for Capstone Project 1 - Online ResumeLeçon de texte
-
69Introduction to Web DesignLeçon vidéo
-
70Understanding Colour TheoryLeçon vidéo
-
71Understanding Typography and How to Choose a FontLeçon vidéo
-
72Manage ATTENTION with effective User Interface (UI) DesignLeçon vidéo
-
73User Experience (UX) DesignLeçon vidéo
-
74Web Design in Practice - Let's apply what we've learnt!Leçon vidéo
-
76Introduction to JavascriptLeçon vidéo
-
77Javascript Alerts - Adding Behaviour to WebsitesLeçon vidéo
-
78Data TypesLeçon vidéo
-
79Javascript VariablesLeçon vidéo
-
80Javascript Variables Exercise StartLeçon vidéo
-
81Leçon de texte
-
82Javascript Variables Exercise SolutionLeçon vidéo
-
83Naming and Naming Conventions for Javascript VariablesLeçon vidéo
-
84Javascript Variable Naming QuizQuiz
-
85String ConcatenationLeçon vidéo
-
86String Lengths and Retrieving the Number of CharactersLeçon vidéo
-
87Slicing and Extracting Parts of a StringLeçon vidéo
-
88Challenge: Changing Casing in TextLeçon vidéo
-
89Challenge: Changing String Casing SolutionLeçon vidéo
-
90Basic Arithmetic and the Modulo Operator in JavascriptLeçon vidéo
-
91Increment and Decrement ExpressionsLeçon vidéo
-
92Javascript Numbers QuizQuiz
-
93Functions Part 1: Creating and Calling FunctionsLeçon vidéo
-
94Functions Part 1 Challenge - The Karel RobotLeçon vidéo
-
95The Karel Chess Board SolutionLeçon de texte
-
96A Quick Note About the Next LessonLeçon de texte
-
97Functions Part 2: Parameters and ArgumentsLeçon vidéo
-
98Leçon de texte
-
99Life in Weeks SolutionLeçon vidéo
-
100Functions Part 3: Outputs & Return ValuesLeçon vidéo
-
101Challenge: Create a BMI CalculatorLeçon vidéo
-
102Leçon de texte
-
103Challenge: BMI Calculator SolutionLeçon vidéo
-
104JavaScript Functions QuizQuiz
-
105Tip from Angela - Set Your ExpectationsLeçon vidéo
-
106Random Number Generation in Javascript: Building a Love CalculatorLeçon vidéo
-
107Control Statements: Using If-Else Conditionals & LogicLeçon vidéo
-
108Comparators and EqualityLeçon vidéo
-
109Combining ComparatorsLeçon vidéo
-
110Leçon de texte
-
111Introducing the Leap Year Code ChallengeLeçon vidéo
-
112Leçon de texte
-
113Leap Year SolutionLeçon vidéo
-
114Collections: Working with Javascript ArraysLeçon vidéo
-
115Adding Elements and Intermediate Array TechniquesLeçon vidéo
-
116Leçon de texte
-
117Who's Buying Lunch SolutionLeçon vidéo
-
118Control Statements: While LoopsLeçon vidéo
-
119Solution to the 99 Bottles ChallengeLeçon de texte
-
120Control Statements: For LoopsLeçon vidéo
-
121Introducing the Fibonacci Code ChallengeLeçon vidéo
-
122Leçon de texte
-
123Fibonacci SolutionLeçon vidéo
-
124Tip from Angela - Retrieval is How You LearnLeçon vidéo
-
125Adding Javascript to WebsitesLeçon vidéo
-
126Introduction to the Document Object Model (DOM)Leçon vidéo
-
127Solution to the DOM ChallengeLeçon de texte
-
128Selecting HTML Elements with JavascriptLeçon vidéo
-
129Manipulating and Changing Styles of HTML Elements with JavascriptLeçon vidéo
-
130The Separation of Concerns: Structure vs Style vs BehaviourLeçon vidéo
-
131Text Manipulation and the Text Content PropertyLeçon vidéo
-
132Manipulating HTML Element AttributesLeçon vidéo
-
133Tip from Angela - The 20 Minute MethodLeçon vidéo
-
134Challenge: The Dicee ChallengeLeçon vidéo
-
135Dicee Challenge Step 0 - Download the Skeleton ProjectLeçon de texte
-
136Dicee Challenge Step 1 - Create an External Javascript FileLeçon de texte
-
137Dicee Challenge Step 2 - Add Dice ImagesLeçon de texte
-
138Dicee Challenge Step 3 - Create a Random NumberLeçon de texte
-
139Dicee Challenge Step 4 - Change the <img> to a Random DiceLeçon de texte
-
140Dicee Challenge Step 5 - Change both <img> ElementsLeçon de texte
-
141Dicee Challenge Step 6 - Change the Title to Display a WinnerLeçon de texte
-
142The Solution to the Dicee ChallengeLeçon vidéo
-
143Download the Completed WebsiteLeçon de texte
-
144Tip from Angela - Learning Before you EatLeçon vidéo
-
145What We'll Make: Drum KitLeçon vidéo
-
146Download the Starting FilesLeçon de texte
-
147Adding Event Listeners to a ButtonLeçon vidéo
-
148Higher Order Functions and Passing Functions as ArgumentsLeçon vidéo
-
149Higher Order Function Challenge SolutionLeçon de texte
-
150How to Play Sounds on a WebsiteLeçon vidéo
-
151How to Use Switch Statements in JavascriptLeçon vidéo
-
152A Deeper Understanding of Javascript ObjectsLeçon vidéo
-
153Objects, their Methods and the Dot NotationLeçon vidéo
-
154A Quick Note About the Next LessonLeçon de texte
-
155Using Keyboard Event Listeners to Check for Key PressesLeçon vidéo
-
156Understanding Callbacks and How to Respond to EventsLeçon vidéo
-
157Adding Animation to WebsitesLeçon vidéo
-
158Download the Completed WebsiteLeçon de texte
-
159Tip from Angela - Dealing with Lack of ProgressLeçon vidéo
-
160What is jQuery?Leçon vidéo
-
161How to Incorporate jQuery into WebsitesLeçon vidéo
-
162How Minification Works to Reduce File SizeLeçon vidéo
-
163Selecting Elements with jQueryLeçon vidéo
-
164Manipulating Styles with jQueryLeçon vidéo
-
165Manipulating Text with jQueryLeçon vidéo
-
166Manipulating Attributes with jQueryLeçon vidéo
-
167Adding Event Listeners with jQueryLeçon vidéo
-
168Adding and Removing Elements with jQueryLeçon vidéo
-
169Website Animations with jQueryLeçon vidéo
-
170Tip from Angela - Mixing KnowledgeLeçon vidéo
-
171What You'll Make: The Simon GameLeçon vidéo
-
172Play the GameLeçon de texte
-
173Step 0 - Download the Starting FilesLeçon de texte
-
174Step 1 - Add Javascript and jQueryLeçon de texte
-
175Step 1 - AnswerLeçon de texte
-
176Step 2 - Create A New PatternLeçon de texte
-
177Step 2 - AnswerLeçon de texte
-
178Step 3 - Show the Sequence to the User with Animations and SoundsLeçon de texte
-
179Step 3 - AnswerLeçon de texte
-
180Step 4 - Check Which Button is PressedLeçon de texte
-
181Step 4 - AnswerLeçon de texte
-
182Step 5 - Add Sounds to Button ClicksLeçon de texte
-
183Step 5 - AnswerLeçon de texte
-
184Step 6 - Add Animations to User ClicksLeçon de texte
-
185Step 6 - AnswerLeçon de texte
-
186Step 7 - Start the GameLeçon de texte
-
187Step 7 - AnswerLeçon de texte
-
188Step 8 - Check the User's Answer Against the Game Sequence8Leçon de texte
-
189Step 8 - AnswerLeçon de texte
-
190Step 9 - Game OverLeçon de texte
-
191Step 9 - AnswerLeçon de texte
-
192Step 10 - Restart the GameLeçon de texte
-
193Step 10 - AnswerLeçon de texte
-
194Download the Completed Project CodeLeçon de texte
-
195Tip from Angela - Dealing with FrustrationLeçon vidéo
-
196Install Git Bash on WindowsLeçon vidéo
-
197Understanding the Command Line. Long Live the Command Line!Leçon vidéo
-
198Command Line Techniques and Directory NavigationLeçon vidéo
-
199Creating, Opening, and Removing Files through the Command LineLeçon vidéo
-
200Tip from Angela - Sleep is My Secret WeaponLeçon vidéo
-
203What is Node.js?Leçon vidéo
-
204Install Node.js on MacLeçon de texte
-
205Install Node.js on WindowsLeçon de texte
-
206Using Node.jsLeçon vidéo
-
207How to Use the Native Node ModulesLeçon vidéo
-
208A note about the next lessonLeçon de texte
-
209The NPM Package Manager and Installing External Node ModulesLeçon vidéo
-
210[Project] QR Code GeneratorLeçon vidéo
-
211Tip from Angela - Step Up to the ChallengeLeçon vidéo
-
212What is Express?Leçon vidéo
-
213Creating Our First Server with ExpressLeçon vidéo
-
214HTTP RequestsLeçon vidéo
-
215PostmanLeçon vidéo
-
216Introduction to MiddlewaresLeçon vidéo
-
217Custom MiddlewaresLeçon vidéo
-
218Secrets Access ProjectLeçon vidéo
-
219Tip from Angela - How to Solidify Your KnowledgeLeçon vidéo
-
227Introduction to Version Control and GitLeçon vidéo
-
228Version Control Using Git and the Command LineLeçon vidéo
-
229GitHub and Remote RepositoriesLeçon vidéo
-
230GitignoreLeçon vidéo
-
231CloningLeçon vidéo
-
232Branching and MergingLeçon vidéo
-
233Optional Git ChallengeLeçon de texte
-
234Forking and Pull RequestsLeçon vidéo
-
235Tip from Angela - Spaced RepetitionLeçon vidéo
-
236Introduction to APIsLeçon vidéo
-
237Structuring API RequestsLeçon vidéo
-
238What is JSON?Leçon vidéo
-
239Making Server-Side API Requests with AxiosLeçon vidéo
-
240API AuthenticationLeçon vidéo
-
241REST APIsLeçon vidéo
-
242Secrets ProjectLeçon vidéo
-
243Tip from Angela - Use Accountability in your FavourLeçon vidéo
-
253SQL Commands: CREATE Table and INSERT DataLeçon vidéo
-
254SQL Commands: READ, SELECT, and WHERELeçon vidéo
-
255Updating Single Values and Adding Columns in SQLLeçon vidéo
-
256SQL Commands: DELETELeçon vidéo
-
257Understanding SQL Relationships, Foreign Keys and Inner JoinsLeçon vidéo
-
258Tip from Angela - Find All the Hard Working PeopleLeçon vidéo
-
259Introduction to PostgresLeçon vidéo
-
260How to Install PostgreSQL and pgAdminLeçon de texte
-
261Understand how to use keys, Postgres types and keywordsLeçon vidéo
-
262Flag Emojis on Windows ?Leçon de texte
-
263Use pgAdmin to CREATE a TABLELeçon vidéo
-
264READ data from a Postgres databaseLeçon vidéo
-
265Query data using SELECT, WHERE, and LIKELeçon vidéo
-
266UNIQUE and NOT NULL | Travel Tracker Part 1Leçon vidéo
-
267INSERT and add Data | Travel Tracker Part 2Leçon vidéo
-
268Travel Tracker Part 3Leçon vidéo
-
269One to One Relationships & Inner JoinsLeçon vidéo
-
270One to Many RelationshipsLeçon vidéo
-
271Many to Many Relationships & AliasesLeçon vidéo
-
272The Family Travel TrackerLeçon vidéo
-
273How to update and delete data & tablesLeçon vidéo
-
274Permalist ProjectLeçon vidéo
-
275Tip from Angela - Daily RoutinesLeçon vidéo
-
277Introduction to AuthenticationLeçon vidéo
-
278Level 1 - Registering Users with Email and PasswordLeçon vidéo
-
279Level 2 - Encryption and HashingLeçon vidéo
-
280How to Hack PasswordsLeçon vidéo
-
281Level 3 - How to Salt Passwords for Improved EncryptionLeçon vidéo
-
282Managing Cookies and SessionsLeçon vidéo
-
283Level 5 - Hide your Secrets with Environment VariablesLeçon vidéo
-
284Set up your Google OAuth CredentialsLeçon de texte
-
285Level 6 - OAuth: Implement "Sign In with Google"Leçon vidéo
-
286Finish the app: let users submit secretsLeçon vidéo
-
287Tip from Angela - How to Work as a FreelancerLeçon vidéo
-
288What is React?Leçon vidéo
-
289What we will make in this React moduleLeçon vidéo
-
290Introduction to Code Sandbox and the Structure of the ModuleLeçon vidéo
-
291[Optional] Local Development SetupLeçon de texte
-
292Introduction to JSX and BabelLeçon vidéo
-
293JSX Code PracticeLeçon vidéo
-
294Javascript Expressions in JSX & ES6 Template LiteralsLeçon vidéo
-
295Javascript Expressions in JSX PracticeLeçon vidéo
-
296JSX Attributes & Styling React ElementsLeçon vidéo
-
297Inline Styling for React ElementsLeçon vidéo
-
298React Styling PracticeLeçon vidéo
-
299React ComponentsLeçon vidéo
-
300React Components PracticeLeçon vidéo
-
301Javascript ES6 - Import, Export and ModulesLeçon vidéo
-
302Javascript ES6 Import, Export and Modules PracticeLeçon vidéo
-
303Keeper App Project - Part 1 ChallengeLeçon vidéo
-
304Keeper App Part 1 SolutionLeçon vidéo
-
305React PropsLeçon vidéo
-
306React Props PracticeLeçon vidéo
-
307React DevToolsLeçon vidéo
-
308Mapping Data to ComponentsLeçon vidéo
-
309Mapping Data to Components PracticeLeçon vidéo
-
310Javascript ES6 Map/Filter/ReduceLeçon vidéo
-
311Javascript ES6 Arrow functionsLeçon vidéo
-
312Keeper App Project - Part 2Leçon vidéo
-
313React Conditional Rendering with the Ternary Operator & AND OperatorLeçon vidéo
-
314Conditional Rendering PracticeLeçon vidéo
-
315State in React - Declarative vs. Imperative ProgrammingLeçon vidéo
-
316React Hooks - useStateLeçon vidéo
-
317useState Hook PracticeLeçon vidéo
-
318Javascript ES6 Object & Array DestructuringLeçon vidéo
-
319Javascript ES6 Destructuring Challenge SolutionLeçon vidéo
-
320Event Handling in ReactLeçon vidéo
-
321React FormsLeçon vidéo
-
322Class Components vs. Functional ComponentsLeçon vidéo
-
323Changing Complex StateLeçon vidéo
-
324Changing Complex State PracticeLeçon vidéo
-
325Javascript ES6 Spread OperatorLeçon vidéo
-
326Javascript ES6 Spread Operator PracticeLeçon vidéo
-
327Managing a Component TreeLeçon vidéo
-
328Managing a Component Tree PracticeLeçon vidéo
-
329Keeper App Project - Part 3Leçon vidéo
-
330Note about the Next Lesson - Packages and ImportsLeçon de texte
-
331React Dependencies & Styling the Keeper AppLeçon vidéo
-
332Tip from Angela - How to Build Your Own ProductLeçon vidéo
-
333What is Web3?Leçon vidéo
-
334How does the Blockchain actually work?Leçon vidéo
-
335What are DApps (Decentralised Apps) and how do you develop them?Leçon vidéo
-
336What is the Internet Computer (ICP)?Leçon vidéo
-
337Read Me!Leçon de texte
-
338[Mac Users] Installation and Setup for Web3 DevelopmentLeçon vidéo
-
339[Windows Users] Installation and Setup for Web3 DevelopmentLeçon vidéo
-
340What You'll Build - DBANK (Inspired by Compound)Leçon vidéo
-
341Introduction to the Motoko LanguageLeçon vidéo
-
342Motoko Functions and the Candid User InterfaceLeçon vidéo
-
343Motoko Conditionals and Type AnnotationsLeçon vidéo
-
344Query vs. Update MethodsLeçon vidéo
-
345Orthogonal PersistanceLeçon vidéo
-
346Tracking Time and Calculating Compound InterestLeçon vidéo
-
347Motoko Language QuizQuiz
-
348Adding HTML and CSS to Create the Frontend for DBANKLeçon vidéo
-
349Connecting the Motoko Backend to our JS FrontendLeçon vidéo
-
350Where to Get Help and Support for Development on the Internet ComputerLeçon de texte
-
360Tokens and Coins: What are they and how are they used?Leçon vidéo
-
361Download and Configure the Skeleton ProjectLeçon vidéo
-
362Using Motoko Hashmaps to Store Token BalancesLeçon vidéo
-
363Showing the User's Token Balance on the FrontendLeçon vidéo
-
364Creating the Faucet Functionality Using the Shared KeywordLeçon vidéo
-
365Creating the Transfer FunctionalityLeçon vidéo
-
366Using the Transfer Functionality in the FaucetLeçon vidéo
-
367Persisting Non-Stable Types Using the Pre- and Postupgrade MethodsLeçon vidéo
-
368What is the Internet Identity?Leçon vidéo
-
369Authenticating with the Internet IdentityLeçon vidéo
-
370[Optional] Live Deployment to Test Internet Identity AuthenticationLeçon vidéo
-
371What You'll Build - A Website to Mint, Buy and Sell NFTsLeçon vidéo
-
372Minting NFTsLeçon vidéo
-
373Viewing the NFT on the FrontendLeçon vidéo
-
374Enabling the Minting Functionality on the FrontendLeçon vidéo
-
375Displaying Owned NFTs Using the React RouterLeçon vidéo
-
376Listing NFTs for SaleLeçon vidéo
-
377Styling the Listed NFTsLeçon vidéo
-
378Creating the "Discover" PageLeçon vidéo
-
379Buying NFTsLeçon vidéo
-
380Join the $6 Million Dollar Supernova HackathonLeçon de texte