Web Dev & Javascript Training

Syllabus

 

Every other Monday (see dates below)
9am - 5pm
James Cash (james@bloomventures.io)
Rafal Dittwald (raf@bloomventures.io)
Intro to The Web & HTTP
2020-11-09
An overview of how 'The Web' works and how web applications are made.
Prerequisites
  • comfortable w/ programming (in any language)
Show More
Course Overview
Video
Intro to The Web
A high-level introduction to the technologies that make up the web and how they fit together to make web applications.
'The Web', JS, DNS, 'The Internet', CSS, HTML, HTTP
Video
Intro to HTTP
An explanation of the HTTP protocol and how it's used to make web applications.
Browser Dev Tools, HTTP
Video
Intro to Javascript
2020-11-23
Getting started with the Javascript programming language.
Prerequisites
  • comfortable w/ programming (in any language)
Show More
Intro to Javascript
Javascript's evaluation model, syntax, and common gotchas.
Video
Exercises
Javascript Coding and Debugging
Work through some JS exercises together. Demo debugging tools (VSCode debugger, Chrome Debugger)
Video
Other JS Features
A quick overview of several JS features you might want to use in the future.
Video
Intro to HTML & CSS
2020-12-07
The basics of HTML and CSS for making static web pages.
Prerequisites
  • comfortable w/ programming (in any language)
Show More
Making a Web Application
(Traditional MPA style)
2020-12-21
How to make a web application in the traditional multi-page style (server-rendered pages, no javascript on the front-end).
Prerequisites
  • comfortable w/ programming (in any language)
  • comfortable w/ basic JavaScript (or Intro to Javascript module)
  • comfortable w/ basic HTML (or Intro to HTML & CSS module)
  • comfortable w/ basic HTTP (or Intro to The Web module)
Show More
Making a Web App Part One
Server-generated HTML and forms
Video
Cookies & Authentication
Adding authentication and logins to a MPA web app, using cookies
Video
Intro to Front-End Javascript
2021-01-11
An overview of the DOM, how to use Javascript in the browser, and various common browser APIs.
Prerequisites
  • comfortable w/ programming (in any language)
  • comfortable w/ basic JavaScript (or Intro to Javascript module)
  • comfortable w/ basic HTML (or Intro to HTML & CSS module)
Show More
Making a Web Application
(SPA style)
2021-01-25
How to build a web application in the single-page style (building the entire interface on the front-end with 'vanilla' Javascript, and making a JSON API w/ Javascript/Node on the back-end).
Prerequisites
  • comfortable w/ programming (in any language)
  • comfortable w/ basic JavaScript (or Intro to Javascript module)
  • comfortable w/ basic front-end Javascript (or Intro to Front-End Javascript module)
  • comfortable w/ HTTP (or Intro to The Web module)
Show More
Overview of SPAs
SPA Architecture, Compare to MPA, Build TODO list in MPA style
Video
Auth with SPAs
Video
Intro to React
2021-02-08
How to use React for make modern SPA applications in Javascript.
Prerequisites
  • comfortable w/ programming (in any language)
  • comfortable w/ basic HTML (or Intro to HTML & CSS module)
  • comfortable w/ basic Javascript (or Intro to Javascript module)
  • comfortable w/ basic front-end Javascript (or Intro to Front-End Javascript module)
Show More
Intro to Web Security
2020-02-22
How to build web apps securely. The bare minimum cryptography and security principles that every web developer should know.
Prerequisites
  • comfortable w/ programming (in any language)
  • comfortable with web development (understanding of HTTP, browsers, databases)
Show More
How to Make Secure Web Applications
How to think about web app security in general, OWASP Top 10 Web App Vulnerabilities, high level advice
authentication, injection, access-control, XSS
Video
crypto fundamentals + how they apply to web apps
passwords, random-number-generation, uuids, encryption, message-authentication, cookies, hashing
Video
Proactive Advice
Video