The Complete Full-Stack Web Development Bootcamp
-
Front-End Web DevelopmentWhat You’ll Get in This Course3m 8sDownload the Course SyllabusDownload the 12 Rules to Learn to Code eBook [Latest Edition]Download the Required SoftwareHow Does the Internet Actually Work?5m 27sHow Do Websites Actually Work?8m 23sHow to Get the Most Out of the Course9m 34sHow to Get Help When You’re Stuck0sPathfinder
-
Introduction to HTML
-
Intermediate HTML
-
Multi-Page Websites
-
Introduction to CSS
-
CSS Properties
-
Intermediate CSS
-
Advanced CSS
-
Flexbox
-
Grid
-
Bootstrap
-
Web Design School – Create a Website that People Love
-
Capstone Project 2 – Personal Site
-
Introduction to JavaScript ES6Introduction to Javascript0sJavascript Alerts – Adding Behaviour to Websites0sData Types0sJavascript Variables0sJavascript Variables Exercise Start0sJavascript Variables ExerciseJavascript Variables Exercise Solution0sNaming and Naming Conventions for Javascript Variables0sJavascript Variable Naming QuizString Concatenation0sString Lengths and Retrieving the Number of Characters0sSlicing and Extracting Parts of a String0sChallenge: Changing Casing in Text0sChallenge: Changing String Casing Solution0sBasic Arithmetic and the Modulo Operator in Javascript0sIncrement and Decrement Expressions0sJavascript Numbers QuizFunctions Part 1: Creating and Calling Functions0sFunctions Part 1 Challenge – The Karel Robot0sThe Karel Chess Board SolutionA Quick Note About the Next LessonFunctions Part 2: Parameters and Arguments0sLife in Weeks Coding ExerciseLife in Weeks Solution0sFunctions Part 3: Outputs & Return Values0sChallenge: Create a BMI Calculator0sBMI Calculator ChallengeChallenge: BMI Calculator Solution0sJavaScript Functions QuizTip from Angela – Set Your Expectations0s
-
Intermediate JavaScriptRandom Number Generation in Javascript: Building a Love Calculator0sControl Statements: Using If-Else Conditionals & Logic0sComparators and Equality0sCombining Comparators0sBMI Calculator Advanced (IF/ELSE)Introducing the Leap Year Code Challenge0sLeap Year Challenge ExerciseLeap Year Solution0sCollections: Working with Javascript Arrays0sAdding Elements and Intermediate Array Techniques0sWho’s Buying Lunch? Code ChallengeWho’s Buying Lunch Solution0sControl Statements: While Loops0sSolution to the 99 Bottles ChallengeControl Statements: For Loops0sIntroducing the Fibonacci Code Challenge0sThe Fibonacci ExerciseFibonacci Solution0sTip from Angela – Retrieval is How You Learn0s
-
The Document Object Model (DOM)Adding Javascript to Websites0sIntroduction to the Document Object Model (DOM)0sSolution to the DOM ChallengeSelecting HTML Elements with Javascript0sManipulating and Changing Styles of HTML Elements with Javascript0sThe Separation of Concerns: Structure vs Style vs Behaviour0sText Manipulation and the Text Content Property0sManipulating HTML Element Attributes0sTip from Angela – The 20 Minute Method0s
-
Boss Level Challenge 1 – The Dicee GameChallenge: The Dicee Challenge0sDicee Challenge Step 0 – Download the Skeleton ProjectDicee Challenge Step 1 – Create an External Javascript FileDicee Challenge Step 2 – Add Dice ImagesDicee Challenge Step 3 – Create a Random NumberDicee Challenge Step 4 – Change the to a Random DiceDicee Challenge Step 5 – Change both ElementsDicee Challenge Step 6 – Change the Title to Display a WinnerThe Solution to the Dicee Challenge0sDownload the Completed WebsiteTip from Angela – Learning Before you Eat0s
-
Advanced JavaScript and DOM ManipulationWhat We’ll Make: Drum Kit0sDownload the Starting FilesAdding Event Listeners to a Button0sHigher Order Functions and Passing Functions as Arguments0sHigher Order Function Challenge SolutionHow to Play Sounds on a Website0sHow to Use Switch Statements in Javascript0sA Deeper Understanding of Javascript Objects0sObjects, their Methods and the Dot Notation0sA Quick Note About the Next LessonUsing Keyboard Event Listeners to Check for Key Presses0sUnderstanding Callbacks and How to Respond to Events0sAdding Animation to Websites0sDownload the Completed WebsiteTip from Angela – Dealing with Lack of Progress0s
-
jQueryWhat is jQuery?0sHow to Incorporate jQuery into Websites0sHow Minification Works to Reduce File Size0sSelecting Elements with jQuery0sManipulating Styles with jQuery0sManipulating Text with jQuery0sManipulating Attributes with jQuery0sAdding Event Listeners with jQuery0sAdding and Removing Elements with jQuery0sWebsite Animations with jQuery0sTip from Angela – Mixing Knowledge0s
-
Boss Level Challenge 2 – The Simon GameWhat You’ll Make: The Simon Game0sPlay the GameStep 0 – Download the Starting FilesStep 1 – Add Javascript and jQueryStep 1 – AnswerStep 2 – Create A New PatternStep 2 – AnswerStep 3 – Show the Sequence to the User with Animations and SoundsStep 3 – AnswerStep 4 – Check Which Button is PressedStep 4 – AnswerStep 5 – Add Sounds to Button ClicksStep 5 – AnswerStep 6 – Add Animations to User ClicksStep 6 – AnswerStep 7 – Start the GameStep 7 – AnswerStep 8 – Check the User’s Answer Against the Game Sequence8Step 8 – AnswerStep 9 – Game OverStep 9 – AnswerStep 10 – Restart the GameStep 10 – AnswerDownload the Completed Project CodeTip from Angela – Dealing with Frustration0s
-
The Unix Command Line
-
Backend Web Development
-
Node.js
-
Express.js with Node.js
-
EJS
-
Capstone Project – Create a Blog Web Application
-
Git, Github and Version Control
-
Application Programming Interfaces (APIs)
-
Capstone Project – Use a Public API
-
Build Your Own API
-
Databases
-
SQL
-
PostgreSQLIntroduction to Postgres0sHow to Install PostgreSQL and pgAdminUnderstand how to use keys, Postgres types and keywords0sFlag Emojis on Windows ?Use pgAdmin to CREATE a TABLE0sREAD data from a Postgres database0sQuery data using SELECT, WHERE, and LIKE0sUNIQUE and NOT NULL | Travel Tracker Part 10sINSERT and add Data | Travel Tracker Part 20sTravel Tracker Part 30sOne to One Relationships & Inner Joins0sOne to Many Relationships0sMany to Many Relationships & Aliases0sThe Family Travel Tracker0sHow to update and delete data & tables0sPermalist Project0sTip from Angela – Daily Routines0s
-
Capstone Project – Book Notes
-
Authentication and Security – Handling Credentials & Designing a Secure LoginIntroduction to Authentication0sLevel 1 – Registering Users with Email and Password0sLevel 2 – Encryption and Hashing0sHow to Hack Passwords0sLevel 3 – How to Salt Passwords for Improved Encryption0sManaging Cookies and Sessions0sLevel 5 – Hide your Secrets with Environment Variables0sSet up your Google OAuth CredentialsLevel 6 – OAuth: Implement “Sign In with Google”0sFinish the app: let users submit secrets0sTip from Angela – How to Work as a Freelancer0s
-
React.jsWhat is React?0sWhat we will make in this React module0sIntroduction to Code Sandbox and the Structure of the Module0s[Optional] Local Development SetupIntroduction to JSX and Babel0sJSX Code Practice0sJavascript Expressions in JSX & ES6 Template Literals0sJavascript Expressions in JSX Practice0sJSX Attributes & Styling React Elements0sInline Styling for React Elements0sReact Styling Practice0sReact Components0sReact Components Practice0sJavascript ES6 – Import, Export and Modules0sJavascript ES6 Import, Export and Modules Practice0sKeeper App Project – Part 1 Challenge0sKeeper App Part 1 Solution0sReact Props0sReact Props Practice0sReact DevTools0sMapping Data to Components0sMapping Data to Components Practice0sJavascript ES6 Map/Filter/Reduce0sJavascript ES6 Arrow functions0sKeeper App Project – Part 20sReact Conditional Rendering with the Ternary Operator & AND Operator0sConditional Rendering Practice0sState in React – Declarative vs. Imperative Programming0sReact Hooks – useState0suseState Hook Practice0sJavascript ES6 Object & Array Destructuring0sJavascript ES6 Destructuring Challenge Solution0sEvent Handling in React0sReact Forms0sClass Components vs. Functional Components0sChanging Complex State0sChanging Complex State Practice0sJavascript ES6 Spread Operator0sJavascript ES6 Spread Operator Practice0sManaging a Component Tree0sManaging a Component Tree Practice0sKeeper App Project – Part 30sNote about the Next Lesson – Packages and ImportsReact Dependencies & Styling the Keeper App0sTip from Angela – How to Build Your Own Product0s
-
Web3 Decentralised App (DApp) Development With the Internet Computer
-
Build Your First Defi (Decentralised Finance) DApp – DBANKWhat You’ll Build – DBANK (Inspired by Compound)0sIntroduction to the Motoko Language0sMotoko Functions and the Candid User Interface0sMotoko Conditionals and Type Annotations0sQuery vs. Update Methods0sOrthogonal Persistance0sTracking Time and Calculating Compound Interest0sMotoko Language QuizAdding HTML and CSS to Create the Frontend for DBANK0sConnecting the Motoko Backend to our JS Frontend0sWhere to Get Help and Support for Development on the Internet Computer
-
Deploying to the ICP Live Blockchain
-
Building DApps on ICP with a React Frontend
-
Create Your Own Crypto TokenTokens and Coins: What are they and how are they used?0sDownload and Configure the Skeleton Project0sUsing Motoko Hashmaps to Store Token Balances0sShowing the User’s Token Balance on the Frontend0sCreating the Faucet Functionality Using the Shared Keyword0sCreating the Transfer Functionality0sUsing the Transfer Functionality in the Faucet0sPersisting Non-Stable Types Using the Pre- and Postupgrade Methods0sWhat is the Internet Identity?0sAuthenticating with the Internet Identity0s[Optional] Live Deployment to Test Internet Identity Authentication0s
-
Minting NFTs and Building an NFT Marketplace like OpenSeaWhat You’ll Build – A Website to Mint, Buy and Sell NFTs0sMinting NFTs0sViewing the NFT on the Frontend0sEnabling the Minting Functionality on the Frontend0sDisplaying Owned NFTs Using the React Router0sListing NFTs for Sale0sStyling the Listed NFTs0sCreating the “Discover” Page0sBuying NFTs0sJoin the $6 Million Dollar Supernova Hackathon
-
Optional Module: Ask Angela Anything
-
Next Steps
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 Xlbake!
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
What's included
- 61 hours on-demand video
- 7 coding exercises
- 66 articles
- 194 downloadable resources
- Access on mobile and TV
- Certificate of completion