Bootcamp Resources

Download PDF Version

Unit 01: Introduction to Web Development, HTML, CSS, and Git - Week 1

Opens html files in your default browser from VS Code
Semantic HTML
HTML FLOWCHART
CSS Resources
CSS Zen Garden (HTML/CSS Examples
Paths
CSS Layouts
CSS Floats
Collapsed Margins
History of Clearfix
CSS - Single pseudo colon vs Double pseudo colon
CSS Box Sizing

Unit 02: Advanced CSS - Week 2

Using media queries
Basic concepts of flexbox
CSS Flexible Box Layout
Cascade and inheritance
Fundamental text and font styling
Pseudo-classes
CSS Display
Pseudo-elements
appearance (-moz-appearance, -webkit-appearance)
Combinators
Attribute selectors
Using CSS custom properties (variables)
Website wireframe

Unit 03: JavaScript - Week 3

What is JavaScript?
Why do array indexes start at zero
Variables - Simple Definition
Variables - Digging Deeper
Variable Data Structures - Now we’re cookin
for loops
Why array.length - 1
charAt()
Random Numbers in JS
Functions
Objects
this in objects
global window object

VS Code Extentions - Week 3a

Auto Close Tag
Bracket Pair Colorizer
HTML CSS Support
Indent Rainbow
Live Server
Prettier Code Formatter
Project Manager
Turbo Console Log
VS Code Icons
VS Code Spotify

Unit 04: Web-APIs - Week 4

DOM
Great Blog on DOM Traversal
Difference between childNodes and children
document.getElementById
document.querySelectorAll
document.querySelector
setTimeout and setInterval
Events Web APIs
event.preventDefault
event.stopPropagation
event Delegation
Math.max()
localStorage
sessionStorage
JSON.stringify()
JSON.parse()
Cookies
Data Attributes
element.matches()
splice()

Unit 05: Third-Party-APIs - Week 5

DOM Manipulation
jQuery.com
jQuery ToDo’s Example
jQuery to Vanilla JS - Has great examples of jQuery syntax and their vanilla JS counterparts
More info on JS’s Math.random()
document.ready()
Lexical Scoping
Great explanation of why Scope 2’s inner function logs the window
Closures

Unit 06: Server-Side-APIs - Week 6

JSON Formatter Chrome Extension
RapidAPI Library
OMDb API
GIPHY SDK
NYT Scraper
Numbers API
Face++
Pokemon API
OpenWeather API
jQuery AJAX
NY Times Article Search
NYT API Signup

Unit 07: Project-1 - Week 7

Git Collaboration Workflow (Follow these steps to minimize conflicts!)
Learn Git Branching through Visualizations
Undoing Commits & Changes in Git

Unit 08: Project-1-Contd - Week 8

None - Project Week 8

    Unit 09: Node.js - Week 9

    NodeJS Install
    process.argv
    Node Documentation for readFile
    Writing to Files in Node.js
    Character Encoding
    Node fs module
    Node source code for fs
    module.exports documentation
    more on module.exports
    npmjs.org
    NPM About Page
    Open Source Initiative
    Github licensing page
    NPM Docs for creating a package.json file
    NPM Install Documentation
    NPM Inquirer Documentation
    MDN Docs for JSON.stringify()
    JavaScript ES6+: var, let, or const?
    JavaScript: Arrow Functions for Beginners:
    When NOT to Use Arrow Functions:
    ES6 In Depth: Iterators and the for-of loop:
    JavaScript — The Conditional (Ternary) Operator Explained:
    Mastering JavaScript’s && and || logical operators:
    Array Map, Filter and Reduce in JS:
    What are Template Literals? (a useful alternative to string concatenation):
    A Dead Simple intro to Destructuring JavaScript Objects:
    axios npm
    Axios JS & Node.js a match made in heaven for API consumption
    node-axios

    Unit 10: OOP - Week 10

    JS Constructors
    Prototypes
    Default parameters
    Promises MDN
    Promise Constructor MDN
    A Complete Guide on How to Use Promises in JavaScript
    Master the JavaScript Interview: What is a Promise?
    JS Promises
    Async/Await
    6 Reasons Why JavaScript Async/Await Blows Promises Away (Tutorial)
    Async/Await Cheatsheet
    Mastering Async Await in Node.js
    Jest
    AAA in Unit Testing
    Mocks in Jest
    TDD
    es6 classes
    Some debate about JS Classes

    Unit 11: Express - Week 11

    http
    http.createServer()
    res.writeHead()
    res.end()
    difference between res.send() and res.end()
    __dirname
    Postman
    Heroku CLI
    Heroku CLI Install guide
    Example Star Wars App
    30 Seconds of Interviews
    express url and post params
    building a restful api via express
    Hot Restaurant App
    Express Router
    A way to organize your express routes
    How to Kill Stuck Ports via CLI

    Unit 12: MySQL - Week 12

    mysql tutorial site
    mysql w3schools
    mysql cli tutorial
    mysql npm package
    Differences between mysql and mysql2 in node.
    npm mysql - Performing queries
    MySQL Workbench Table Data Import/Export
    SQL Group By Tutorial
    Indexes
    SQL Joins (Stolen from Cat :) Thanks Cat!

    Unit 13: Object-Relational Mapping (ORM) - Week 13

    SEQUELIZE
    Sequelize CLI
    Sequelize Operators
    Sequelize
    Sequelize Model Types
    Sequelize belongsTo example
    Sequelize hasMany example
    Sequelize Additional Associations
    Sequelize Eager Loading (Used for Joins)
    MySQL Left Outer Join
    Deploy with Heroku and MySQL
    npm documentation on bcrypt
    npm documentation on dotenv
    ESLint configuration user guide

    Unit 14: MVC - Week 14

    Sequelize Docs
    npm documentation on connect-session-sequelize
    GitHub documentation on Express.js session cookies
    handlebarsjs
    Express Handlebars
    Express.js documentation on using middleware
    REST API
    MVC
    ESLint configuration user guide
    Prettier documentation
    SQL Injection

    Unit 15: Project-2 - Week 15

    Connect Repo with Heroku Video
    ESLINT
    Travis CI
    Github Actions
    Deploy with Heroku and MySQL
    Agile Methodology
    Git Branching
    Learn Enough Git to Be Dangerous

    Unit 16: Project-2-Contd - Week 16

    None - Project Week 16

      Unit 17: Computer Science - Week 17

      Global Execution Context
      Functional Execution Context
      What Is the Event Loop?
      Scope vs. Context
      Data Structures
      Event Loops
      Higher Order Functions
      Closures
      Composition Over Inheritance
      Practical Closures
      Linear Search
      Recursion
      Binary Search
      Big O Notation
      Merge Sort
      Bubble Sort
      Quick Sort
      MongoDB Installation Guide

      Unit 18: NoSQL - Week 18

      Mongojs Operators
      MongoDB Commands Cheat Sheets
      Mongoose
      Potential Mongoose Depreciation Information
      Mongoose Validations
      Mongoose Instance Methods
      Mongoose Populate

      Unit 19: PWA - Week 19

      Lighthouse
      Our example gallery app
      JSCompress
      Compression NPM
      Tiny PNG
      IntersectionObserver (Lazy Loading)
      Lazy Loading Attribute
      Using IndexedDB
      IDBFactory Open
      keyPath
      createIndex()
      createObjectStore()
      autoIncrement KeyPath
      add()
      get()
      getAll()
      transaction()
      index()
      openCursor()
      update()
      continue()
      clear()
      Using Service Workers
      caches.open()
      Web Manifest
      Great overview of PWA’s
      PWABuilder open sourced from Microsoft
      Other Examples
      Webpack Concepts
      Why Webpack

      Unit 20: React - Week 20

      Create React App
      Hello World
      Introducing JSX
      Rendering Elements
      Components and Props
      State and Lifecycle
      Handling Events
      Lifting State Up
      Uncontrolled Components
      Controlled vs Uncontrolled Components
      Smart and Dumb Components
      React Lifecycle Methods and When to Use Them
      Two Really nice React Form Libraries
      formik
      Object Initializer Syntax
      Info on Legacy Lifecycle Methods
      Conditional Rendering
      React Router

      Unit 21: MERN - Week 21

      Using the GraphQL Playground in a MERN Application
      Deploy with Heroku and MongoDB Atlas
      Apollo Docs on GraphQL Playground
      Apollo Docs on queries and mutations
      Apollo Docs on writing query resolvers
      GraphQL Docs on passing arguments
      Apollo Docs on mutations
      Apollo Docs on updating data with mutations
      Apollo Docs on fetching data with queries
      React Router quick start guide
      Introduction to JSON Web Tokens
      Apollo Docs on authentication
      GitHub Docs on GitHub Actions

      Unit 22: State - Week 22

      React Hooks Docs
      A Complete Guide to useEffect()
      React: useEffect explained with lifecycle methods
      useEffect Cleanup
      How to Solve the Infinite Loop of React.useEffect()
      List of React Hooks
      A Visual Guide to State in React
      React 16 Lifecycle Methods: How and When to Use Them
      HTML ‘datalist’ Element (a poor person’s auto-complete)
      Access HTML ‘data-’ Attributes onClick in React
      The Hitchhiker’s Guide to React Router v4: [match, location, history] — your best friends!
      Pass props to a component rendered by React Router
      Making a Progressive Web App in React (ie using service workers)
      React Context API
      React useContext
      useReducer
      useRef
      Redux
      3 Rules of React State Managment
      React State Management: React Hooks vs Redux
      Styled Components
      One Line CSS Layouts
      How to replace the Create React App git remote URL to your own GitHub remote URL
      WebGradients
      Stripe API

      Unit 23: Project-3 - Week 23

      useAuth with Auth0 (front-end auth)
      React Hooks back-end Local Passport Auth
      Another React Version

      Unit 24: Project-3-Contd - Week 24

      None - Project Week 23

        Various Popular Libraries - Week 24

        JamStack
        GraphQl
        Netlify
        Cloudinary
        Begin
        vercel
        Fauna
        NextJS
        Mongodb Stitch
        Digital Ocean
        Hasura
        RedwoodJS
        jsonbox
        Userbase
        takeshape
        Glitch
        Whimsical
        Framer Motion

        © 2025 Jay Mascarenas