Complete_Web_Development_Bootcamp

Notes

https://docs.google.com/document/d/1-3_P9Lf5_WeAt2zLvywBO9ALvV8WT7u45iwXQ9nIfOA/edit?usp=sharing

Main Topics Covered

• HTML
• CSS
• JavaScript
• Bootstrap 4
• DOM & DOM Manipulation
• jQuery
• Node.js
  • NPM
    • express
    • ejs
    • body-parser
    • request
    • nodemon
    • lodash
    • mongoose
    • mongoose-encryption
    • dotenv
    • md5
    • bcrypt
    • passport
    • passport-local
    • passport-local-mongoose
    • passport-google-path20
    • mongoose-findorcreate
    • express-session
• Express.js
• API
  • JSON
  • Authentication
  • Mailchimp API
  • Created REST API from scratch
• Heroku
  • Newsletter site deployed to: https://arcane-reaches-82981.herokuapp.com/
  • Todo List site deployed to: https://dry-castle-22389.herokuapp.com/
• EJS
• Databases
  • SQL
  • MongoDB
• Mongoose
• MongoDB Atlas
• Authentication & Security
• React
  • Components
  • Props
  • Babel
  • JSX
  • Map/Filter/Reduce
  • ES6 Arrow Functions
  • Hooks
  • JS Destructuring
  • Material-UI
• Tools used:
  • Atom
  • Postman
  • Robo 3T
  • Visual Studio Code

React

Keeper App w/ React Components, Hooks, States, Destrucuring, Spread Operator, Material-UI

Keeper	Keeper Note Pop Up

To-Do List w/ React Components, Hooks, States, Destructuring, Spread Operator

Emojipedia w/ React Components & Props

Authentication, Security, Auth2.0 w/ Google

Blog Website (EJS, Node.js, Express.js, Lodash)

To-Do List (EJS, Node.js, Express.js)

Newsletter Signup Page (Node.js, Express.js, Mailchimp API, & Heroku)

Newsletter Signup Page	MailChimp Persistence

Simon Game (jQuery & JavaScript)

Drum Kit (Advanced JavaScript & DOM Manipulation)

Dicee Challenge (Intro JavaScript & DOM)

TinDog (Bootstrap 4)

Front End | BackEnd

SQL vs NoSQL

Z-Index & Stacking Order Guide

Web Dev Course Resources

https://www.appbrewery.co/p/web-development-course-resources/

Useful Chrome Extensions for Web Development

HTML Tree Generator

https://chrome.google.com/webstore/detail/html-tree-generator/dlbbmhhaadfnbbdnjalilhdakfmiffeg?hl=en-US

Pesticide

https://chrome.google.com/webstore/detail/pesticide-for-chrome/bblbgcheenepgnnajgfpiicnbbdmmooh?hl=en-US