The Complete Full-Stack Web Development Bootcamp
- الوصف
- أقسام الدرس
- رأي
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 Courseدرس فيديو
-
2Download the Course Syllabusدرس نصي
-
3Download the 12 Rules to Learn to Code eBook [Latest Edition]درس نصي
-
4Download the Required Softwareدرس نصي
-
5How Does the Internet Actually Work?درس فيديو
-
6How Do Websites Actually Work?درس فيديو
-
7How to Get the Most Out of the Courseدرس فيديو
-
8How to Get Help When You're Stuckدرس فيديو
-
9Pathfinderدرس نصي
-
25Computer File Pathsدرس فيديو
-
26What are Webpages?درس فيديو
-
27The HTML Boilerplateدرس فيديو
-
28[Project] Portfolio Websiteدرس فيديو
-
29How to Host Your Website for Free with GitHubدرس فيديو
-
30Introduction to Capstone Projectsدرس فيديو
-
31Instructions for Capstone Project 1 - Online Resumeدرس نصي
-
69Introduction to Web Designدرس فيديو
-
70Understanding Colour Theoryدرس فيديو
-
71Understanding Typography and How to Choose a Fontدرس فيديو
-
72Manage ATTENTION with effective User Interface (UI) Designدرس فيديو
-
73User Experience (UX) Designدرس فيديو
-
74Web Design in Practice - Let's apply what we've learnt!درس فيديو
-
76Introduction to Javascriptدرس فيديو
-
77Javascript Alerts - Adding Behaviour to Websitesدرس فيديو
-
78Data Typesدرس فيديو
-
79Javascript Variablesدرس فيديو
-
80Javascript Variables Exercise Startدرس فيديو
-
81درس نصي
-
82Javascript Variables Exercise Solutionدرس فيديو
-
83Naming and Naming Conventions for Javascript Variablesدرس فيديو
-
84Javascript Variable Naming Quizاختبار
-
85String Concatenationدرس فيديو
-
86String Lengths and Retrieving the Number of Charactersدرس فيديو
-
87Slicing and Extracting Parts of a Stringدرس فيديو
-
88Challenge: Changing Casing in Textدرس فيديو
-
89Challenge: Changing String Casing Solutionدرس فيديو
-
90Basic Arithmetic and the Modulo Operator in Javascriptدرس فيديو
-
91Increment and Decrement Expressionsدرس فيديو
-
92Javascript Numbers Quizاختبار
-
93Functions Part 1: Creating and Calling Functionsدرس فيديو
-
94Functions Part 1 Challenge - The Karel Robotدرس فيديو
-
95The Karel Chess Board Solutionدرس نصي
-
96A Quick Note About the Next Lessonدرس نصي
-
97Functions Part 2: Parameters and Argumentsدرس فيديو
-
98درس نصي
-
99Life in Weeks Solutionدرس فيديو
-
100Functions Part 3: Outputs & Return Valuesدرس فيديو
-
101Challenge: Create a BMI Calculatorدرس فيديو
-
102درس نصي
-
103Challenge: BMI Calculator Solutionدرس فيديو
-
104JavaScript Functions Quizاختبار
-
105Tip from Angela - Set Your Expectationsدرس فيديو
-
106Random Number Generation in Javascript: Building a Love Calculatorدرس فيديو
-
107Control Statements: Using If-Else Conditionals & Logicدرس فيديو
-
108Comparators and Equalityدرس فيديو
-
109Combining Comparatorsدرس فيديو
-
110درس نصي
-
111Introducing the Leap Year Code Challengeدرس فيديو
-
112درس نصي
-
113Leap Year Solutionدرس فيديو
-
114Collections: Working with Javascript Arraysدرس فيديو
-
115Adding Elements and Intermediate Array Techniquesدرس فيديو
-
116درس نصي
-
117Who's Buying Lunch Solutionدرس فيديو
-
118Control Statements: While Loopsدرس فيديو
-
119Solution to the 99 Bottles Challengeدرس نصي
-
120Control Statements: For Loopsدرس فيديو
-
121Introducing the Fibonacci Code Challengeدرس فيديو
-
122درس نصي
-
123Fibonacci Solutionدرس فيديو
-
124Tip from Angela - Retrieval is How You Learnدرس فيديو
-
125Adding Javascript to Websitesدرس فيديو
-
126Introduction to the Document Object Model (DOM)درس فيديو
-
127Solution to the DOM Challengeدرس نصي
-
128Selecting HTML Elements with Javascriptدرس فيديو
-
129Manipulating and Changing Styles of HTML Elements with Javascriptدرس فيديو
-
130The Separation of Concerns: Structure vs Style vs Behaviourدرس فيديو
-
131Text Manipulation and the Text Content Propertyدرس فيديو
-
132Manipulating HTML Element Attributesدرس فيديو
-
133Tip from Angela - The 20 Minute Methodدرس فيديو
-
134Challenge: The Dicee Challengeدرس فيديو
-
135Dicee Challenge Step 0 - Download the Skeleton Projectدرس نصي
-
136Dicee Challenge Step 1 - Create an External Javascript Fileدرس نصي
-
137Dicee Challenge Step 2 - Add Dice Imagesدرس نصي
-
138Dicee Challenge Step 3 - Create a Random Numberدرس نصي
-
139Dicee Challenge Step 4 - Change the <img> to a Random Diceدرس نصي
-
140Dicee Challenge Step 5 - Change both <img> Elementsدرس نصي
-
141Dicee Challenge Step 6 - Change the Title to Display a Winnerدرس نصي
-
142The Solution to the Dicee Challengeدرس فيديو
-
143Download the Completed Websiteدرس نصي
-
144Tip from Angela - Learning Before you Eatدرس فيديو
-
145What We'll Make: Drum Kitدرس فيديو
-
146Download the Starting Filesدرس نصي
-
147Adding Event Listeners to a Buttonدرس فيديو
-
148Higher Order Functions and Passing Functions as Argumentsدرس فيديو
-
149Higher Order Function Challenge Solutionدرس نصي
-
150How to Play Sounds on a Websiteدرس فيديو
-
151How to Use Switch Statements in Javascriptدرس فيديو
-
152A Deeper Understanding of Javascript Objectsدرس فيديو
-
153Objects, their Methods and the Dot Notationدرس فيديو
-
154A Quick Note About the Next Lessonدرس نصي
-
155Using Keyboard Event Listeners to Check for Key Pressesدرس فيديو
-
156Understanding Callbacks and How to Respond to Eventsدرس فيديو
-
157Adding Animation to Websitesدرس فيديو
-
158Download the Completed Websiteدرس نصي
-
159Tip from Angela - Dealing with Lack of Progressدرس فيديو
-
160What is jQuery?درس فيديو
-
161How to Incorporate jQuery into Websitesدرس فيديو
-
162How Minification Works to Reduce File Sizeدرس فيديو
-
163Selecting Elements with jQueryدرس فيديو
-
164Manipulating Styles with jQueryدرس فيديو
-
165Manipulating Text with jQueryدرس فيديو
-
166Manipulating Attributes with jQueryدرس فيديو
-
167Adding Event Listeners with jQueryدرس فيديو
-
168Adding and Removing Elements with jQueryدرس فيديو
-
169Website Animations with jQueryدرس فيديو
-
170Tip from Angela - Mixing Knowledgeدرس فيديو
-
171What You'll Make: The Simon Gameدرس فيديو
-
172Play the Gameدرس نصي
-
173Step 0 - Download the Starting Filesدرس نصي
-
174Step 1 - Add Javascript and jQueryدرس نصي
-
175Step 1 - Answerدرس نصي
-
176Step 2 - Create A New Patternدرس نصي
-
177Step 2 - Answerدرس نصي
-
178Step 3 - Show the Sequence to the User with Animations and Soundsدرس نصي
-
179Step 3 - Answerدرس نصي
-
180Step 4 - Check Which Button is Pressedدرس نصي
-
181Step 4 - Answerدرس نصي
-
182Step 5 - Add Sounds to Button Clicksدرس نصي
-
183Step 5 - Answerدرس نصي
-
184Step 6 - Add Animations to User Clicksدرس نصي
-
185Step 6 - Answerدرس نصي
-
186Step 7 - Start the Gameدرس نصي
-
187Step 7 - Answerدرس نصي
-
188Step 8 - Check the User's Answer Against the Game Sequence8درس نصي
-
189Step 8 - Answerدرس نصي
-
190Step 9 - Game Overدرس نصي
-
191Step 9 - Answerدرس نصي
-
192Step 10 - Restart the Gameدرس نصي
-
193Step 10 - Answerدرس نصي
-
194Download the Completed Project Codeدرس نصي
-
195Tip from Angela - Dealing with Frustrationدرس فيديو
-
196Install Git Bash on Windowsدرس فيديو
-
197Understanding the Command Line. Long Live the Command Line!درس فيديو
-
198Command Line Techniques and Directory Navigationدرس فيديو
-
199Creating, Opening, and Removing Files through the Command Lineدرس فيديو
-
200Tip from Angela - Sleep is My Secret Weaponدرس فيديو
-
203What is Node.js?درس فيديو
-
204Install Node.js on Macدرس نصي
-
205Install Node.js on Windowsدرس نصي
-
206Using Node.jsدرس فيديو
-
207How to Use the Native Node Modulesدرس فيديو
-
208A note about the next lessonدرس نصي
-
209The NPM Package Manager and Installing External Node Modulesدرس فيديو
-
210[Project] QR Code Generatorدرس فيديو
-
211Tip from Angela - Step Up to the Challengeدرس فيديو
-
212What is Express?درس فيديو
-
213Creating Our First Server with Expressدرس فيديو
-
214HTTP Requestsدرس فيديو
-
215Postmanدرس فيديو
-
216Introduction to Middlewaresدرس فيديو
-
217Custom Middlewaresدرس فيديو
-
218Secrets Access Projectدرس فيديو
-
219Tip from Angela - How to Solidify Your Knowledgeدرس فيديو
-
227Introduction to Version Control and Gitدرس فيديو
-
228Version Control Using Git and the Command Lineدرس فيديو
-
229GitHub and Remote Repositoriesدرس فيديو
-
230Gitignoreدرس فيديو
-
231Cloningدرس فيديو
-
232Branching and Mergingدرس فيديو
-
233Optional Git Challengeدرس نصي
-
234Forking and Pull Requestsدرس فيديو
-
235Tip from Angela - Spaced Repetitionدرس فيديو
-
236Introduction to APIsدرس فيديو
-
237Structuring API Requestsدرس فيديو
-
238What is JSON?درس فيديو
-
239Making Server-Side API Requests with Axiosدرس فيديو
-
240API Authenticationدرس فيديو
-
241REST APIsدرس فيديو
-
242Secrets Projectدرس فيديو
-
243Tip from Angela - Use Accountability in your Favourدرس فيديو
-
253SQL Commands: CREATE Table and INSERT Dataدرس فيديو
-
254SQL Commands: READ, SELECT, and WHEREدرس فيديو
-
255Updating Single Values and Adding Columns in SQLدرس فيديو
-
256SQL Commands: DELETEدرس فيديو
-
257Understanding SQL Relationships, Foreign Keys and Inner Joinsدرس فيديو
-
258Tip from Angela - Find All the Hard Working Peopleدرس فيديو
-
259Introduction to Postgresدرس فيديو
-
260How to Install PostgreSQL and pgAdminدرس نصي
-
261Understand how to use keys, Postgres types and keywordsدرس فيديو
-
262Flag Emojis on Windows ?درس نصي
-
263Use pgAdmin to CREATE a TABLEدرس فيديو
-
264READ data from a Postgres databaseدرس فيديو
-
265Query data using SELECT, WHERE, and LIKEدرس فيديو
-
266UNIQUE and NOT NULL | Travel Tracker Part 1درس فيديو
-
267INSERT and add Data | Travel Tracker Part 2درس فيديو
-
268Travel Tracker Part 3درس فيديو
-
269One to One Relationships & Inner Joinsدرس فيديو
-
270One to Many Relationshipsدرس فيديو
-
271Many to Many Relationships & Aliasesدرس فيديو
-
272The Family Travel Trackerدرس فيديو
-
273How to update and delete data & tablesدرس فيديو
-
274Permalist Projectدرس فيديو
-
275Tip from Angela - Daily Routinesدرس فيديو
-
277Introduction to Authenticationدرس فيديو
-
278Level 1 - Registering Users with Email and Passwordدرس فيديو
-
279Level 2 - Encryption and Hashingدرس فيديو
-
280How to Hack Passwordsدرس فيديو
-
281Level 3 - How to Salt Passwords for Improved Encryptionدرس فيديو
-
282Managing Cookies and Sessionsدرس فيديو
-
283Level 5 - Hide your Secrets with Environment Variablesدرس فيديو
-
284Set up your Google OAuth Credentialsدرس نصي
-
285Level 6 - OAuth: Implement "Sign In with Google"درس فيديو
-
286Finish the app: let users submit secretsدرس فيديو
-
287Tip from Angela - How to Work as a Freelancerدرس فيديو
-
288What is React?درس فيديو
-
289What we will make in this React moduleدرس فيديو
-
290Introduction to Code Sandbox and the Structure of the Moduleدرس فيديو
-
291[Optional] Local Development Setupدرس نصي
-
292Introduction to JSX and Babelدرس فيديو
-
293JSX Code Practiceدرس فيديو
-
294Javascript Expressions in JSX & ES6 Template Literalsدرس فيديو
-
295Javascript Expressions in JSX Practiceدرس فيديو
-
296JSX Attributes & Styling React Elementsدرس فيديو
-
297Inline Styling for React Elementsدرس فيديو
-
298React Styling Practiceدرس فيديو
-
299React Componentsدرس فيديو
-
300React Components Practiceدرس فيديو
-
301Javascript ES6 - Import, Export and Modulesدرس فيديو
-
302Javascript ES6 Import, Export and Modules Practiceدرس فيديو
-
303Keeper App Project - Part 1 Challengeدرس فيديو
-
304Keeper App Part 1 Solutionدرس فيديو
-
305React Propsدرس فيديو
-
306React Props Practiceدرس فيديو
-
307React DevToolsدرس فيديو
-
308Mapping Data to Componentsدرس فيديو
-
309Mapping Data to Components Practiceدرس فيديو
-
310Javascript ES6 Map/Filter/Reduceدرس فيديو
-
311Javascript ES6 Arrow functionsدرس فيديو
-
312Keeper App Project - Part 2درس فيديو
-
313React Conditional Rendering with the Ternary Operator & AND Operatorدرس فيديو
-
314Conditional Rendering Practiceدرس فيديو
-
315State in React - Declarative vs. Imperative Programmingدرس فيديو
-
316React Hooks - useStateدرس فيديو
-
317useState Hook Practiceدرس فيديو
-
318Javascript ES6 Object & Array Destructuringدرس فيديو
-
319Javascript ES6 Destructuring Challenge Solutionدرس فيديو
-
320Event Handling in Reactدرس فيديو
-
321React Formsدرس فيديو
-
322Class Components vs. Functional Componentsدرس فيديو
-
323Changing Complex Stateدرس فيديو
-
324Changing Complex State Practiceدرس فيديو
-
325Javascript ES6 Spread Operatorدرس فيديو
-
326Javascript ES6 Spread Operator Practiceدرس فيديو
-
327Managing a Component Treeدرس فيديو
-
328Managing a Component Tree Practiceدرس فيديو
-
329Keeper App Project - Part 3درس فيديو
-
330Note about the Next Lesson - Packages and Importsدرس نصي
-
331React Dependencies & Styling the Keeper Appدرس فيديو
-
332Tip from Angela - How to Build Your Own Productدرس فيديو
-
333What is Web3?درس فيديو
-
334How does the Blockchain actually work?درس فيديو
-
335What are DApps (Decentralised Apps) and how do you develop them?درس فيديو
-
336What is the Internet Computer (ICP)?درس فيديو
-
337Read Me!درس نصي
-
338[Mac Users] Installation and Setup for Web3 Developmentدرس فيديو
-
339[Windows Users] Installation and Setup for Web3 Developmentدرس فيديو
-
340What You'll Build - DBANK (Inspired by Compound)درس فيديو
-
341Introduction to the Motoko Languageدرس فيديو
-
342Motoko Functions and the Candid User Interfaceدرس فيديو
-
343Motoko Conditionals and Type Annotationsدرس فيديو
-
344Query vs. Update Methodsدرس فيديو
-
345Orthogonal Persistanceدرس فيديو
-
346Tracking Time and Calculating Compound Interestدرس فيديو
-
347Motoko Language Quizاختبار
-
348Adding HTML and CSS to Create the Frontend for DBANKدرس فيديو
-
349Connecting the Motoko Backend to our JS Frontendدرس فيديو
-
350Where to Get Help and Support for Development on the Internet Computerدرس نصي
-
360Tokens and Coins: What are they and how are they used?درس فيديو
-
361Download and Configure the Skeleton Projectدرس فيديو
-
362Using Motoko Hashmaps to Store Token Balancesدرس فيديو
-
363Showing the User's Token Balance on the Frontendدرس فيديو
-
364Creating the Faucet Functionality Using the Shared Keywordدرس فيديو
-
365Creating the Transfer Functionalityدرس فيديو
-
366Using the Transfer Functionality in the Faucetدرس فيديو
-
367Persisting Non-Stable Types Using the Pre- and Postupgrade Methodsدرس فيديو
-
368What is the Internet Identity?درس فيديو
-
369Authenticating with the Internet Identityدرس فيديو
-
370[Optional] Live Deployment to Test Internet Identity Authenticationدرس فيديو
-
371What You'll Build - A Website to Mint, Buy and Sell NFTsدرس فيديو
-
372Minting NFTsدرس فيديو
-
373Viewing the NFT on the Frontendدرس فيديو
-
374Enabling the Minting Functionality on the Frontendدرس فيديو
-
375Displaying Owned NFTs Using the React Routerدرس فيديو
-
376Listing NFTs for Saleدرس فيديو
-
377Styling the Listed NFTsدرس فيديو
-
378Creating the "Discover" Pageدرس فيديو
-
379Buying NFTsدرس فيديو
-
380Join the $6 Million Dollar Supernova Hackathonدرس نصي