Become a Web Developer now with our 100 Days of Code Web Development Bootcamp course!

Join the full “100 Days Of Code – Web Development Bootcamp” course: https://acad.link/web-dev

Join our Academind Community on Discord: https://academind.com/community

Check out all our other courses: https://academind.com/courses

———-
Content:
[Day 1]
Welcome to This Course! 00:00:04
What Is “Web Development” & How Does The Web Work? 00:01:13
The Three Key Programming Languages 00:09:03
How The Web Works: A Deep Dive 00:14:25
The 100 Days of Code Challenge! 00:22:33
How To Get The Most Out Of This Course 00:26:24
Stuck in the Course? We Got you Covered! 00:30:03
Module Introduction 00:33:27
How to Create a Website 00:35:50
Creating our First HTML Page 00:41:10

[Day 2]
Setting Up a Development Environment 00:49:38
Why Visual Studio Code? 01:01:05
Understanding HTML Elements 01:03:11
Which HTML Elements Exist? 01:09:13
Adding Another HTML Element 01:16:29
Exploring HTML Attributes 01:23:53
Getting Started with CSS 01:28:26
More CSS Styling 01:34:44

[Day 3]
Working with Colors 01:37:23
Formatting our Code 01:45:39
Working with the Browser Developer Tools 01:49:55
Adding a Link 01:56:08
You can Nest HTML Elements! 02:02:48
Using Global CSS Styles 02:05:07
The HTML Document Skeleton & Metadata 02:12:56
Visual Studio Code Shortcuts & Tricks 02:20:32
First Summary 02:28:21

[Day 4]
Styling the Anchor Element Also with Pseudo Hover 02:34:46
Why it’s Called Cascading Style Sheets 02:39:40
Storing CSS Code in External Files 02:42:05
The Void Element Syntax 02:48:28
Multiple Files & Requests 02:49:51
Selecting Single Elements with the ID Selector 02:55:58
Working with “font-size” and “px” 03:01:37
Using Other Fonts from Google Fonts 03:06:52

[Day 5]
Adding an Image 03:15:05
Styling the Image & Using the Body Tag 03:19:57
Styling the Overall Page Background 03:27:45
Adding a Second HTML File 03:29:44
A Challenge for You! 03:35:19
Challenge Solution 03:37:50
Using a Shared CSS File 03:44:54
Organizing Source Files in Folders 03:49:39
Summary 03:52:50

[Day 6]
Module Introduction 03:56:44
Using the Live Server Extension 03:58:44
Understanding Lists 04:02:23
Creating Lists 04:07:25
Understanding Parents, Children, Containers & More 04:15:26
Understanding Cascading, Inheritance & Specificity 04:24:10
Styling the Full Week Page 04:32:12

[Day 7]
Introducing the CSS Box Model 04:38:32
Using the CSS Box Model 04:45:39
Creating HTML Layouts 04:54:30
Theory: Selectors & Combinators 05:01:52
Using Selectors & Combinators 05:06:01
Understanding Classes 05:16:45
Block vs Inline Elements 05:23:08

[Day 8]
Styling Differences Between Block & Inline Elements 05:31:30
Understanding Margin Collapsing 05:40:46
The “box-shadow” Property 05:45:29
Your Challenge! 05:51:54
Creating the HTML Layout 05:53:37
Styling the Main Section 05:58:06
Styling Images & Working with Negative Margins 06:03:44
Finishing Touches 06:09:00
Module Summary 06:13:08

———-

• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram: https://www.instagram.com/academind_real
• Join our Facebook community on https://www.facebook.com/academindchannel/

See you in the videos!

———-

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

source

49 Comments

  1. Content:
    [Day 1]
    Welcome to This Course! 00:00:04
    What Is "Web Development" & How Does The Web Work? 00:01:13
    The Three Key Programming Languages 00:09:03
    How The Web Works: A Deep Dive 00:14:25
    The 100 Days of Code Challenge! 00:22:33
    How To Get The Most Out Of This Course 00:26:24
    Stuck in the Course? We Got you Covered! 00:30:03
    Module Introduction 00:33:27
    How to Create a Website 00:35:50
    Creating our First HTML Page 00:41:10

    [Day 2]
    Setting Up a Development Environment 00:49:38
    Why Visual Studio Code? 01:01:05
    Understanding HTML Elements 01:03:11
    Which HTML Elements Exist? 01:09:13
    Adding Another HTML Element 01:16:29
    Exploring HTML Attributes 01:23:53
    Getting Started with CSS 01:28:26
    More CSS Styling 01:34:44

    [Day 3]
    Working with Colors 01:37:23
    Formatting our Code 01:45:39
    Working with the Browser Developer Tools 01:49:55
    Adding a Link 01:56:08
    You can Nest HTML Elements! 02:02:48
    Using Global CSS Styles 02:05:07
    The HTML Document Skeleton & Metadata 02:12:56
    Visual Studio Code Shortcuts & Tricks 02:20:32
    First Summary 02:28:21

    [Day 4]
    Styling the Anchor Element Also with Pseudo Hover 02:34:46
    Why it's Called Cascading Style Sheets 02:39:40
    Storing CSS Code in External Files 02:42:05
    The Void Element Syntax 02:48:28
    Multiple Files & Requests 02:49:51
    Selecting Single Elements with the ID Selector 02:55:58
    Working with "font-size" and "px" 03:01:37
    Using Other Fonts from Google Fonts 03:06:52

    [Day 5]
    Adding an Image 03:15:05
    Styling the Image & Using the Body Tag 03:19:57
    Styling the Overall Page Background 03:27:45
    Adding a Second HTML File 03:29:44
    A Challenge for You! 03:35:19
    Challenge Solution 03:37:50
    Using a Shared CSS File 03:44:54
    Organizing Source Files in Folders 03:49:39
    Summary 03:52:50

    [Day 6]
    Module Introduction 03:56:44
    Using the Live Server Extension 03:58:44
    Understanding Lists 04:02:23
    Creating Lists 04:07:25
    Understanding Parents, Children, Containers & More 04:15:26
    Understanding Cascading, Inheritance & Specificity 04:24:10
    Styling the Full Week Page 04:32:12

    [Day 7]
    Introducing the CSS Box Model 04:38:32
    Using the CSS Box Model 04:45:39
    Creating HTML Layouts 04:54:30
    Theory: Selectors & Combinators 05:01:52
    Using Selectors & Combinators 05:06:01
    Understanding Classes 05:16:45
    Block vs Inline Elements 05:23:08

    [Day 8]
    Styling Differences Between Block & Inline Elements 05:31:30
    Understanding Margin Collapsing 05:40:46
    The "box-shadow" Property 05:45:29
    Your Challenge! 05:51:54
    Creating the HTML Layout 05:53:37
    Styling the Main Section 05:58:06
    Styling Images & Working with Negative Margins 06:03:44
    Finishing Touches 06:09:00
    Module Summary 06:13:08

  5. Hey guys, I had a question for react application. While switching tabs on a react application, I see this error on network tab, which says failed to load response data, no data found for resource with given identifier. The requests that fail have the exact same URL and payload. How do I resolve this? Any ideas will me much appreciated.

  13. Amazing course..Alomst covered everything about web development..Gonna purchase it soon but I felt like it's not 100% complete it would be great if you guys added bootstrap and jQuery.

  20. I am trying to get live server to work. I installed in Visual Studio Code and enabled it. I made Chrome the default browser. I open an HTML file in VSC and right click and click on run in live server and nothing happens. how about some help?

  40. Hey. Thanks for sharing this. I didn't know anything related to website development so I recently hired a web developer from Carrot to create a website for me and an app. I have really liked their work and would highly recommend that. Having said that learning new things have always been something I like so I am looking forward to learning this skill too. 🙂

  41. Max, just got to give you a hearftful thank you. I've given you approximately $48 in udemy fees and you've given me $12,000 in the last year in new clients.That's just the beginning. Can you direct me to a site where I can buy you a beer at least? And not a cheap beer either. Top shelf for Maximilian!!

Leave A Reply

Please enter your comment!
Please enter your name here