Skip to content

The Complete 2020 Web Development Bootcamp by Dr Angela Yu, App Brewery on Udemy

Notifications You must be signed in to change notification settings

cindyorangis/webDevelopmentBootcamp

Repository files navigation

The Complete 2020 Web Development Bootcamp

Section 9: Introduction to JavaScript ES6

  • 116-117: Challenge: Changing Casing in Text
  • 118: Basic Arithmetic and Modulo Operator in Javascript
  • 121-122: Functions Part 1: Challenge - The Karel Robot
  • 124: Functions Part 2: Parameters and Arguments
  • Coding Exercise 3: Life in Weeks
  • Coding Exercise 4: BMI Calculator

Section 10: Intermediate JavaScript

  • 131: Random Number Generation in Javascript: Building a Love Calculator
  • 132: Control Statements: Using If-Else Conditionals & Logic
  • Coding Exercise 5: BMI Calculator Advanced (IF/ELSE)
  • Coding Exercise 6: Leap Year
  • 138: Adding Elements and Intermediate Array Techniques
  • Coding Exercise 7: Who's Buying Lunch?
  • Coding Exercise 8: Fibonacci

Section 12: Boss Level Challenge 1 - The Dicee Game

  • Create an External JS File
  • Add Dice Images
  • Create a Random Number
  • Change both img to a Random Dice
  • Change both img Elements
  • Change the Title to Display a Winner

Section 13: Advanced JavaScript and DOM Manipulation

  • 172: Higher Order Function Challenge

Drum Kit

  • 171: Adding Event Listners to a Button
  • 174: How to Play Sounds on a Website
  • 176: How to Use Switch Statements in JavaScript
  • 179: Using Keyboard Event Listeners to Check for Key Presses
  • 181: Adding Animation to Websites

Section 15: Boss Level Challenge 2 - The Simon Game

  • Add JS and jQuery
  • Create a New Pattern
  • Show the Sequence to the User with Animations and Sounds
  • Check Which Button is Pressed
  • Add Sounds to Button Clicks
  • Add Animations to User Clicks
  • Start the Game
  • Check the User's Answer Against the Game Sequence
  • Game Over
  • Restart the Game

Section 19: Express.js with Node.js

  • 241: Creating Our First Server with Express
  • 242: Handling Requests and Responses: the GET Request
  • 244: Understanding and Working with Routes
  • 246: Calculator Challenge Setup
  • 248: Responding to Requests with HTML Files
  • 249: Processing Post Requests with Body Parser
  • 250: BMI Routing Challenge

Section 20: APIs - Application Programming Interfaces

Weather Project

  • 258: Making GET Requests with the Node HTTPS Module
  • 259: How to Parse JSON
  • 260: Using Express to Render a Website with Live API Data
  • 261: Using Body Parser to Parse POST Requests to the Server

Newsletter Signup

Section 22: EJS

  • 282: Templates? Why Do We Need Templates?
  • 283: Creating Your First EJS Template
  • 284: Running Code Inside the EJS Template
  • 285: Passing Data from Your Webpage to Your Server
  • 287: Adding Pre-Made CSS Stylesheets to Your Website
  • 288: Understanding Templating vs Layouts
  • 289: Understanding Node Module Exports: How to Pass Functions and Data between Files

Section 23: Boss Level Challenge 3 - Blog Website

  • Get Home route and add content to home.ejs
  • Pass data from homeStartingContent to home.ejs
  • Add header and footer partials to home.ejs
  • Moved header and footer to partials folder
  • Add About and Contact routes, pass content to about and contact.ejs
  • Add nav href to header
  • Add compose form and POST route
  • Add text fields to compose form and use bootstrap
  • Create JS object for post
  • Push post into posts array
  • Add posts to render array
  • Loop through all posts
  • Refactor for loop to use forEach
  • Render each post onto Home
  • Add express routing parameters /posts/:blogPost
  • Loop through posts array to check if it matches title in url
  • Add lodash and use _.lowerCase on titles
  • Separate page for each blog post
  • Truncate post body on Home page to 100 characters
  • Add Read More to posts

Section 27: Mongoose

  • 357: Introduction to Mongoose
  • 358: Reading from Your Database with Mongoose
  • 359: Data Validation with Mongoose
  • 360: Updating and Deleting Data Using Mongoose
  • 361: Establishing Relationships and Embedding Documents using Mongoose

Section 28: Putting Everything Together

  • 364: Take ToDoList Project to the Next Level and Connect it with Mongoose
  • 365: Rendering Database Items into the ToDoList App
  • 366: Adding New Items to our ToDoList Database
  • 367: Deleting Items from our ToDoList Database
  • 368: Creating Custom Lists using Express Route Parameters
  • 369: Adding New Items to the Custom ToDoLists
  • 370: Revisiting Lodash and Deleting Items from Custom ToDo Lists

Section 29: Deploying Your Web Application

Section 30: Boss Level Challenge 4 - Blog Website Upgrade

  • Save Composed Posts with MongoDB
  • Get Home Page to Render the Posts
  • Redirect to Home Page after save() is completed with no errors
  • Render correct blog post based on post _id

Section 31: Build Your Own RESTful API From Scratch

  • 389: Set Up Server Challenge
  • 391: GET All Articles
  • 392: POST a New Article
  • 393: Delete All Articles
  • 394: Chained Route Handlers Using Express
  • 395: GET a Specific Article
  • 396: PUT a Specific Article
  • 397: PATCH a Specific Article
  • 398: DELETE a Specific Article

Section 32: Authentication & Security

  • 403: Getting Set Up
  • 404: Level 1 - Register Users with Username and Password
  • 406: Level 2 - Database Encryption
  • 407: Using Environment Variables to Keep Secrets Safe
  • 408: Level 3 - Hashing Passwords
  • 410: Level 4 - Salting and Hashing Passwords with bcrypt
  • 412: Level 5 - Using Passport.js to Add Cookies and Sessions
  • 413a: Level 6 - OAuth 2.0 & How to Implement Sign In with Google
  • 413b: Level 6 - OAuth 2.0 with Facebook
  • 414: Letting Users Submit Secrets

Section 33: React.js

  • 422: JSX Code Practice
  • 423: JavaScript Expressions in JSX & ES6 Template Literals
  • 424: JavaScript Expressions in JSX Practice
  • 425: Attributes and Styling React Elements
  • 426: Inline Styling for React Elements
  • 427: React Styling Practice
  • 428: React Components
  • 429: React Components Practice
  • 431: JavaScript ES6 Import, Export and Modules Practice
  • 434: Keeper App Project - Part 1
  • 436: React Props
  • 437: React Props Practice
  • 438: React DevTools
  • 439: Mapping Data to Components
  • 440: Mapping Data to Components Practice
  • 441: JavaScript ES6 Map/Filter/Reduce
  • 442: JavaScript ES6 Arrow functions
  • 443: Keeper App Project - Part 2
  • 444: React Conditional Rendering with the Ternary Operator & AND Operator
  • 445: Conditional Rendering Practice
  • 447: React Hooks - useState
  • 448: useState Hook Practice
  • 449: JavaScript ES6 Object & Array Destructuring
  • 450: JavaScript ES6 Destructuring Challenge
  • 451: Event Handling in React
  • 452: React Forms
  • 454: Changing Complex State
  • 455: Changing Complex State Practice
  • 456: JavaScript ES6 Spread Operator
  • 457: JavaScript ES6 Spread Operator Practice
  • 458: Managing a Component Tree
  • 459: Managing a Component Tree Practice
  • 460: Keeper App Project - Part 3
  • 461: React Dependencies & Styling the Keeper App

About

The Complete 2020 Web Development Bootcamp by Dr Angela Yu, App Brewery on Udemy

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published