Workshop Archive

Directed by Thomas McGall

• Session 1: Intro to React/HTML

  reactjs

  html

  README 

  · Slides 

  Taught by Thomas McGall

• Session 2: Intro to CSS/Layout

  css

  flexbox

  README 

  · Slides 

  · Recording 

  Taught by James Wu and Katelyn Yu

• Session 3: Components and Props

  components

  props

  reactjs

  README 

  · Slides 

  Taught by Jakob Reinwald

• Session 4: JavaScript and Navigation

  navigation

  javascript

  reactjs

  README 

  · Slides 

  · Recording 

  Taught by Alex Xia

• Session 5: Handling State and Events

  state

  hooks

  event handling

  reactjs

  README 

  · Slides 

  · Recording 

  Taught by Nareh Agazaryan

• Session 6: React Lifecycle

  reactjs

  hooks

  state

  event handling

  README 

  · Slides 

  · Recording 

  Taught by James Wu and Katelyn Yu

Directed by Chandra Suresh and Nathan Zhang

• Session 3: Firebase

  firebase

  javascript

  README 

  · Slides 

  Taught by Jakob Reinwald and Anakin Trotter

Directed by Christina Tong and Einar Balan

• Intro to JavaScript

  javascript

  README 

  · Slides 

  · Recording 

  Taught by Jakob Reinwald

Directed by Eric Yang and Nareh Agazaryan

• Session 1: Intro to HTML/CSS

  html

  css

  README 

  · Slides 

  · Recording 

  Taught by Eric Yang and Nareh Agazaryan

• Session 2: Intro to JavaScript

  javascript

  README 

  · Slides 

  · Recording 

  Taught by Alex Xia

• Session 3: Intro to React

  reactjs

  README 

  · Slides 

  · Recording 

  Taught by Nareh Agazaryan and Eric Yang

• Session 4: Props and Layout

  props

  flexbox

  README 

  · Slides 

  · Recording 

  Taught by Alex Xia and Jody Lin

• Session 5: Event Handling and State

  state

  event handling

  README 

  · Slides 

  · Recording 

  Taught by Miles Wu

• Session 6: Asynchronous Programming and Web API's

  async

  await

  json

  api

  promise

  README 

  · Slides 

  · Recording 

  Taught by Einar Balan

• Session 7: React Lifecyle

  useEffect

  README 

  · Slides 

  · Recording 

  Taught by Jamie Liu

Directed by Galen Wong

• Session 1: Function and this

  javascript

  README 

  · Slides 

  Taught by Galen Wong

• Session 2: Optimization & Profiling

  javascript

  README 

  · Slides 

  Taught by Galen Wong and Kristie Lim

• Session 3: Asynchronous JavaScript

  javascript

  async

  README 

  · Slides 

  Taught by Timothy Gu and Jamie Liu

• Session 4: WebRTC

  javascript

  webrtc

  README 

  · Slides 

  Taught by Jamie Liu and Galen Wong

• Session 5: WebAssembly

  javascript

  webassembly

  README 

  · Slides 

  Taught by Kristie Lim and Timothy Gu

• Session 6: Advanced React Hooks & Intro to Testing

  javascript

  reactjs

  jest

  README 

  · Slides 

  Taught by Tristan Que and Galen Wong

• Session 7: TypeScript

  javascript

  typescript

  README 

  · Slides 

  · Recording 

  Taught by Omer Demirkan

Directed by Eugene Lo

• Session 1: Intro to React Native and JS

  javascript

  expo

  react native

  README 

  · Slides 

  · Recording 

  Taught by Eugene Lo

Directed by Asha Kar

• Intro to JavaScript

  javascript

  README 

  · Slides 

  · Recording 

  Taught by Jakob Reinwald

Directed by Miles Wu and Jamie Liu

• Session 1: Introduction to HTML/CSS

  html

  css

  README 

  · Slides 

  · Recording 

  Taught by Miles Wu and Jamie Liu

• Session 2: Introduction to JavaScript

  javascript

  README 

  · Slides 

  · Recording 

  Taught by Miles Wu and Jamie Liu

• Session 3: Webpage Interaction with the DOM

  html

  css

  javascript

  README 

  · Slides 

  · Recording 

  Taught by Galen Wong

• Session 4: Advanced CSS

  css

  flexbox

  README 

  · Slides 

  · Recording 

  Taught by Eugene Lo

• Session 5: Asynchronous Programming and Web APIs

  javascript

  api

  async

  README 

  · Slides 

  · Recording 

  Taught by Alex Xia

• Session 6: Responsive Design and Accessibility

  css

  screenreader

  design

  accessiblity

  README 

  · Slides 

  · Recording 

  Taught by Kristie Lim

• Session 7: Introduction to React.js

  reactjs

  javascript

  README 

  · Slides 

  · Recording 

  Taught by Eugene Lo and Jody Lin

• Session 8: Node.js and Servers

  nodejs

  javascript

  express

  README 

  · Slides 

  · Recording 

  Taught by Jamie Liu and Timothy Gu

Directed by Timothy Gu and Timothy Rediehs

• Session 1: Introduction to Frontend Development

  html

  css

  javascript

  README 

  · Slides 

  Taught by Timothy Gu

• Session 2: Introduction to Backend Development

  javascript

  nodejs

  README 

  · Slides 

  Taught by Timothy Rediehs

• Session 3 Backend: What’s an API?

  api

  javascript

  nodejs

  README 

  · Slides 

  Taught by Jody Lin

• Session 3 Frontend: JavaScript and the DOM

  javascript

  html

  README 

  · Slides 

  Taught by Kristie Lim

• Session 4 Backend: Introduction to Express.js

  express

  nodejs

  README 

  · Slides 

  Taught by Galen Wong

• Session 4 Frontend: CSS Layout

  css

  README 

  · Slides 

  Taught by Shirly Fang

• Session 5 Backend: Asynchronous Actions

  nodejs

  javascript

  async

  README 

  · Slides 

  Taught by Timothy Rediehs

• Session 5 Frontend: Introduction to React

  reactjs

  javascript

  README 

  · Slides 

  Taught by Timothy Gu

• Session 6 Backend: Introduction to Database

  database

  firebase

  javascript

  README 

  · Slides 

  Taught by Galen Wong

• Session 6 Frontend: More on React

  reactjs

  javascript

  README 

  · Slides 

  Taught by Shirly Fang

• Session 7: Full Stack: Bringing It Together

  fullstack

  reactjs

  nodejs

  README 

  · Slides 

  Taught by Kristie Lim and Timothy Rediehs

Directed by Galen Wong and Timothy Gu

• Session 1: Function and this

  javascript

  README 

  · Slides 

  Taught by Galen Wong

• Session 2: Asynchronous JavaScript

  javascript

  README 

  · Slides 

  Taught by Timothy Gu

• Session 3: A Gentle Introduction to React Hooks

  javascript

  README 

  · Slides 

  Taught by Galen Wong

• Session 4: Optimizing Frontend and React Apps

  javascript

  README 

  · Slides 

  Taught by Galen Wong

• Session 5: Multi-threading in JavaScript: Worker Threads

  javascript

  README 

  · Slides 

  Taught by Timothy Gu

• Session 6: Introduction to Testing with JavaScript

  javascript

  README 

  · Slides 

  Taught by Galen Wong

Directed by Jody Lin and Rajeshwari Jadhav

• Session 7: Web Dev Part 2

  django

  javascript

  api

  json

  README 

  · Slides 

  Taught by Galen Wong

Directed by Kristie Lim and Prateek Singh

• Session 1: Introduction to Frontend Development

  html

  css

  javascript

  README 

  · Slides 

  Taught by Kristie Lim and Prateek Singh

• Session 2: Introduction to Backend Development

  javascript

  nodejs

  README 

  · Slides 

  Taught by Timothy Gu and Galen Wong

• Session 3 Frontend: JavaScript and the DOM

  html

  css

  javascript

  README 

  · Slides 

  Taught by Dustin Newman

• Session 3 Backend: What is an API?

  api

  javascript

  nodejs

  express

  README 

  · Slides 

  Taught by Galen Wong

• Session 4 Frontend: CSS Layout

  css

  flexbox

  README 

  · Slides 

  Taught by Kristie Lim

• Session 4 Backend: More on Express

  api

  nodejs

  express

  README 

  · Slides 

  Taught by Timothy Gu

• Session 5 Frontend: Introduction to React

  reactjs

  javascript

  README 

  · Slides 

  Taught by Galen Wong

• Session 5 Backend: Asynchronous Actions

  nodejs

  javascript

  async

  README 

  · Slides 

  Taught by Kristie Lim

• Session 6 Frontend: Dynamic Content

  reactjs

  api

  README 

  · Slides 

  Taught by Prateek Singh

• Session 6 Backend: Databases

  database

  firebase

  javascript

  README 

  · Slides 

  Taught by Prateek Singh

Directed by Dustin Newman

• Getting Started with JavaScript

  javascript

  README 

  Taught by Dustin Newman

• Intro to JavaScript

  javascript

  README 

  · Slides 

  Taught by Dustin Newman

• New JavaScript Features and Syntax (ES6+)

  javascript

  es6

  README 

  · Slides 

  Taught by Timothy Gu

• HTML Templating

  javascript

  handlebars

  README 

  · Slides 

  Taught by Jorge Fuentes

• Node.js & Express

  nodejs

  express

  README 

  · Slides 

  Taught by Gregor Martynus

• Open Source + Git

  open source

  git

  README 

  · Slides 

  Taught by Nathan Smith

• React

  reactjs

  README 

  · Slides 

  Taught by Kevin Qian

• Session 1: Intro to Web Development

  html

  css

  README 

  · Slides 

• Hack Session 1: Build a Personal Website

  html

  css

  javascript

  README 

• Session 2: Grids & JavaScript

  css

  javascript

  README 

  · Slides 

  Taught by Yvonne Chen and Nathan Smith

• Hack Session 2: Build an Interactive Photo Gallery

  html

  css

  javascript

  README 

  · Slides 

• Session 3: Node.js

  nodejs

  backend

  npm

  handlebars

  README 

  · Slides 

  Taught by Kevin Tan and Shannon Phu

• Hack Session 3: Node.js and Templating

  nodejs

  backend

  handlebars

  README 

  · Slides 

  Taught by Yvonne Chen and Nathan Smith

• Session 4: Relational Databases

  database

  mysql

  sql

  README 

  · Slides 

  Taught by Shannon Phu

• Hack Session 4: Final Project - BruinPlay

  final project

  README 

  · Slides