1 Welcome to This Course! [Day 1] Demo 01:10 2 What Is "Web Development" & How Does The Web Work? [Day 1] 07:51 3 The Three Key Programming Languages [Day 1] 05:23 4 How The Web Works: A Deep Dive [Day 1] 08:09 5 The 100 Days of Code Challenge! [Day 1] 03:51 6 How To Get The Most Out Of This Course [Day 1] 03:40 7 Stuck in the Course? We Got you Covered! [Day 1] 03:24 8 Module Introduction [Day 1] 02:24 9 How to Create a Website [Day 1] 05:20 10 Creating our First HTML Page [Day 1] 08:29 11 Setting Up a Development Environment [Day 2] 11:23 12 Why Visual Studio Code? [Day 2] 02:07 13 Understanding HTML Elements [Day 2] 06:03 14 Which HTML Elements Exist? [Day 2] 07:17 15 Adding Another HTML Element [Day 2] 07:25 16 Exploring HTML Attributes [Day 2] 04:34 17 Getting Started with CSS (Day 2) 06:18 18 02:39 19 Working with Colors [Day 3] 08:13 20 Formatting our Code [Day 3] 04:17 21 Working with the Browser Developer Tools [Day 3] 06:14 22 06:41 23 You can Nest HTML Elements! [Day 3] 02:19 24 Using Global CSS Styles [Day 3] 07:50 25 The HTML Document Skeleton & Metadata [Day 3] 07:37 26 Visual Studio Code Shortcuts & Tricks [Day 3] 07:50 27 06:25 28 Styling the Anchor Element Also with Pseudo Hover [Day 4] 04:50 29 Why it's Called Cascading Style Sheets [Day 4] 02:26 30 Storing CSS Code in External Files [Day 4] 06:24 31 The Void Element Syntax [Day 4] 01:23 32 Multiple Files & Requests [Day 4] 06:07 33 Selecting Single Elements with the ID Selector [Day 4] 05:40 34 Working with "font-size" and "px" [Day 4] 05:16 35 Using Other Fonts from Google Fonts [Day 4] 08:14 36 04:49 37 Styling the Image & Using the Body Tag [Day 5] 07:49 38 Styling the Overall Page Background [Day 5] 01:59 39 Adding a Second HTML File [Day 5] 05:36 40 Using a Shared CSS File [Day 5] 04:45 41 Organizing Source Files in Folders [Day 5] 03:12 42 03:55 43 Module Introduction [Day 6] 01:57 44 Using the Live Server Extension [Day 6] 03:39 45 Understanding Lists [Day 6] 05:03 46 08:02 47 Understanding Parents, Children, Containers & More [Day 6] 08:45 48 Understanding Cascading, Inheritance & Specificity [Day 6] 08:02 49 Styling the Full Week Page [Day 6] 06:21 50 Introducing the CSS Box Model [Day 7] 07:03 51 Using the CSS Box Model [Day 7] 08:52 52 Creating HTML Layouts [Day 7] 07:23 53 Theory: Selectors & Combinators [Day 7] 04:09 54 Using Selectors & Combinators [Day 7] 10:45 55 Understanding Classes [Day 7] 06:23 56 Block vs Inline Elements [Day 7] 08:19 57 Styling Differences Between Block & Inline Elements [Day 8] 09:16 58 Understanding Margin Collapsing [Day 8] 04:44 59 The "box-shadow" Property [Day 8] 06:25 60 01:44 61 Creating the HTML Layout [Day 8] 04:29 62 Styling the Main Section [Day 8] 05:39 63 Styling Images & Working with Negative Margins [Day 8] 05:16 64 Finishing Touches [Day 8] 04:09 65 05:41 66 Module Introduction [Day 9] 02:45 67 02:18 68 Creating the Core Structure [Day 9] 11:22 69 Adding the Header Content [Day 9] 03:35 70 Adding Header Styling [Day 9] 12:09 71 Spacing & the CSS Box Model [Day 9] 05:13 72 Adding the Main Content [Day 9] 11:12 73 Styling the Main Content [Day 10] 06:57 74 Styling List Items & Links [Day 10] 16:58 75 Adding the Footer [Day 10] 12:57 76 Introducing New HTML Elements [Day 10] 05:38 77 Organizing our Files [Day 10] 01:59 78 01:23 79 Module Introduction [Day 11] 02:30 80 What is "Hosting" & "Deployment"? [Day 11] 03:17 81 Hosting a First Static Website (Example Deployment on Netlify) [Day 11] 02:24 82 More Information On Netlify & HTTPS [Day 11] 01:58 83 Adding a Favicon [Day 11] 06:17 84 Relative vs Absolute Paths [Day 11] 05:37 85 Module Introduction [Day 11] 02:20 86 What are Git & GitHub? [Day 11] 06:03 87 Command Line Interface (CLI) vs Graphical User Interface (GUI) [Day 11] 05:25 88 Optional: MacOS Terminal (z Shell) Crash Course [Day 11] 18:00 89 Optional: Windows Command Prompt (cmd) Crash Course [Day 12] 13:10 90 Git: MacOS Installation [Day 12] 04:25 91 Git: Windows Installation [Day 12] 09:21 92 Understanding the Git Basics [Day 12] 04:35 93 Initializing the Repository & Creating our First Commit [Day 12] 18:52 94 Understanding Branches, Merging & Fixing Merge Conflicts [Day 13] 13:11 95 Deleting Branches & Commits, Reverting Staged & Unstaged Changes [Day 13] 13:54 96 Onwards to GitHub - What & Why? [Day 13] 04:36 97 Creating a GitHub Account & a Remote Repository [Day 13] 12:26 98 Understanding the Personal Access Token & "git clone" [Day 14] 14:50 99 Collaborating on Projects - Collaborators & Organizations [Day 14] 20:16 100 Contributing to Projects - Forks & Pull Requests [Day 14] 13:33 101 05:12 102 Module Introduction [Day 15] 01:23 103 Project Overview - What we Will Build [Day 15] 02:05 104 03:46 105 Creating the Landing Page Structure [Day 15] 05:01 106 Adding the Page Logo [Day 15] 08:22 107 Adding the Page Navigation [Day 15] 04:20 108 Introducing CSS Flexbox [Day 15] 08:46 109 Aligning Flex Items [Day 15] 04:14 110 Your Flexbox Challenge! [Day 16] 03:07 111 Adding Flexbox to our Project [Day 16] 05:38 112 Adding a Background Image [Day 16] 08:45 113 Creating a Container for the Hero-Content [Day 16] 05:21 114 Positioning Elements [Day 16] 06:06 115 Styling the Hero Content [Day 16] 08:40 116 Understanding Fixed & Absolute Positioning [Day 16] 07:56 117 Working with % Units & Creating a Top Navigation Bar [Day 17] 06:59 118 Finishing the Header [Day 17] 08:21 119 Introducing the "Highlights" Section [Day 17] 02:16 120 Creating the HTML Code [Day 17] 10:37 121 Building the Flex Container [Day 17] 06:32 122 Flex Item Layout [Day 17] 05:27 123 Styling Images with "object-fit" [Day 17] 06:08 124 06:25 125 Understanding Parent - Child Margin Collapsing [Day 18] 03:33 126 Working with CSS Functions - Linear Gradients [Day 18] 05:40 127 01:58 128 Creating a Footer Section [Day 18] 03:44 129 Styling the Footer [Day 18] 07:36 130 Places Page - Overview & Preparations [Day 18] 05:13 131 Creating the Card Content [Day 18] 07:05 132 Using "position: static" [Day 18] 07:40 133 Creating the Card Look [Day 19] 03:54 134 Understanding "overflow" & Your Challenge! [Day 19] 06:32 135 Solving the Challenge [Day 19] 11:33 136 Creating all Cards [Day 19] 09:07 137 The CSS Grid - Theory [Day 19] 10:21 138 Understanding the "nth-type" Selector & "grid-template-columns" [Day 19] 06:51 139 Your Grid Challenge [Day 20] 07:14 140 Working with Unicode UTF-8 [Day 20] 04:32 141 Finishing Touches [Day 20] 06:37 142 04:53 143 Module Introduction [Day 20] 02:02 144 Project Overview [Day 20] 04:40 145 Optional: Your Challenge - Creating the HTML Structure [Day 20] 06:56 146 Optional: Challenge Solution - The HTML Structure [Day 20] 12:58 147 Optional: Styling the Header [Day 21] 14:57 148 Optional: Styling the "main" Section [Day 21] 16:40 149 What is Responsive Design? [Day 21] 05:49 150 The Problem with Pixels [Day 21] 05:46 151 Introducing "em" & "rem" [Day 21] 03:53 152 Applying "em" & "rem" for the Font Size [Day 22] 13:08 153 Deep Dive: "em" vs "rem" vs "%" [Day 22] 09:05 154 Updating the Project Units [Day 22] 10:04 155 Comparing Desktop & Mobile First Design [Day 22] 05:17 156 Understanding Media Queries [Day 22] 08:54 157 Adding Media Queries to the Project [Day 23] 09:21 158 Your Media Queries Challenge! [Day 23] 08:08 159 Side Drawer & Hamburger Icon - Theory [Day 23] 04:17 160 Creating the Hamburger Button [Day 23] 09:55 161 Creating the Side Drawer [Day 23] 12:05 162 Understanding HTML Fragments [Day 23] 05:53 163 Understanding the Target Selector [Day 24] 04:30 164 Finishing the Side Drawer [Day 24] 06:43 165 03:24 166 Module Introduction [Day 24] 04:38 167 Three Things to Keep in Mind [Day 24] 03:45 168 Introducing the Module Project [Day 24] 06:03 169 Sizing & Spacing [Day 24] 06:39 170 Choosing the Right Font [Day 24] 09:10 171 Understanding The Importance of Grey, Primary & Accent Colors [Day 24] 05:40 172 Introducing CSS Variables / CSS Custom Properties [Day 25] 08:23 173 CSS Variables in Action [Day 25] 16:29 174 Comparing "root" vs "html" vs "*" Selectors [Day 25] 03:59 175 Understanding CSS Transformations [Day 25] 06:42 176 Adding CSS Transitions [Day 25] 14:36 177 Working with SVGs [Day 25] 06:03 178 Module Introduction [Day 26] 02:16 179 03:33 180 Important Form HTML Elements [Day 26] 02:51 181 Our First Input Element [Day 26] 06:36 182 04:24 183 The Form Element, Form Submission & Different Types of Requests [Day 26] 18:07 184 Styling the Form Element [Day 27] 03:40 185 04:23 186 More Detailed Forms Styling [Day 27] 12:46 187 Understanding Different Input Types [Day 27] 05:12 188 Understanding Email, Numbers, Password & Date Types [Day 27] 08:08 189 Working with Radio Buttons [Day 27] 11:06 190 Using Checkboxes [Day 28] 04:56 191 The Textarea Element For Longer Text [Day 28] 04:13 192 Adding a Dropdown [Day 28] 04:30 193 Forms & Semantics (Structuring Forms) [Day 28] 10:26 194 More on Form Buttons [Day 28] 04:44 195 Validation Attributes [Day 28] 09:58 196 More Input & Form Attributes [Day 28] 05:15 197 02:09 198 Challenge: Base Page Structure & Styling [Day 29] 06:26 199 Challenge: First Set of Input Elements [Day 29] 07:20 200 Challenge: Adding Remaining Elements [Day 29] 05:04 201 Challenge: Submission & Validation [Day 29] 03:44 202 Challenge: Styling [Day 29] 12:19 203 Module Introduction [Day 29] 01:13 204 What is JavaScript & Why would we use it? [Day 29] 07:36 205 What You Will Learn In this Module [Day 29] 02:37 206 Introducing Values & Variables [Day 29] 04:28 207 Adding the "script" HTML Element [Day 30] 02:53 208 Working with Values & Basic JavaScript Commands [Day 30] 05:44 209 Introducing Variables ("Data Containers") [Day 30] 08:16 210 A Closer Look At The JavaScript Syntax [Day 30] 03:11 211 A Second Variable & Practice Time! [Day 30] 04:25 212 Outsourcing JavaScript Code Into External Files [Day 30] 07:12 213 Introducing Arrays (Managing Lists Of Data) [Day 30] 06:53 214 Introducing Objects (Grouping Related Data) [Day 30] 06:42 215 Splitting Code Across Multiple Lines [Day 31] 04:33 216 Accessing Object Properties [Day 31] 02:08 217 Performing Operations [Day 31] 07:13 218 Onwards To Custom Commands! [Day 31] 04:08 219 Introducing Functions [Day 31] 07:15 220 Functions & Variables [Day 31] 04:30 221 Returning Values In Functions [Day 31] 06:22 222 Passing Data Into Functions With Parameters [Day 31] 05:41 223 Functions - A Summary [Day 31] 01:47 224 Time To Practice: The Problem [Day 32] 04:40 225 Time To Practice: The Solution [Day 32] 19:17 226 Introducing Methods [Day 32] 05:48 227 Making Our Developer Life Easier (Logging with console.log()) [Day 32] 06:22 228 Math Operations & Working With Different Kinds Of Values [Day 32] 03:12 229 The Modulus Operator [Day 32] 01:59 230 Math Operations & Math Rules [Day 32] 06:07 231 Performing String (Text) Operations [Day 32] 03:04 232 String Operations & String Methods [Day 32] 04:09 233 Basic Array Operations [Day 33] 02:18 234 02:46 235 Module Introduction [Day 33] 01:51 236 Our Starting Setup [Day 33] 01:10 237 The Global "window" & "document" Objects [Day 33] 06:19 238 What Is "The DOM"? [Day 33] 04:10 239 Exploring The DOM [Day 33] 07:33 240 Drilling Into The DOM To Select & Change HTML Elements [Day 33] 07:50 241 Loading Our Script Correctly [Day 33] 03:50 242 The DOM Tree & DOM Traversal [Day 33] 06:57 243 Drilling Into The DOM & Exploring Text Nodes [Day 34] 06:57 244 DOM Drilling Limitations [Day 34] 03:06 245 Searching The DOM For Elements [Day 34] 04:06 246 Querying Elements [Day 34] 05:16 247 Time to Practice: The Problem [Day 34] 04:53 248 Time to Practice: The Solution [Day 34] 14:12 249 01:19 250 Inserting New HTML Elements via JavaScript [Day 34] 08:36 251 Deleting DOM Elements [Day 35] 03:15 252 Moving Existing Elements Around [Day 35] 02:44 253 Working with "innerHTML" [Day 35] 07:22 254 Introducing Events [Day 35] 02:17 255 Adding a First "click" Event Listener [Day 35] 10:42 256 Listening To User Input Events [Day 35] 05:17 257 The "event" Object [Day 35] 07:41 258 A More Realistic Demo & Example [Day 36] 18:45 259 Introducing "Constant Variables" ("Constants") [Day 36] 12:26 260 Changing Element Styles With JavaScript [Day 36] 08:12 261 Managing CSS Classes With JavaScript [Day 36] 09:02 262 05:55 263 Time to Practice: The Problem [Day 37] 06:18 264 Time to Practice: The Solution [Day 37] 18:42 265 Module Introduction [Day 37] 01:06 266 Getting Started with "Control Structures" [Day 37] 04:49 267 Introducing Boolean Values ("Booleans") & Comparison Operators [Day 37] 08:20 268 Booleans & Comparison Operators In Action [Day 37] 08:44 269 Using Booleans In "if" Statements (Conditional Code Execution) [Day 37] 01:27 270 03:06 271 Alternatives with "else" and "else if" [Day 38] 10:13 272 More on Boolean Values [Day 38] 05:04 273 "Truthy" & "Falsy" Values [Day 38] 04:23 274 Introducing Loops (Repeated Code Execution) [Day 38] 06:02 275 The Regular "for" Loop [Day 38] 06:23 276 The "for-of" Loop (for Arrays) [Day 38] 02:55 277 The "for-in" Loop (for Objects) [Day 38] 04:40 278 The "while" Loop [Day 38] 03:15 279 Practice Time: Setup & The "for" Loop [Day 39] 13:55 280 Practice Time: The "for-of" Loop [Day 39] 05:49 281 Practice Time: The "for-in" Loop [Day 39] 08:57 282 Practice Time: The "while" Loop [Day 39] 17:35 283 03:13 284 Module Introduction [Day 40] 04:48 285 Planning The Project [Day 40] 03:31 286 Creating The HTML Structure [Day 40] 21:23 287 Adding Base Page Styles [Day 40] 14:50 288 Adding Styling For The Game Configuration Area [Day 41] 20:40 289 Styling The Game Board [Day 41] 12:11 290 Adding JavaScript, Script Files & First Event Listeners [Day 41] 10:49 291 Showing & Hiding The Configuration Modal (Overlay) [Day 41] 07:48 292 Handling Form Submission With JavaScript [Day 42] 15:09 293 Validating User Input With JavaScript [Day 42] 17:11 294 Storing & Managing Submitted Data [Day 42] 21:12 295 Adding Logic For Starting A Game [Day 43] 08:09 296 Managing Game Rounds (Turns) & Field Selection [Day 43] 18:59 297 Tracking Selected Fields On The Game Board [Day 43] 12:17 298 Checking For A Winner Or Draw [Day 44] 24:12 299 Ending The Game & Adding Restart Logic [Day 44] 19:48 300 03:54 301 Module Introduction [Day 45] 03:14 302 06:32 303 Third-Party Code vs Custom Code ("Your Own Code") [Day 45] 01:59 304 First Example: Adding Bootstrap For Some Default Styling [Day 45] 03:19 305 Adding & Using the Bootstrap CSS Package [Day 45] 04:22 306 Adding a JavaScript Package [Day 45] 03:00 307 Adding an Image Carousel / Gallery with a Third-Party Package [Day 45] 04:20 308 Combining Third-Party Packages With Custom Code [Day 45] 06:23 309 More Bootstrap Examples [Day 45] 04:53 310 Exercise Solution & First Summary [Day 45] 04:54 311 Another Example: Preparing a Parallax Page [Day 45] 08:30 312 Adding A Parallax Effect Package [Day 46] 09:11 313 Viewing Third-Party Source Code & Module Summary [Day 46] 02:33 314 Module Introduction [Day 46] 01:33 315 What is "The Backend" & Why Do We Need Server-side Code? [Day 46] 09:27 316 Frontend vs Backend vs Fullstack Development [Day 46] 06:03 317 Choosing a Backend (Server-side) Programming Language [Day 46] 07:52 318 Module Introduction [Day 47] 01:18 319 Installing NodeJS [Day 47] 06:01 320 Executing NodeJS Code [Day 47] 09:21 321 Creating a Custom NodeJS Server [Day 47] 12:37 322 Handling Requests & Creating Custom Responses [Day 47] 13:26 323 Doing More Server-side Work [Day 47] 07:01 324 02:13 325 Module Introduction [Day 48] 03:31 326 Installing Express with "npm" [Day 48] 12:58 327 Creating a Server with Express & Handling Requests + Responses [Day 48] 10:57 328 Parsing User Data With Express [Day 48] 17:48 329 Storing Data in (Server-side) Files [Day 48] 13:45 330 Reading File Data & Returning Dynamic Responses (Dynamic HTML Code) [Day 49] 06:26 331 Enhancing the Developer Workflow with "nodemon" [Day 49] 08:35 332 03:01 333 Module Introduction [Day 49] 02:30 334 Creating a Starting Project & What Needs To Change [Day 49] 07:31 335 Setting Up A Basic Express App (incl. Practice) [Day 49] 04:51 336 Serving HTML Files With Node & Express [Day 49] 12:58 337 Serving Static Files (CSS & JavaScript) [Day 50] 08:05 338 Parsing Form Data & Redirecting Requests [Day 50] 11:52 339 Adding the EJS Template Engine [Day 50] 09:46 340 Rendering Dynamic Content With Templates [Day 50] 06:29 341 Outputting Repeated Content With EJS & Loops [Day 50] 07:04 342 Rendering Conditional Content [Day 50] 03:16 343 Including Partial Content [Day 51] 14:54 344 EJS & IDE Support [Day 51] 02:18 345 03:57 346 Module Introduction [Day 51] 01:25 347 Introducing Dynamic Routes [Day 51] 16:51 348 Managing Data with Unique IDs [Day 51] 10:33 349 Loading & Displaying Detail Data [Day 52] 07:13 350 Showing a 404 Page For "Not Found" Cases [Day 52] 06:41 351 More 404 Page Usage (Non-Existent Routes) [Day 52] 05:50 352 Handling Server-Side Errors (500 Status Code) [Day 52] 08:35 353 Working With Status Codes [Day 52] 07:37 354 Code Refactoring & Adding More Functions [Day 52] 10:24 355 Importing & Exporting Code In NodeJS [Day 53] 12:46 356 Using The Express Router To Split The Route Configuration [Day 53] 13:44 357 Introducing Query Parameters (& Hidden Form Fields) [Day 53] 20:29 358 02:35 359 Module Introduction [Day 54] 05:19 360 Functions & Default Parameters [Day 54] 06:36 361 Rest Parameters & The Spread Operator [Day 54] 11:58 362 Functions Are Objects! [Day 54] 06:04 363 Working with Template Literals [Day 54] 03:57 364 Primitive vs Reference Values [Day 54] 17:42 365 Custom Error Handling With try / catch [Day 55] 10:13 366 Variable Scoping & Shadowing [Day 55] 08:17 367 Introducing Classes As Object Blueprints [Day 55] 11:54 368 Classes & Methods (and "this") [Day 55] 05:24 369 Destructuring Objects & Arrays [Day 55] 08:22 370 Diving Into Asynchronous Code & Callback Functions [Day 56] 13:23 371 Introducing Promises [Day 56] 07:20 372 Asynchronous Code & Error Handling [Day 56] 02:40 373 Improving Code With async / await [Day 56] 06:53 374 05:26 375 Module Introduction [Day 56] 01:32 376 Why Databases? And What Are Databases In The First Place? [Day 56] 08:20 377 A Quick Introduction To SQL Databases (RDBMS) [Day 57] 06:46 378 A Quick Introduction To NoSQL Databases [Day 57] 04:19 379 SQL vs NoSQL Databases [Day 57] 05:00 380 Module Introduction [Day 57] 02:46 381 05:54 382 02:57 383 Installing MySQL & Setup Steps [Day 57] 13:04 384 Database Server vs Databases vs Tables [Day 57] 03:26 385 Writing Our First SQL Code & Creating a Database [Day 57] 07:13 386 Creating a Table & Table Structure [Day 58] 13:36 387 Inserting Data Into A Table [Day 58] 04:10 388 Reading Data From A Table (incl. Filtering) [Day 58] 09:18 389 Updating & Deleting Data [Day 58] 05:49 390 Designing A More Complex Database [Day 58] 05:26 391 Adding A New Table [Day 58] 08:08 392 Implementing A More Complex Design With Relations [Day 59] 15:14 393 Inserting Related Data [Day 59] 07:54 394 Practice: Inserting Related Data [Day 59] 05:25 395 Querying & Joining Related Data [Day 59] 08:49 396 Practice: Joining Data [Day 59] 04:58 397 Module Summary & More On Relationships [Day 59] 04:35 398 Module Introduction [Day 60] 01:50 399 Why Should Database-Accessing Code Run On The Backend? [Day 60] 03:30 400 What We'll Build In This Section [Day 60] 03:59 401 Planning Our Database Structure [Day 60] 05:00 402 Database Initialization [Day 60] 09:51 403 07:03 404 Creating Our First Routes [Day 60] 08:20 405 Connecting To The Database & Querying Data [Day 61] 16:41 406 Inserting Data With Placeholders (Injecting Dynamic Data) [Day 61] 14:02 407 Fetching & Displaying a List Of Blog Posts [Day 61] 13:12 408 Fetching & Displaying a Single Blog Post [Day 62] 16:46 409 Formatting & Transforming Fetched Data [Day 62] 08:08 410 Preparing The "Update Post" Page [Day 62] 08:43 411 06:28 412 04:25 413 02:18 414 Module Introduction [Day 63] 01:34 415 The Idea Behind NoSQL Database Systems [Day 63] 09:23 416 Introducing MongoDB [Day 63] 01:36 417 General Setup Instructions & Installing MongoDB on macOS [Day 63] 17:42 418 Installing MongoDB on Windows [Day 63] 08:58 419 Installing the MongoDB Shell [Day 63] 05:18 420 Inserting Data with MongoDB [Day 63] 10:18 421 Reading & Filtering Data [Day 64] 06:00 422 Updating Documents In A MongoDB Database [Day 64] 06:02 423 Deleting Documents With MongoDB [Day 64] 02:27 424 Planning a Complete Database Design / Layout [Day 64] 08:48 425 Implementing the Planned Design & Layout [Day 64] 13:03 426 Practice Time & More Filtering Operators [Day 64] 07:59 427 Module Introduction [Day 65] 02:39 428 Planning the Database Structure & Layout [Day 65] 09:49 429 Project & Database Initialization [Day 65] 06:48 430 Connecting to MongoDB (from inside NodeJS) [Day 65] 13:07 431 Fetching & Displaying A List Of Authors [Day 65] 08:45 432 Inserting Documents (New Posts) [Day 65] 14:43 433 Fetching & Displaying Documents [Day 66] 10:28 434 Fetching a Single Document [Day 66] 09:45 435 Transforming & Preparing Data [Day 66] 05:11 436 Updating Documents [Day 66] 11:59 437 Deleting Documents [Day 66] 04:17 438 ExpressJS & Handling Asynchronous Code Errors [Day 67] 06:55 439 Module Introduction [Day 67] 02:01 440 The Two Sides Of Uploading Files & Setting Up A Starting Project [Day 67] 03:41 441 Adding A File Picker To A Form [Day 67] 08:06 442 Parsing Incoming File Uploads With The "multer" Package [Day 67] 09:31 443 How To Store Files On A Backend [Day 67] 07:22 444 Configuring Multer In-Depth [Day 67] 07:47 445 Storing File Data In A Database (And What NOT To Store) [Day 68] 03:26 446 Serving Uploaded Files To Website Visitors [Day 68] 09:05 447 Adding An Image Preview Feature [Day 68] 10:24 448 02:49 449 Module Introduction [Day 68] 01:44 450 What Is Ajax? And Why Would We Need It? [Day 68] 09:27 451 10:59 452 The Starting Project & A Problem [Day 69] 05:23 453 Sending & Handling a GET Ajax Request [Day 69] 19:10 454 Updating The DOM Based On The Response [Day 69] 08:44 455 Preparing The POST Request Data [Day 69] 07:58 456 Sending & Handling a POST Ajax Request [Day 69] 15:29 457 Improving The User Experience (UX) [Day 70] 05:58 458 Handling Errors (Server-side & Technical) [Day 70] 08:01 459 We Now Have More HTTP Methods! [Day 70] 08:20 460 04:26 461 Module Introduction [Day 70] 02:41 462 What is "Authentication" & Why Would You Want To Add It To A Website? [Day 70] 04:00 463 Our Starting Project [Day 70] 04:48 464 Adding a Basic Signup Functionality [Day 70] 08:21 465 Must-Do: Hashing Passwords [Day 71] 07:00 466 Adding User Login Functionality [Day 71] 08:48 467 Validating Signup Information [Day 71] 05:38 468 Introducing Sessions & Cookies - The Stars Of Authentication [Day 71] 12:23 469 Adding Sessions Support To Our Website [Day 71] 12:11 470 Storing Authentication Data In Sessions [Day 72] 07:23 471 Using Sessions & Cookies For Controlling Access [Day 72] 11:40 472 Adding The Logout Functionality [Day 72] 04:37 473 A Closer Look At Cookies [Day 72] 07:01 474 Diving Deeper Into Sessions (Beyond Authentication) [Day 72] 19:04 475 Authorization vs Authentication [Day 73] 12:14 476 Practicing Sessions & Working With Sessions [Day 73] 06:27 477 Writing Custom Middlewares & Using "res.locals" [Day 73] 13:41 478 02:21 479 Module Introduction [Day 74] 02:12 480 Authentication vs Website Security [Day 74] 03:04 481 Understanding CSRF Attacks [Day 74] 14:04 482 Partial CSRF Protection With "Same-Site" Cookies [Day 74] 05:18 483 Implementing A Better CSRF Protection [Day 74] 08:21 484 Understanding XSS Attacks [Day 74] 09:51 485 Protecting Against XSS Attacks [Day 74] 12:24 486 Understanding SQL Injection Attacks [Day 75] 08:58 487 Protecting Against SQL Injection Attacks [Day 75] 05:23 488 A Word About NoSQL Injection [Day 75] 01:20 489 02:06 490 Avoid Exposing Your Server-side Code or Data Accidentally! [Day 75] 05:06 491 Module Introduction [Day 75] 02:33 492 Our Starting Project (Deep Dive) [Day 75] 18:34 493 What's Wrong With Our Code? [Day 75] 05:00 494 Splitting Our Routes [Day 76] 05:32 495 Extracting Configuration Settings [Day 76] 06:59 496 Extracting Custom Middleware [Day 76] 06:27 497 An Introduction To The MVC Pattern [Day 76] 04:46 498 Creating Our First Model [Day 76] 11:23 499 Adding Update & Delete Functionalities To The Model [Day 76] 09:39 500 Adding Fetch Functionalities To The Model [Day 76] 11:17 501 Adding A First Controller & Controller Actions [Day 77] 07:55 502 Refactoring The Sessions & Input Validation Errors Functionality [Day 77] 18:31 503 Refactoring The CSRF Token Handling [Day 77] 06:23 504 Migrating The "Authentication" Functionality To MVC [Day 77] 08:02 505 Improving Asynchronous Error Handling [Day 78] 05:14 506 Protecting Routes With Custom Middleware [Day 78] 14:40 507 Module Introduction [Day 78] 04:01 508 Planning The Project [Day 78] 07:36 509 01:53 510 Course Project Setup [Day 78] 07:22 511 Creating Folders, Files & A First Set Of Routes [Day 78] 15:43 512 Adding EJS & First Views [Day 79] 13:45 513 Populating & Rendering The First View [Day 79] 12:52 514 Adding Base CSS Files & Static File Serving [Day 79] 11:11 515 Adding CSS Variables & A Website Theme [Day 79] 09:25 516 More Base CSS Styles For The Website [Day 80] 13:29 517 Styling First Form Elements [Day 80] 09:55 518 Adding A MongoDB Database Server & Connection [Day 80] 13:57 519 Adding User Signup [Day 81] 21:45 520 Security Time: Adding CSRF Protection [Day 81] 09:27 521 Implementing Proper Error Handling With The Error Handling Middleware [Day 81] 08:00 522 Introducing Sessions & Configuring Sessions [Day 81] 10:16 523 Implementing Authentication & User Login [Day 82] 18:27 524 Finishing Authentication & Checking The Auth Status (Custom Middleware) [Day 82] 08:10 525 Adding Logout Functionality [Day 82] 06:02 526 Handling Errors In Asynchronous Code [Day 82] 04:48 527 Adding User Input Validation [Day 82] 16:37 528 Flashing Errors & Input Data Onto Sessions [Day 83] 14:38 529 Displaying Error Messages & Saving User Input [Day 83] 16:41 530 Admin Authorization & Protected Navigation [Day 83] 10:43 531 Setting Up Base Navigation Styles [Day 83] 14:20 532 Building a Responsive Website [Day 84] 19:16 533 Frontend JavaScript For Toggling The Mobile Menu [Day 84] 11:37 534 Adding Product Admin Pages & Forms [Day 84] 19:52 535 Adding The Image Upload Functionality [Day 85] 14:38 536 More Data: Adding a Product Model & Storing Products In The Database [Day 85] 14:20 537 Fetching & Outputting Product Items [Day 85] 19:22 538 Styling Product Items [Day 86] 11:44 539 Adding the "Product Details" (Single Product) Page [Day 86] 17:07 540 Updating Products (As Administrator) [Day 86] 18:37 541 Adding a "File Upload" Preview [Day 87] 14:33 542 Making Products Deletable [Day 87] 08:45 543 Using Ajax / Frontend JS Requests & Updating The DOM [Day 87] 19:49 544 Various Fixes & Proper Route Protection [Day 88] 14:15 545 Outputting Products For Customers [Day 88] 11:45 546 Outputting Product Details [Day 88] 11:15 547 Adding A Cart Model [Day 89] 19:36 548 Working On The Shopping Cart Logic [Day 89] 13:19 549 Adding Cart Items Via Ajax Requests [Day 89] 17:55 550 Adding A Cart Page [Day 90] 15:59 551 Styling The Cart Page [Day 90] 08:58 552 Updating Cart Items (Changing Quantities) [Day 90] 14:03 553 Updating Carts Via Ajax Requests (PATCH Requests) [Day 90] 10:44 554 Updating The DOM After Cart Item Updates [Day 91] 12:33 555 Adding The Order Controller & A Basic Order Model [Day 91] 14:35 556 Saving Orders In The Database [Day 91] 15:38 557 Displaying Orders (For Customers & Administrators) [Day 92] 11:03 558 Managing Orders As An Administrator [Day 92] 10:11 559 Keeping Cart Items Updated [Day 92] 13:41 560 Bugfixing & Polishing [Day 92] 06:26 561 03:01 562 Module Introduction [Day 93] 01:34 563 What Are "Services" & "APIs"? [Day 93] 12:02 564 Why Would You Use Services & APIs? [Day 93] 02:49 565 Introducing Stripe [Day 93] 04:26 566 Creating A Stripe Account [Day 93] 03:15 567 Setting Up A Stripe API Request [Day 93] 15:55 568 Configuring The Stripe Request & Handling Payments [Day 93] 09:41 569 01:15 570 Module Introduction [Day 94] 02:07 571 How Are Websites Made Available To The Public? [Day 94] 05:17 572 Static vs Dynamic Websites [Day 94] 04:01 573 Hosting Database Servers [Day 94] 03:54 574 Deployment (Preparation) Steps [Day 94] 03:07 575 The Example Projects [Day 94] 04:28 576 Testing & Code Preparation (incl. Environment Variables) [Day 94] 12:33 577 Evaluating Cross-Browser Support [Day 94] 05:25 578 Search Engine Optimization (SEO) [Day 94] 05:31 579 Improving Performance & Shrinking Assets (JS, Images) [Day 95] 03:22 580 Deployment Example: Static Websites (Refresher) [Day 95] 05:09 581 Deployment Example: Dynamic Website With Backend Code [Day 95] 10:43 582 Deploying A MongoDB Database With Atlas [Day 95] 07:15 583 Finishing Dynamic Website Deployment [Day 95] 08:13 584 Module Introduction [Day 95] 01:15 585 APIs & Services: What & Why? [Day 95] 04:31 586 JS Packages vs URL-based APIs: What We Will Build Here [Day 95] 04:03 587 APIs vs "Traditional Websites" [Day 95] 07:40 588 Introducing REST APIs [Day 96] 07:34 589 Building A First Basic REST API [Day 96] 08:31 590 Enhancing The API & Making It More Realistic [Day 96] 20:01 591 A More Complex REST API: First Steps [Day 96] 17:57 592 Finishing The First API Endpoints [Day 97] 03:27 593 Testing APIs With Postman [Day 97] 06:59 594 Adding PATCH & DELETE Routes / Endpoints [Day 97] 07:45 595 Adding A Decoupled Frontend Website (SPA) [Day 97] 16:22 596 Why Would You Use A Decoupled Frontend / SPA? [Day 97] 03:24 597 Understanding CORS Errors [Day 97] 05:41 598 Fixing CORS Errors & Connecting The Frontend SPA To The REST API [Day 97] 06:35 599 Module Introduction [Day 98] 04:28 600 Why Would You Use Frontend JavaScript UI Frameworks? [Day 98] 06:53 601 React vs Vue vs Angular: Which Framework Should You Use? [Day 98] 02:46 602 Getting Started With Vue.js ("Vue") [Day 98] 13:41 603 Listening To Events & Updating Data + the DOM [Day 98] 07:31 604 Introducing "Two-Way-Binding" [Day 98] 05:05 605 Outputting Lists Of Data [Day 99] 08:30 606 Outputting Content Conditionally [Day 99] 03:22 607 11:20 608 05:06 609 Sending a POST Http Request [Day 99] 06:56 610 Loading Data & Managing Loading States [Day 99] 09:43 611 Loading Vue Differently [Day 99] 02:11 612 Sending PATCH + DELETE Requests & Module Summary [Day 99] 06:22 613 Bonus: Possible Next Steps, Practice Opportunities & Project Ideas [Day 100] 05:12 