100 Days Of Code: 2024 Web Development Bootcamp
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
Watch Promo Enroll in Course
You Want To Become A Web Developer?
THIS COURSE IS FOR BEGINNERS & ADVANCED DEVELOPERS
It will teach you web development and turn you into a web developer in 100 days - or allow you to refresh key essentials and expand your existing knowledge!
Becoming a web developer is a great choice because web development opens up many career paths and web development skills are required in pretty much every business that exists today - and of course this will only increase in the future!
It's not just about websites - it's also about "behind the scenes" services used by mobile apps like Uber or AirBnB. It's about rich web apps like Google Docs as well as browser games. And of course also about regular websites like Facebook, online blogs, online shops like Amazon and much, much more!
Hence it's no wonder, that web developers are in high demand! And, besides great job perspectives, as a web developer, you can of course also easily build your own digital business!
This Course Is For You!
This course will teach you web development from the ground up and thanks to the "100 Days Of Code Challenge" which is incorporated into this course (though it's optional to commit to it!), you can become a web developer in 100 days with help of this course!
No prior web development knowledge is required at all to get started with this course. We will explore all important basics, all fundamentals and all key concepts together, step by step.
But this course is also for advanced students who already do have web development knowledge! It's a deep-dive course and hence you will be able to expand your existing knowledge by diving deeper into key fundamentals like HTML, CSS or NodeJS and also by exploring advanced concepts like handling payments, building REST APIs or website security.
Since it's a huge course, the course is built in a modular way. This means, that you can take it step by step, lecture by lecture but you can also jump right into the course sections that are most interesting to you. Of course, we recommend the "step-by-step" approach for beginners - simply because all the lectures and sections build up on each other. But as a more experienced developer, you can of course skip basics that aren't interesting to you!
The 100 Days Of Code Challenge
We built this course with the "100 Days Of Code Challenge" in mind - a challenge (not invented by us) that aims to keep you motivated to code for at least 1 hour per day for 100 days.
Since this is a huge course (with around 80 hours of content!) it can be very overwhelming. And we know that many students never finish a course.
That's a pitty, because this course is packed with content, exercises, quizzes, assignments and demo projects! We build a browser-game, a blog, a travel website, an online shop and much, much more.
Therefore, we provide clear guidance on how you can take this course from A to Z within 100 days by spending 1 to 2 hours per day watching videos and learning. As part of the course, you get access to a companion website that provides a clear structure and you also find annotations right in the course curriculum.
Of course taking this "100 Days" challenge is totally optional though! You can take the course at your own pace as well and skip any content you're not interested in!
Try It Risk-Free
This course comes with a 30 day money-back guarantee. If you find out that it's not for you, you can get your money back, no questions asked!
What You Will Learn
This is a huge course, packed with content and it's the web development bootcamp we would have loved to have when we learned web development.
Here's a summary of the key concepts we'll explore as part of this course:
- How the web works
- Core technologies: HTML, CSS & JavaScript
- Understand how HTML documents are structured and how HTML elements are used correctly
- Learn core CSS concepts like the box model, flexbox, positioning, units and much more
- Explore advanced CSS concepts like building responsive websites, layouts, custom CSS properties, CSS grid & more
- Learn browser-side JavaScript from the ground up
- Understand what the "DOM" is and how you can manipulate it via JavaScript
- Explore browser / user events and how to handle them with JavaScript
- Build tons of projects (e.g. a Tic-Tac-Toe browser game) to practice and fully understand all these technologies
- Dive into backend development with NodeJS & ExpressJS
- Learn what NodeJS is and how it works
- Build basic backend-driven websites with advanced concepts like dynamic routing or dynamic templates
- Learn how to work with databases - SQL & NoSQL (and what that is)
- Practice how to use SQL / NoSQL with NodeJS & Express
- Dive into advanced concepts like authentication, website security, coding patterns, file uploads, user input validation and so much more!
- Again: Build plenty of projects (e.g. a complete online shop, from the ground up!) to practice all advanced concepts as well
- Learn how to use third-party packages and services (e.g. Stripe for payments) in your websites
- Move on to more specialized, advanced concepts like building REST APIs
- Explore frontend JavaScript frameworks like Vue.js to build even more powerful web user interfaces
- And so much more - simply check out the full curriculum to get a complete list!
We'd love to start this journey with you, so let's get started!
Max & Manuel
80
hours
600+
lessons
Course Curriculum
-
PreviewWelcome to This Course! [Day 1] (1:09)
-
PreviewWhat Is "Web Development" & How Does The Web Work? [Day 1] (7:50)
-
PreviewThe Three Key Programming Languages [Day 1] (5:22)
-
PreviewHow The Web Works: A Deep Dive [Day 1] (8:08)
-
PreviewWhat About The "www"? [Day 1]
-
PreviewThe 100 Days of Code Challenge! [Day 1] (3:50)
-
PreviewHow To Get The Most Out Of This Course [Day 1] (3:39)
-
PreviewStuck in the Course? We Got you Covered! [Day 1] (3:23)
-
PreviewHow To Use The Attached Code [Day 1]
-
StartThe Academind Pro Referral Program
-
StartModule Introduction [Day 1] (2:23)
-
StartHow to Create a Website [Day 1] (5:19)
-
StartCreating our First HTML Page [Day 1] (8:28)
-
StartSetting Up a Development Environment [Day 2] (11:22)
-
StartWhy Visual Studio Code? [Day 2] (2:06)
-
StartUnderstanding HTML Elements [Day 2] (6:01)
-
StartWhich HTML Elements Exist? [Day 2] (7:16)
-
StartAdding Another HTML Element [Day 2] (7:24)
-
StartExploring HTML Attributes [Day 2] (4:32)
-
StartQuiz 1: Learning Check: HTML Basics [Day 2]
-
StartGetting Started with CSS [Day 2] (6:17)
-
StartMore CSS Styling [Day 2] (2:38)
-
StartWorking with Colors [Day 3] (8:11)
-
StartFormatting our Code [Day 3] (4:15)
-
StartWorking with the Browser Developer Tools [Day 3] (6:13)
-
StartAdding a Link [Day 3] (6:40)
-
StartYou can Nest HTML Elements! [Day 3] (2:18)
-
StartUsing Global CSS Styles [Day 3] (7:49)
-
StartCSS Code Formatting [Day 3]
-
StartThe HTML Document Skeleton & Metadata [Day 3] (7:35)
-
StartVisual Studio Code Shortcuts & Tricks [Day 3] (7:49)
-
StartCode Comments [Day 3]
-
StartFirst Summary [Day 3] (6:24)
-
StartQuiz 2: Learning Check: HTML & CSS Basics [Day 3]
-
StartStyling the Anchor Element Also with Pseudo Hover [Day 4] (4:49)
-
StartWhy it's Called Cascading Style Sheets [Day 4] (2:25)
-
StartStoring CSS Code in External Files [Day 4] (6:23)
-
StartThe Void Element Syntax [Day 4] (1:22)
-
StartMultiple Files & Requests [Day 4] (6:06)
-
StartSelecting Single Elements with the ID Selector [Day 4] (5:39)
-
StartWorking with "font-size" and "px" [Day 4] (5:14)
-
StartUsing Other Fonts from Google Fonts [Day 4] (8:12)
-
StartUnderstanding How HTML & CSS Handle Text & Whitespace [Day 5]
-
StartAdding an Image [Day 5] (4:48)
-
StartStyling the Image & Using the Body Tag [Day 5] (7:48)
-
StartStyling the Overall Page Background [Day 5] (1:58)
-
StartAdding a Second HTML File [Day 5] (5:34)
-
StartA Word About File Name Conventions [Day 5]
-
StartQuiz 3: Learning Check: More HTML & CSS Features [Day 5]
-
StartA Challenge for You! [Day 5] (2:31)
-
StartChallenge Solution [Day 5] (7:04)
-
StartUsing a Shared CSS File [Day 5] (4:44)
-
StartOrganizing Source Files in Folders [Day 5] (3:10)
-
StartSummary [Day 5] (3:54)
-
StartModule Introduction [Day 6] (1:56)
-
StartUsing the Live Server Extension [Day 6] (3:38)
-
StartThe Development Server & The Local Website Address [Day 6]
-
StartUnderstanding Lists [Day 6] (5:02)
-
StartCreating Lists [Day 6] (8:01)
-
StartUnderstanding Parents, Children, Containers & More [Day 6] (8:44)
-
StartUnderstanding Cascading, Inheritance & Specificity [Day 6] (8:01)
-
StartStyling the Full Week Page [Day 6] (6:20)
-
StartIntroducing the CSS Box Model [Day 7] (7:02)
-
StartUsing the CSS Box Model [Day 7] (8:50)
-
StartCreating HTML Layouts [Day 7] (7:22)
-
StartTheory: Selectors & Combinators [Day 7] (4:08)
-
StartUsing Selectors & Combinators [Day 7] (10:44)
-
StartUnderstanding Classes [Day 7] (6:22)
-
StartBlock vs Inline Elements [Day 7] (8:18)
-
StartStyling Differences Between Block & Inline Elements [Day 8] (9:15)
-
StartUnderstanding Margin Collapsing [Day 8] (4:42)
-
StartThe "box-shadow" Property [Day 8] (6:24)
-
StartYour Challenge! [Day 8] (1:43)
-
StartCreating the HTML Layout [Day 8] (4:28)
-
StartStyling the Main Section [Day 8] (5:38)
-
StartStyling Images & Working with Negative Margins [Day 8] (5:15)
-
StartFinishing Touches [Day 8] (4:08)
-
StartModule Summary [Day 8] (5:39)
-
StartA List Of All CSS Selectors [Day 8]
Course Prerequisites
NO prior web development or programming knowledge is required! We'll start from scratch!
You only need a computer or Mac to get started
All pre-requisites are covered by courses in our "Academind Pro" Membership.
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 5529 happy students!
Single-Course License
Full access to "100 Days Of Code: 2024 Web Development Bootcamp"
$69
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$25/month
Cancel anytime!
This is a recurring payment, charged automatically on a monthly basis. You can cancel anytime from inside your user profile to avoid being charged again once your billing cycle ends. For more information, please contact Academind.