Limited Time Offer!

00:00:00

Explore Catalog

Sign In Join Now

Search

Search our courses and resources

Popular searches

Web Design Affiliate Marketing Data Analysis Forex Trading React JS Crypto

Can't find a specific course?

Tell us what you want to learn and we'll source it for you.

PREMIUM COURSE ID: #000012

100 Days Of Code - Web Development Bootcamp

Embark on a comprehensive journey into the world of professional software development. This course is meticulously designed to take you from a foundat...

Rating

5 /5

Enrolled

0

Community

0 Q&A

Expert Instructor

Lead Instructor

Certified Instructor

Course Objectives

Master core concepts through structured step-by-step guidance.

Build real-world projects that you can feature in your portfolio.

Understand industry-standard best practices and advanced methods.

Acquire practical skills designed to help you succeed immediately.

What You'll Learn

Understanding Containerization with Docker and Kubernetes.

Exploring Backend concurrency and multi-threading concepts.

Mastering Version Control with Git and Collaborative Workflows.

Deploying applications to cloud infrastructure with CI/CD pipelines.

Learning to write high-quality technical documentation.

Mastering CSS Preprocessors and modern styling techniques.

Developing a portfolio-ready Capstone project.

Building Real-time features with WebSockets and Socket.io.

Building scalable and maintainable software architectures from scratch.

Working with RESTful APIs and GraphQL for data management.

Optimizing application performance, latency, and memory usage.

Implementing Responsive Design principles for all screen sizes.

Developing production-ready applications with modern frameworks.

Integrating secure authentication and authorization systems.

Understanding Database Design (SQL & NoSQL) for efficient storage.

Mastering industry-standard coding practices and clean code principles.

Using professional debugging and automated testing workflows.

Learning Front-end State Management (Redux, Vuex, etc.).

Implementing advanced algorithms and complex data structures.

Course Curriculum

37 Sections • 649 Lessons • 78h 38m Total Length

001 Welcome to This Course! [Day 1]

Free Preview

01:09

002 What Is Web Development & How Does The Web Work [Day 1]

Free Preview

07:50

003 The Three Key Programming Languages [Day 1]

Locked

05:22

004 How The Web Works A Deep Dive [Day 1]

Locked

08:07

006 The 100 Days of Code Challenge! [Day 1]

Locked

03:50

007 How To Get The Most Out Of This Course [Day 1]

Locked

03:39

008 Stuck in the Course We Got you Covered! [Day 1]

Locked

03:23

external links

Locked

DOC

001 Module Introduction [Day 1]

Locked

02:23

002 How to Create a Website [Day 1]

Locked

05:19

003 Creating our First HTML Page [Day 1]

Locked

08:27

004 Setting Up a Development Environment [Day 2]

Locked

11:22

005 Why Visual Studio Code [Day 2]

Locked

02:06

006 Understanding HTML Elements [Day 2]

Locked

06:01

007 Which HTML Elements Exist [Day 2]

Locked

07:16

008 Adding Another HTML Element [Day 2]

Locked

07:24

009 Exploring HTML Attributes [Day 2]

Locked

04:32

011 Getting Started with CSS (Day 2)

Locked

06:17

012 More CSS Styling [Day 2]

Locked

02:38

013 colors

Locked

DOC

013 Working with Colors [Day 3]

Locked

08:11

014 Formatting our Code [Day 3]

Locked

04:15

015 Working with the Browser Developer Tools [Day 3]

Locked

06:13

016 Adding a Link [Day 3]

Locked

06:40

017 You can Nest HTML Elements! [Day 3]

Locked

02:18

018 Using Global CSS Styles [Day 3]

Locked

07:49

020 The HTML Document Skeleton & Metadata [Day 3]

Locked

07:35

021 Visual Studio Code Shortcuts & Tricks [Day 3]

Locked

07:49

023 First Summary [Day 3]

Locked

06:24

025 Styling the Anchor Element Also with Pseudo Hover [Day 4]

Locked

04:49

026 Why it's Called Cascading Style Sheets [Day 4]

Locked

02:25

027 Storing CSS Code in External Files [Day 4]

Locked

06:23

028 The Void Element Syntax [Day 4]

Locked

01:22

029 Multiple Files & Requests [Day 4]

Locked

06:06

030 Selecting Single Elements with the ID Selector [Day 4]

Locked

05:39

031 Working with font size and px [Day 4]

Locked

05:14

032 Using Other Fonts from Google Fonts [Day 4]

Locked

08:12

034 Adding an Image [Day 5]

Locked

04:48

035 Styling the Image & Using the Body Tag [Day 5]

Locked

07:48

036 Styling the Overall Page Background [Day 5]

Locked

01:58

037 Adding a Second HTML File [Day 5]

Locked

05:34

040 Using a Shared CSS File [Day 5]

Locked

04:44

041 Organizing Source Files in Folders [Day 5]

Locked

03:10

042 Summary [Day 5]

Locked

03:53

external links

Locked

DOC

001 Module Introduction [Day 6]

Locked

01:56

002 Using the Live Server Extension [Day 6]

Locked

03:38

004 Understanding Lists [Day 6]

Locked

05:02

005 Creating Lists [Day 6]

Locked

08:01

006 Understanding Parents, Children, Containers & More [Day 6]

Locked

08:44

007 Understanding Cascading, Inheritance & Specificity [Day 6]

Locked

08:01

008 Styling the Full Week Page [Day 6]

Locked

06:20

009 Introducing the CSS Box Model [Day 7]

Locked

07:02

010 Using the CSS Box Model [Day 7]

Locked

08:50

011 Creating HTML Layouts [Day 7]

Locked

07:22

012 Theory Selectors & Combinators [Day 7]

Locked

04:08

013 Using Selectors & Combinators [Day 7]

Locked

10:44

014 Understanding Classes [Day 7]

Locked

06:22

015 Block vs Inline Elements [Day 7]

Locked

08:18

016 Styling Differences Between Block & Inline Elements [Day 8]

Locked

09:15

017 Understanding Margin Collapsing [Day 8]

Locked

04:42

018 The box shadow Property [Day 8]

Locked

06:24

019 Your Challenge! [Day 8]

Locked

01:43

020 Creating the HTML Layout [Day 8]

Locked

04:28

021 Styling the Main Section [Day 8]

Locked

05:38

022 Styling Images & Working with Negative Margins [Day 8]

Locked

05:15

023 Finishing Touches [Day 8]

Locked

04:07

024 Module Summary [Day 8]

Locked

05:39

external links

Locked

DOC

001 Module Introduction [Day 9]

Locked

02:43

002 Your Task! [Day 9]

Locked

02:16

003 Creating the Core Structure [Day 9]

Locked

11:21

004 Adding the Header Content [Day 9]

Locked

03:34

005 Adding Header Styling [Day 9]

Locked

12:08

006 Spacing & the CSS Box Model [Day 9]

Locked

05:12

007 Adding the Main Content [Day 9]

Locked

11:11

008 Styling the Main Content [Day 10]

Locked

06:56

009 Styling List Items & Links [Day 10]

Locked

16:57

010 Adding the Footer [Day 10]

Locked

12:56

011 Introducing New HTML Elements [Day 10]

Locked

05:37

012 Organizing our Files [Day 10]

Locked

01:58

013 Module Summary [Day 10]

Locked

01:22

external links

Locked

DOC

001 Module Introduction [Day 11]

Locked

02:29

002 What is Hosting & Deployment [Day 11]

Locked

03:15

003 Hosting a First Static Website (Example Deployment on Netlify) [Day 11]

Locked

02:23

004 More Information On Netlify & HTTPS [Day 11]

Locked

01:57

005 Adding a Favicon [Day 11]

Locked

06:15

006 Relative vs Absolute Paths [Day 11]

Locked

05:35

external links

Locked

DOC

001 Module Introduction [Day 11]

Locked

02:19

002 What are Git & GitHub [Day 11]

Locked

06:01

003 Command Line Interface (CLI) vs Graphical User Interface (GUI) [Day 11]

Locked

05:24

004 Optional MacOS Terminal (z Shell) Crash Course [Day 11]

Locked

17:59

005 Optional Windows Command Prompt (cmd) Crash Course [Day 12]

Locked

13:09

006 Git MacOS Installation [Day 12]

Locked

04:24

007 Git Windows Installation [Day 12]

Locked

09:19

008 Understanding the Git Basics [Day 12]

Locked

04:34

009 Initializing the Repository & Creating our First Commit [Day 12]

Locked

18:51

011 Understanding Branches, Merging & Fixing Merge Conflicts [Day 13]

Locked

13:10

012 Deleting Branches & Commits, Reverting Staged & Unstaged Changes [Day 13]

Locked

13:52

013 Onwards to GitHub What & Why [Day 13]

Locked

04:35

014 Creating a GitHub Account & a Remote Repository [Day 13]

Locked

12:25

016 Understanding the Personal Access Token & git clone [Day 14]

Locked

14:49

017 Collaborating on Projects Collaborators & Organizations [Day 14]

Locked

20:15

018 Contributing to Projects Forks & Pull Requests [Day 14]

Locked

13:32

019 Wrap Up [Day 14]

Locked

05:11

001 Module Introduction [Day 15]

Locked

01:22

002 Project Overview What we Will Build [Day 15]

Locked

02:04

003 Project Setup [Day 15]

Locked

03:45

004 Creating the Landing Page Structure [Day 15]

Locked

05:00

005 Adding the Page Logo [Day 15]

Locked

08:21

006 Adding the Page Navigation [Day 15]

Locked

04:19

007 Introducing CSS Flexbox [Day 15]

Locked

08:45

008 Aligning Flex Items [Day 15]

Locked

04:13

009 Your Flexbox Challenge! [Day 16]

Locked

03:06

010 Adding Flexbox to our Project [Day 16]

Locked

05:37

011 Adding a Background Image [Day 16]

Locked

08:44

012 Creating a Container for the Hero Content [Day 16]

Locked

05:20

013 Positioning Elements [Day 16]

Locked

06:05

014 Styling the Hero Content [Day 16]

Locked

08:39

015 Understanding Fixed & Absolute Positioning [Day 16]

Locked

07:55

016 Working with % Units & Creating a Top Navigation Bar [Day 17]

Locked

06:58

017 Finishing the Header [Day 17]

Locked

08:20

018 Introducing the Highlights Section [Day 17]

Locked

02:15

019 Creating the HTML Code [Day 17]

Locked

10:36

020 Building the Flex Container [Day 17]

Locked

06:31

021 Flex Item Layout [Day 17]

Locked

05:25

022 Styling Images with object fit [Day 17]

Locked

06:07

023 Styling Text [Day 17]

Locked

06:24

025 Understanding Parent Child Margin Collapsing [Day 18]

Locked

03:31

026 Working with CSS Functions Linear Gradients [Day 18]

Locked

05:38

027 The Next Step [Day 18]

Locked

01:56

028 Creating a Footer Section [Day 18]

Locked

03:42

029 Styling the Footer [Day 18]

Locked

07:35

030 Places Page Overview & Preparations [Day 18]

Locked

05:12

031 Creating the Card Content [Day 18]

Locked

07:03

032 Using position static [Day 18]

Locked

07:39

033 Creating the Card Look [Day 19]

Locked

03:53

034 Understanding overflow & Your Challenge! [Day 19]

Locked

06:31

035 Solving the Challenge [Day 19]

Locked

11:31

036 Creating all Cards [Day 19]

Locked

09:06

037 grid theory

Locked

DOC

037 The CSS Grid Theory [Day 19]

Locked

10:20

038 Understanding the nth type Selector & grid template columns [Day 19]

Locked

06:50

039 Your Grid Challenge [Day 20]

Locked

07:12

040 Working with Unicode UTF 8 [Day 20]

Locked

04:31

041 Finishing Touches [Day 20]

Locked

06:35

042 Module Summary [Day 20]

Locked

04:51

external links

Locked

DOC

001 Module Introduction [Day 20]

Locked

02:00

002 Project Overview [Day 20]

Locked

04:39

004 Optional Your Challenge Creating the HTML Structure [Day 20]

Locked

06:55

005 Optional Challenge Solution The HTML Structure [Day 20]

Locked

12:57

006 Optional Styling the Header [Day 21]

Locked

14:56

007 Optional Styling the main Section [Day 21]

Locked

16:39

008 What is Responsive Design [Day 21]

Locked

05:47

009 The Problem with Pixels [Day 21]

Locked

05:44

010 Introducing em & rem [Day 21]

Locked

03:52

011 Applying em & rem for the Font Size [Day 22]

Locked

13:07

012 Deep Dive em vs rem vs % [Day 22]

Locked

09:04

013 Updating the Project Units [Day 22]

Locked

10:03

014 Comparing Desktop & Mobile First Design [Day 22]

Locked

05:16

015 Understanding Media Queries [Day 22]

Locked

08:53

016 Adding Media Queries to the Project [Day 23]

Locked

09:20

017 Your Media Queries Challenge! [Day 23]

Locked

08:07

018 Side Drawer & Hamburger Icon Theory [Day 23]

Locked

04:16

019 Creating the Hamburger Button [Day 23]

Locked

09:54

020 Creating the Side Drawer [Day 23]

Locked

12:04

021 Understanding HTML Fragments [Day 23]

Locked

05:52

022 Understanding the Target Selector [Day 24]

Locked

04:29

023 Finishing the Side Drawer [Day 24]

Locked

06:42

025 Module Summary [Day 24]

Locked

03:23

external links

Locked

DOC

001 Module Introduction [Day 24]

Locked

04:37

002 Three Things to Keep in Mind [Day 24]

Locked

03:44

003 Introducing the Module Project [Day 24]

Locked

06:01

004 Sizing & Spacing [Day 24]

Locked

06:38

005 Choosing the Right Font [Day 24]

Locked

09:08

006 Understanding The Importance of Grey, Primary & Accent Colors [Day 24]

Locked

05:39

007 Introducing CSS Variables CSS Custom Properties [Day 25]

Locked

08:22

008 CSS Variables in Action [Day 25]

Locked

16:28

009 Comparing root vs html vs Selectors [Day 25]

Locked

03:58

010 Understanding CSS Transformations [Day 25]

Locked

06:40

011 Adding CSS Transitions [Day 25]

Locked

14:34

012 Working with SVGs [Day 25]

Locked

06:02

external links

Locked

DOC

001 Module Introduction [Day 26]

Locked

02:14

002 What & Why [Day 26]

Locked

03:32

003 Important Form HTML Elements [Day 26]

Locked

02:50

004 Our First Input Element [Day 26]

Locked

06:35

005 Adding a Button [Day 26]

Locked

04:23

006 The Form Element, Form Submission & Different Types of Requests [Day 26]

Locked

18:06

007 Styling the Form Element [Day 27]

Locked

03:39

008 Adding Labels [Day 27]

Locked

04:22

009 More Detailed Forms Styling [Day 27]

Locked

12:45

010 Understanding Different Input Types [Day 27]

Locked

05:11

011 Understanding Email, Numbers, Password & Date Types [Day 27]

Locked

08:07

012 Working with Radio Buttons [Day 27]

Locked

11:05

013 Using Checkboxes [Day 28]

Locked

04:54

014 The Textarea Element For Longer Text [Day 28]

Locked

04:12

015 Adding a Dropdown [Day 28]

Locked

04:29

016 Forms & Semantics (Structuring Forms) [Day 28]

Locked

10:25

017 More on Form Buttons [Day 28]

Locked

04:43

018 Validation Attributes [Day 28]

Locked

09:56

019 More Input & Form Attributes [Day 28]

Locked

05:14

020 Your Challenge! [Day 29]

Locked

02:08

021 Challenge Base Page Structure & Styling [Day 29]

Locked

06:25

023 Challenge First Set of Input Elements [Day 29]

Locked

07:19

024 Challenge Adding Remaining Elements [Day 29]

Locked

05:03

025 Challenge Submission & Validation [Day 29]

Locked

03:43

026 Challenge Styling [Day 29]

Locked

12:18

001 Module Introduction [Day 29]

Locked

01:12

002 What is JavaScript & Why would we use it [Day 29]

Locked

07:35

003 What You Will Learn In this Module [Day 29]

Locked

02:36

004 Introducing Values & Variables [Day 29]

Locked

04:27

005 Adding the script HTML Element [Day 30]

Locked

02:52

006 Working with Values & Basic JavaScript Commands [Day 30]

Locked

05:43

007 Introducing Variables (Data Containers) [Day 30]

Locked

08:15

008 A Closer Look At The JavaScript Syntax [Day 30]

Locked

03:10

009 A Second Variable & Practice Time! [Day 30]

Locked

04:24

010 Outsourcing JavaScript Code Into External Files [Day 30]

Locked

07:11

011 Introducing Arrays (Managing Lists Of Data) [Day 30]

Locked

06:52

012 Introducing Objects (Grouping Related Data) [Day 30]

Locked

06:41

013 Splitting Code Across Multiple Lines [Day 31]

Locked

04:32

014 Accessing Object Properties [Day 31]

Locked

02:07

015 Performing Operations [Day 31]

Locked

07:12

016 Onwards To Custom Commands! [Day 31]

Locked

04:07

017 Introducing Functions [Day 31]

Locked

07:14

018 Functions & Variables [Day 31]

Locked

04:29

019 Returning Values In Functions [Day 31]

Locked

06:21

020 Passing Data Into Functions With Parameters [Day 31]

Locked

05:40

021 Functions A Summary [Day 31]

Locked

01:46

022 Time To Practice The Problem [Day 32]

Locked

04:39

023 Time To Practice The Solution [Day 32]

Locked

19:16

024 Introducing Methods [Day 32]

Locked

05:47

025 Making Our Developer Life Easier (Logging with console.log()) [Day 32]

Locked

06:21

026 Math Operations & Working With Different Kinds Of Values [Day 32]

Locked

03:11

027 The Modulus Operator [Day 32]

Locked

01:58

028 Math Operations & Math Rules [Day 32]

Locked

06:05

029 Performing String (Text) Operations [Day 32]

Locked

03:03

030 more on operators and value types

Locked

DOC

031 String Operations & String Methods [Day 32]

Locked

04:08

032 Basic Array Operations [Day 33]

Locked

02:17

034 Module Summary [Day 33]

Locked

02:45

external links

Locked

DOC

001 Module Introduction [Day 33]

Locked

01:50

002 Our Starting Setup [Day 33]

Locked

01:09

003 The Global window & document Objects [Day 33]

Locked

06:18

004 What Is The DOM [Day 33]

Locked

04:09

005 Exploring The DOM [Day 33]

Locked

07:32

006 Drilling Into The DOM To Select & Change HTML Elements [Day 33]

Locked

07:49

007 Loading Our Script Correctly [Day 33]

Locked

03:49

008 The DOM Tree & DOM Traversal [Day 33]

Locked

06:56

009 Drilling Into The DOM & Exploring Text Nodes [Day 34]

Locked

06:56

010 DOM Drilling Limitations [Day 34]

Locked

03:05

011 Searching The DOM For Elements [Day 34]

Locked

04:05

012 Querying Elements [Day 34]

Locked

05:15

014 Time to Practice The Problem [Day 34]

Locked

04:52

015 Time to Practice The Solution [Day 34]

Locked

14:11

016 Next Steps [Day 34]

Locked

01:18

017 Inserting New HTML Elements via JavaScript [Day 34]

Locked

08:35

018 Deleting DOM Elements [Day 35]

Locked

03:13

019 Moving Existing Elements Around [Day 35]

Locked

02:43

020 Working with innerHTML [Day 35]

Locked

07:21

022 Introducing Events [Day 35]

Locked

02:16

023 Adding a First click Event Listener [Day 35]

Locked

10:41

024 Listening To User Input Events [Day 35]

Locked

05:16

025 The event Object [Day 35]

Locked

07:39

027 A More Realistic Demo & Example [Day 36]

Locked

18:44

028 Introducing Constant Variables (Constants) [Day 36]

Locked

12:25

029 Changing Element Styles With JavaScript [Day 36]

Locked

08:11

030 Managing CSS Classes With JavaScript [Day 36]

Locked

09:01

031 Module Summary [Day 36]

Locked

05:54

032 exercise 2

Locked

DOC

032 Time to Practice The Problem [Day 37]

Locked

06:16

033 Time to Practice The Solution [Day 37]

Locked

18:41

external links

Locked

DOC

001 Module Introduction [Day 37]

Locked

01:05

002 Getting Started with Control Structures [Day 37]

Locked

04:48

003 Introducing Boolean Values (Booleans) & Comparison Operators [Day 37]

Locked

08:19

004 Booleans & Comparison Operators In Action [Day 37]

Locked

08:43

005 Using Booleans In if Statements (Conditional Code Execution) [Day 37]

Locked

01:26

006 A Real Example [Day 38]

Locked

03:05

007 Alternatives with else and else if [Day 38]

Locked

10:12

008 More on Boolean Values [Day 38]

Locked

05:02

009 Truthy & Falsy Values [Day 38]

Locked

04:22

011 Introducing Loops (Repeated Code Execution) [Day 38]

Locked

06:01

012 The Regular for Loop [Day 38]

Locked

06:22

013 The for of Loop (for Arrays) [Day 38]

Locked

02:54

015 The for in Loop (for Objects) [Day 38]

Locked

04:39

016 The while Loop [Day 38]

Locked

03:14

017 09 practice time starting setup

Locked

DOC

017 Practice Time Setup & The for Loop [Day 39]

Locked

13:54

018 Practice Time The for of Loop [Day 39]

Locked

05:48

019 Practice Time The for in Loop [Day 39]

Locked

08:55

020 Practice Time The while Loop [Day 39]

Locked

17:34

021 Module Summary [Day 39]

Locked

03:12

external links

Locked

DOC

001 Module Introduction [Day 40]

Locked

04:47

002 Planning The Project [Day 40]

Locked

03:29

003 Creating The HTML Structure [Day 40]

Locked

21:22

004 Adding Base Page Styles [Day 40]

Locked

14:49

005 Adding Styling For The Game Configuration Area [Day 41]

Locked

20:39

006 Styling The Game Board [Day 41]

Locked

12:10

007 Adding JavaScript, Script Files & First Event Listeners [Day 41]

Locked

10:48

008 Showing & Hiding The Configuration Modal (Overlay) [Day 41]

Locked

07:46

009 Handling Form Submission With JavaScript [Day 42]

Locked

15:07

010 Validating User Input With JavaScript [Day 42]

Locked

17:09

011 Storing & Managing Submitted Data [Day 42]

Locked

21:10

012 Adding Logic For Starting A Game [Day 43]

Locked

08:07

013 Managing Game Rounds (Turns) & Field Selection [Day 43]

Locked

18:58

014 Tracking Selected Fields On The Game Board [Day 43]

Locked

12:16

015 Checking For A Winner Or Draw [Day 44]

Locked

24:11

016 Ending The Game & Adding Restart Logic [Day 44]

Locked

19:47

017 Module Summary [Day 44]

Locked

03:52

external links

Locked

DOC

001 Module Introduction [Day 45]

Locked

03:13

002 What & Why [Day 45]

Locked

06:31

003 Third Party Code vs Custom Code (Your Own Code) [Day 45]

Locked

01:58

004 First Example Adding Bootstrap For Some Default Styling [Day 45]

Locked

03:18

005 Adding & Using the Bootstrap CSS Package [Day 45]

Locked

04:21

006 Adding a JavaScript Package [Day 45]

Locked

02:59

007 Adding an Image Carousel Gallery with a Third Party Package [Day 45]

Locked

04:19

007 images

Locked

DOC

008 Combining Third Party Packages With Custom Code [Day 45]

Locked

06:22

009 More Bootstrap Examples [Day 45]

Locked

04:52

010 Exercise Solution & First Summary [Day 45]

Locked

04:53

011 Another Example Preparing a Parallax Page [Day 45]

Locked

08:29

012 Adding A Parallax Effect Package [Day 46]

Locked

09:09

013 Viewing Third Party Source Code & Module Summary [Day 46]

Locked

02:32

001 Module Introduction [Day 46]

Locked

01:31

002 What is The Backend & Why Do We Need Server side Code [Day 46]

Locked

09:26

004 Frontend vs Backend vs Fullstack Development [Day 46]

Locked

06:02

005 Choosing a Backend (Server side) Programming Language [Day 46]

Locked

07:51

002 Installing NodeJS [Day 47]

Locked

06:00

003 Executing NodeJS Code [Day 47]

Locked

09:20

004 Creating a Custom NodeJS Server [Day 47]

Locked

12:36

005 Handling Requests & Creating Custom Responses [Day 47]

Locked

13:25

006 Doing More Server side Work [Day 47]

Locked

06:59

008 Summary [Day 47]

Locked

02:12

external links

Locked

DOC

001 Module Introduction [Day 48]

Locked

03:30

002 Installing Express with npm [Day 48]

Locked

12:57

003 Creating a Server with Express & Handling Requests + Responses [Day 48]

Locked

10:56

004 Parsing User Data With Express [Day 48]

Locked

17:47

005 Storing Data in (Server side) Files [Day 48]

Locked

13:44

007 Reading File Data & Returning Dynamic Responses (Dynamic HTML Code) [Day 49]

Locked

06:25

008 Enhancing the Developer Workflow with nodemon [Day 49]

Locked

08:33

009 Summary [Day 49]

Locked

02:59

001 Module Introduction [Day 49]

Locked

02:29

002 Creating a Starting Project & What Needs To Change [Day 49]

Locked

07:30

003 Setting Up A Basic Express App (incl. Practice) [Day 49]

Locked

04:50

004 Serving HTML Files With Node & Express [Day 49]

Locked

12:57

005 Serving Static Files (CSS & JavaScript) [Day 50]

Locked

08:03

006 Parsing Form Data & Redirecting Requests [Day 50]

Locked

11:51

007 Adding the EJS Template Engine [Day 50]

Locked

09:45

008 Rendering Dynamic Content With Templates [Day 50]

Locked

06:28

009 Outputting Repeated Content With EJS & Loops [Day 50]

Locked

07:02

010 Rendering Conditional Content [Day 50]

Locked

03:14

011 Including Partial Content [Day 51]

Locked

14:53

012 EJS & IDE Support [Day 51]

Locked

02:17

013 Module Summary [Day 51]

Locked

03:55

external links

Locked

DOC

001 Module Introduction [Day 51]

Locked

01:24

002 Introducing Dynamic Routes [Day 51]

Locked

16:50

003 Managing Data with Unique IDs [Day 51]

Locked

10:32

004 Loading & Displaying Detail Data [Day 52]

Locked

07:11

005 Showing a 404 Page For Not Found Cases [Day 52]

Locked

06:40

006 More 404 Page Usage (Non Existent Routes) [Day 52]

Locked

05:49

007 Handling Server Side Errors (500 Status Code) [Day 52]

Locked

08:34

008 Working With Status Codes [Day 52]

Locked

07:36

009 Code Refactoring & Adding More Functions [Day 52]

Locked

10:23

010 Importing & Exporting Code In NodeJS [Day 53]

Locked

12:45

011 Using The Express Router To Split The Route Configuration [Day 53]

Locked

13:43

012 Introducing Query Parameters (& Hidden Form Fields) [Day 53]

Locked

20:28

014 Module Summary [Day 53]

Locked

02:34

external links

Locked

DOC

001 Module Introduction [Day 54]

Locked

05:18

002 Functions & Default Parameters [Day 54]

Locked

06:35

003 Rest Parameters & The Spread Operator [Day 54]

Locked

11:57

004 Functions Are Objects! [Day 54]

Locked

06:03

005 Working with Template Literals [Day 54]

Locked

03:55

006 Primitive vs Reference Values [Day 54]

Locked

17:40

007 Custom Error Handling With try catch [Day 55]

Locked

10:12

009 Variable Scoping & Shadowing [Day 55]

Locked

08:16

011 Introducing Classes As Object Blueprints [Day 55]

Locked

11:53

012 Classes & Methods (and this) [Day 55]

Locked

05:23

013 Destructuring Objects & Arrays [Day 55]

Locked

08:21

015 Diving Into Asynchronous Code & Callback Functions [Day 56]

Locked

13:22

016 Introducing Promises [Day 56]

Locked

07:19

017 Asynchronous Code & Error Handling [Day 56]

Locked

02:39

018 Improving Code With async await [Day 56]

Locked

06:51

020 Module Summary [Day 56]

Locked

05:25

020 more advanced javascript

Locked

DOC

001 Module Introduction [Day 56]

Locked

01:30

002 Why Databases And What Are Databases In The First Place [Day 56]

Locked

08:19

003 A Quick Introduction To SQL Databases (RDBMS) [Day 57]

Locked

06:45

004 A Quick Introduction To NoSQL Databases [Day 57]

Locked

04:18

005 SQL vs NoSQL Databases [Day 57]

Locked

04:59

001 Module Introduction [Day 57]

Locked

02:45

002 What & Why [Day 57]

Locked

05:53

003 RDBMS Options [Day 57]

Locked

02:56

004 Installing MySQL & Setup Steps [Day 57]

Locked

13:03

005 Database Server vs Databases vs Tables [Day 57]

Locked

03:25

006 Writing Our First SQL Code & Creating a Database [Day 57]

Locked

07:12

007 Creating a Table & Table Structure [Day 58]

Locked

13:35

008 Inserting Data Into A Table [Day 58]

Locked

04:09

009 Reading Data From A Table (incl. Filtering) [Day 58]

Locked

09:17

010 Updating & Deleting Data [Day 58]

Locked

05:48

011 Designing A More Complex Database [Day 58]

Locked

05:25

012 Adding A New Table [Day 58]

Locked

08:07

013 Implementing A More Complex Design With Relations [Day 59]

Locked

15:13

014 Inserting Related Data [Day 59]

Locked

07:53

015 Practice Inserting Related Data [Day 59]

Locked

05:24

016 Querying & Joining Related Data [Day 59]

Locked

08:47

017 Practice Joining Data [Day 59]

Locked

04:57

018 Module Summary & More On Relationships [Day 59]

Locked

04:34

001 Module Introduction [Day 60]

Locked

01:49

002 Why Should Database Accessing Code Run On The Backend [Day 60]

Locked

03:29

003 What We'll Build In This Section [Day 60]

Locked

03:58

004 Planning Our Database Structure [Day 60]

Locked

04:59

005 Database Initialization [Day 60]

Locked

09:49

006 00 starting project

Locked

DOC

006 Project Setup [Day 60]

Locked

07:02

007 Creating Our First Routes [Day 60]

Locked

08:19

008 Connecting To The Database & Querying Data [Day 61]

Locked

16:40

009 Inserting Data With Placeholders (Injecting Dynamic Data) [Day 61]

Locked

14:01

010 Fetching & Displaying a List Of Blog Posts [Day 61]

Locked

13:11

011 Fetching & Displaying a Single Blog Post [Day 62]

Locked

16:45

012 Formatting & Transforming Fetched Data [Day 62]

Locked

08:07

013 Preparing The Update Post Page [Day 62]

Locked

08:42

014 Updating Posts [Day 62]

Locked

06:27

015 Deleting Posts [Day 62]

Locked

04:24

016 Module Summary [Day 62]

Locked

02:17

001 Module Introduction [Day 63]

Locked

01:33

002 The Idea Behind NoSQL Database Systems [Day 63]

Locked

09:22

003 Introducing MongoDB [Day 63]

Locked

01:35

004 General Setup Instructions & Installing MongoDB on macOS [Day 63]

Locked

17:41

005 Installing MongoDB on Windows [Day 63]

Locked

08:57

006 Installing the MongoDB Shell [Day 63]

Locked

05:17

007 Inserting Data with MongoDB [Day 63]

Locked

10:16

008 Reading & Filtering Data [Day 64]

Locked

05:59

009 Updating Documents In A MongoDB Database [Day 64]

Locked

06:01

010 Deleting Documents With MongoDB [Day 64]

Locked

02:26

011 Planning a Complete Database Design Layout [Day 64]

Locked

08:47

012 Implementing the Planned Design & Layout [Day 64]

Locked

13:01

013 Practice Time & More Filtering Operators [Day 64]

Locked

07:58

001 Module Introduction [Day 65]

Locked

02:38

002 Planning the Database Structure & Layout [Day 65]

Locked

09:48

003 00 starting project

Locked

DOC

003 Project & Database Initialization [Day 65]

Locked

06:47

005 Connecting to MongoDB (from inside NodeJS) [Day 65]

Locked

13:06

006 Fetching & Displaying A List Of Authors [Day 65]

Locked

08:43

007 Inserting Documents (New Posts) [Day 65]

Locked

14:42

008 Fetching & Displaying Documents [Day 66]

Locked

10:27

010 Fetching a Single Document [Day 66]

Locked

09:43

011 Transforming & Preparing Data [Day 66]

Locked

05:09

012 Updating Documents [Day 66]

Locked

11:58

013 Deleting Documents [Day 66]

Locked

04:16

014 ExpressJS & Handling Asynchronous Code Errors [Day 67]

Locked

06:54

001 Module Introduction [Day 67]

Locked

01:59

002 00 starting project

Locked

DOC

002 The Two Sides Of Uploading Files & Setting Up A Starting Project [Day 67]

Locked

03:40

003 Adding A File Picker To A Form [Day 67]

Locked

08:05

004 Parsing Incoming File Uploads With The multer Package [Day 67]

Locked

09:30

005 How To Store Files On A Backend [Day 67]

Locked

07:20

006 Configuring Multer In Depth [Day 67]

Locked

07:46

007 Storing File Data In A Database (And What NOT To Store) [Day 68]

Locked

03:24

008 Serving Uploaded Files To Website Visitors [Day 68]

Locked

09:03

009 Adding An Image Preview Feature [Day 68]

Locked

10:23

010 Module Summary [Day 68]

Locked

02:48

001 Module Introduction [Day 68]

Locked

01:43

002 What Is Ajax And Why Would We Need It [Day 68]

Locked

09:26

003 What is Ajax [Day 68]

Locked

10:58

004 00 starting project

Locked

DOC

004 The Starting Project & A Problem [Day 69]

Locked

05:22

005 Sending & Handling a GET Ajax Request [Day 69]

Locked

19:09

006 Updating The DOM Based On The Response [Day 69]

Locked

08:42

007 Preparing The POST Request Data [Day 69]

Locked

07:56

008 Sending & Handling a POST Ajax Request [Day 69]

Locked

15:28

009 Improving The User Experience (UX) [Day 70]

Locked

05:57

010 Handling Errors (Server side & Technical) [Day 70]

Locked

08:00

011 We Now Have More HTTP Methods! [Day 70]

Locked

08:19

012 Module Summary [Day 70]

Locked

04:25

001 Module Introduction [Day 70]

Locked

02:40

002 What is Authentication & Why Would You Want To Add It To A Website [Day 70]

Locked

03:58

003 00 starting project

Locked

DOC

003 Our Starting Project [Day 70]

Locked

04:47

004 Adding a Basic Signup Functionality [Day 70]

Locked

08:19

005 Must Do Hashing Passwords [Day 71]

Locked

06:59

006 Adding User Login Functionality [Day 71]

Locked

08:47

007 Validating Signup Information [Day 71]

Locked

05:37

008 Introducing Sessions & Cookies The Stars Of Authentication [Day 71]

Locked

12:22

009 Adding Sessions Support To Our Website [Day 71]

Locked

12:10

010 Storing Authentication Data In Sessions [Day 72]

Locked

07:22

012 Using Sessions & Cookies For Controlling Access [Day 72]

Locked

11:43

013 Adding The Logout Functionality [Day 72]

Locked

04:36

014 A Closer Look At Cookies [Day 72]

Locked

06:59

015 Diving Deeper Into Sessions (Beyond Authentication) [Day 72]

Locked

19:03

017 Authorization vs Authentication [Day 73]

Locked

12:13

018 Practicing Sessions & Working With Sessions [Day 73]

Locked

06:26

019 Writing Custom Middlewares & Using res.locals [Day 73]

Locked

13:40

020 Module Summary [Day 73]

Locked

02:20

001 Module Introduction [Day 74]

Locked

02:11

002 Authentication vs Website Security [Day 74]

Locked

03:03

003 00 starting projects

Locked

DOC

003 Understanding CSRF Attacks [Day 74]

Locked

14:03

004 Partial CSRF Protection With Same Site Cookies [Day 74]

Locked

05:17

005 Implementing A Better CSRF Protection [Day 74]

Locked

08:19

007 Understanding XSS Attacks [Day 74]

Locked

09:49

008 Protecting Against XSS Attacks [Day 74]

Locked

12:23

009 Understanding SQL Injection Attacks [Day 75]

Locked

08:57

010 Protecting Against SQL Injection Attacks [Day 75]

Locked

05:22

011 A Word About NoSQL Injection [Day 75]

Locked

01:19

012 Module Summary [Day 75]

Locked

02:04

013 Avoid Exposing Your Server side Code or Data Accidentally! [Day 75]

Locked

05:04

001 Module Introduction [Day 75]

Locked

02:32

002 00 starting project

Locked

DOC

002 Our Starting Project (Deep Dive) [Day 75]

Locked

18:32

003 What's Wrong With Our Code [Day 75]

Locked

04:58

004 Splitting Our Routes [Day 76]

Locked

05:31

005 Extracting Configuration Settings [Day 76]

Locked

06:58

006 Extracting Custom Middleware [Day 76]

Locked

06:26

007 An Introduction To The MVC Pattern [Day 76]

Locked

04:45

008 Creating Our First Model [Day 76]

Locked

11:21

009 Adding Update & Delete Functionalities To The Model [Day 76]

Locked

09:38

010 Adding Fetch Functionalities To The Model [Day 76]

Locked

11:16

011 Adding A First Controller & Controller Actions [Day 77]

Locked

07:54

012 Refactoring The Sessions & Input Validation Errors Functionality [Day 77]

Locked

18:30

013 Refactoring The CSRF Token Handling [Day 77]

Locked

06:21

014 Migrating The Authentication Functionality To MVC [Day 77]

Locked

08:00

015 Improving Asynchronous Error Handling [Day 78]

Locked

05:13

016 Protecting Routes With Custom Middleware [Day 78]

Locked

14:39

001 Module Introduction [Day 78]

Locked

04:00

002 Planning The Project [Day 78]

Locked

07:35

003 Your Challenge! [Day 78]

Locked

01:51

004 Course Project Setup [Day 78]

Locked

07:21

005 Creating Folders, Files & A First Set Of Routes [Day 78]

Locked

15:41

006 Adding EJS & First Views [Day 79]

Locked

13:44

007 Populating & Rendering The First View [Day 79]

Locked

12:51

008 Adding Base CSS Files & Static File Serving [Day 79]

Locked

11:10

009 Adding CSS Variables & A Website Theme [Day 79]

Locked

09:24

010 More Base CSS Styles For The Website [Day 80]

Locked

13:28

011 Styling First Form Elements [Day 80]

Locked

09:54

012 Adding A MongoDB Database Server & Connection [Day 80]

Locked

13:56

013 Adding User Signup [Day 81]

Locked

21:44

014 Security Time Adding CSRF Protection [Day 81]

Locked

09:26

015 Implementing Proper Error Handling With The Error Handling Middleware [Day 81]

Locked

07:59

016 Introducing Sessions & Configuring Sessions [Day 81]

Locked

10:15

017 Implementing Authentication & User Login [Day 82]

Locked

18:26

018 Finishing Authentication & Checking The Auth Status (Custom Middleware) [Day 82]

Locked

08:09

019 Adding Logout Functionality [Day 82]

Locked

06:01

020 Handling Errors In Asynchronous Code [Day 82]

Locked

04:47

021 Adding User Input Validation [Day 82]

Locked

16:35

022 Flashing Errors & Input Data Onto Sessions [Day 83]

Locked

14:37

023 Displaying Error Messages & Saving User Input [Day 83]

Locked

16:40

024 Admin Authorization & Protected Navigation [Day 83]

Locked

10:41

025 Setting Up Base Navigation Styles [Day 83]

Locked

14:19

026 Building a Responsive Website [Day 84]

Locked

19:15

027 Frontend JavaScript For Toggling The Mobile Menu [Day 84]

Locked

11:36

028 Adding Product Admin Pages & Forms [Day 84]

Locked

19:51

029 Adding The Image Upload Functionality [Day 85]

Locked

14:37

030 More Data Adding a Product Model & Storing Products In The Database [Day 85]

Locked

14:19

031 Fetching & Outputting Product Items [Day 85]

Locked

19:21

032 Styling Product Items [Day 86]

Locked

11:43

033 Adding the Product Details (Single Product) Page [Day 86]

Locked

17:06

034 Updating Products (As Administrator) [Day 86]

Locked

18:36

035 Adding a File Upload Preview [Day 87]

Locked

14:32

036 Making Products Deletable [Day 87]

Locked

08:44

037 Using Ajax Frontend JS Requests & Updating The DOM [Day 87]

Locked

19:48

038 Various Fixes & Proper Route Protection [Day 88]

Locked

14:14

039 Outputting Products For Customers [Day 88]

Locked

11:43

040 Outputting Product Details [Day 88]

Locked

11:13

041 Adding A Cart Model [Day 89]

Locked

19:35

042 Working On The Shopping Cart Logic [Day 89]

Locked

13:18

043 Adding Cart Items Via Ajax Requests [Day 89]

Locked

17:54

044 Adding A Cart Page [Day 90]

Locked

15:58

045 Styling The Cart Page [Day 90]

Locked

08:57

046 Updating Cart Items (Changing Quantities) [Day 90]

Locked

14:02

047 Updating Carts Via Ajax Requests (PATCH Requests) [Day 90]

Locked

10:43

048 Updating The DOM After Cart Item Updates [Day 91]

Locked

12:32

050 Adding The Order Controller & A Basic Order Model [Day 91]

Locked

14:34

051 Saving Orders In The Database [Day 91]

Locked

15:36

052 Displaying Orders (For Customers & Administrators) [Day 92]

Locked

11:02

053 Managing Orders As An Administrator [Day 92]

Locked

10:10

054 Keeping Cart Items Updated [Day 92]

Locked

13:40

055 Bugfixing & Polishing [Day 92]

Locked

06:25

056 Module Summary [Day 92]

Locked

03:00

external links

Locked

DOC

001 Module Introduction [Day 93]

Locked

01:33

002 What Are Services & APIs [Day 93]

Locked

12:01

003 Why Would You Use Services & APIs [Day 93]

Locked

02:47

004 Introducing Stripe [Day 93]

Locked

04:25

005 Creating A Stripe Account [Day 93]

Locked

03:14

006 Setting Up A Stripe API Request [Day 93]

Locked

15:54

007 Configuring The Stripe Request & Handling Payments [Day 93]

Locked

09:40

008 Module Summary [Day 93]

Locked

01:14

external links

Locked

DOC

001 Module Introduction [Day 94]

Locked

02:06

002 How Are Websites Made Available To The Public [Day 94]

Locked

05:16

003 Static vs Dynamic Websites [Day 94]

Locked

04:00

004 Hosting Database Servers [Day 94]

Locked

03:53

005 Deployment (Preparation) Steps [Day 94]

Locked

03:06

006 00 starting projects

Locked

DOC

006 The Example Projects [Day 94]

Locked

04:27

007 Testing & Code Preparation (incl. Environment Variables) [Day 94]

Locked

12:32

008 Evaluating Cross Browser Support [Day 94]

Locked

05:24

009 Search Engine Optimization (SEO) [Day 94]

Locked

05:30

011 Improving Performance & Shrinking Assets (JS, Images) [Day 95]

Locked

03:21

012 Deployment Example Static Websites (Refresher) [Day 95]

Locked

05:08

013 Deployment Example Dynamic Website With Backend Code [Day 95]

Locked

10:42

014 Deploying A MongoDB Database With Atlas [Day 95]

Locked

07:14

015 Finishing Dynamic Website Deployment [Day 95]

Locked

08:12

001 Module Introduction [Day 95]

Locked

01:25

002 APIs & Services What & Why [Day 95]

Locked

04:30

003 JS Packages vs URL based APIs What We Will Build Here [Day 95]

Locked

04:02

004 APIs vs Traditional Websites [Day 95]

Locked

07:39

005 Introducing REST APIs [Day 96]

Locked

07:33

006 Building A First Basic REST API [Day 96]

Locked

08:30

007 Enhancing The API & Making It More Realistic [Day 96]

Locked

19:59

008 03 more complex api starting snapshot

Locked

DOC

008 A More Complex REST API First Steps [Day 96]

Locked

17:56

009 Finishing The First API Endpoints [Day 97]

Locked

03:26

010 Testing APIs With Postman [Day 97]

Locked

06:58

011 Adding PATCH & DELETE Routes Endpoints [Day 97]

Locked

07:44

012 06 adding a decoupled frontend

Locked

DOC

012 Adding A Decoupled Frontend Website (SPA) [Day 97]

Locked

16:20

013 Why Would You Use A Decoupled Frontend SPA [Day 97]

Locked

03:23

014 Understanding CORS Errors [Day 97]

Locked

05:40

015 Fixing CORS Errors & Connecting The Frontend SPA To The REST API [Day 97]

Locked

06:34

external links

Locked

DOC

001 Module Introduction [Day 98]

Locked

04:27

002 Why Would You Use Frontend JavaScript UI Frameworks [Day 98]

Locked

06:52

003 React vs Vue vs Angular Which Framework Should You Use [Day 98]

Locked

02:45

004 06 adding a decoupled frontend

Locked

DOC

004 Getting Started With Vue.js (Vue) [Day 98]

Locked

13:39

005 Listening To Events & Updating Data + the DOM [Day 98]

Locked

07:29

006 Introducing Two Way Binding [Day 98]

Locked

05:04

007 Outputting Lists Of Data [Day 99]

Locked

08:29

008 Outputting Content Conditionally [Day 99]

Locked

03:21

009 Updating Data [Day 99]

Locked

11:19

010 Deleting Data [Day 99]

Locked

05:05

011 Sending a POST Http Request [Day 99]

Locked

06:55

012 Loading Data & Managing Loading States [Day 99]

Locked

09:42

013 Loading Vue Differently [Day 99]

Locked

02:10

014 Sending PATCH + DELETE Requests & Module Summary [Day 99]

Locked

06:21

001 Bonus Possible Next Steps, Practice Opportunities & Project Ideas [Day 100]

Locked

05:10

external links

Locked

DOC

Course Description

Embark on a comprehensive journey into the world of professional software development. This course is meticulously designed to take you from a foundational understanding to building complex, industry-grade applications. In today's fast-paced world, mastering high-value skills is no longer just an option—it's a necessity for those who want to stand out and achieve lasting success. This course isn't just about theory; it's about transformation. We've condensed years of professional experience, countless trials, and proven successes into a structured, step-by-step blueprint that you can follow to achieve world-class results.

Why This Course is Different

• Deep dive into modern architectural patterns and best practices.
• Hands-on experience with the latest industry frameworks and tools.
• Portfolio-focused projects that demonstrate your engineering capabilities.
• Guidance on passing technical interviews and landing your dream job.

A Comprehensive Learning Journey

From the very first module, you'll be immersed in practical, hands-on activities designed to bridge the gap between knowledge and action. We cover everything from foundational principles to advanced techniques that even many industry veterans overlook. By the end of this course, you won't just 'know' the subject; you will have the confidence and the evidence (through your projects) to prove your mastery to yourself and to the world at large. Welcome to the elite level of performance.

Requirements

Familiarity with command-line tools is helpful but not required.
Motivation to practice coding daily and solve problems.
A computer (Mac, PC, or Linux) with administrative access.
Basic understanding of programming logic and syntax.
Standard internet connection for downloading packages.

Target Audience

Self-taught programmers wanting to solidify their knowledge.
Aspiring developers looking to enter the tech industry.
Computer science students seeking practical, real-world skills.

Feedback Reviews

5

View Course Preview

Course Price

$4.52 $31.28

SAVE 86%

Pricing Window Active

00:00:00

Allocations Remaining 7 / 15

This Course Includes:

612 On-demand Videos (78h 38m)

37 Downloadable Resources

Full Lifetime Access

Access on Mobile and TV

Certificate of Completion

Total Valuation $4.52

Enroll via One-Time Payment

Secure Payment Processing: SSL-AES256

Secured

Eternal

Flash

Total Price

$31.28 $4.52

```

Home Store Packs Play Boss

SALE

NOW

Verified User

Enrolled Premium