Workshop Archive

Filtered by tag: html
Winter 2022

Directed by Christina Tong and Einar Balan

Fall 2021

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

Spring 2021

Directed by Nareh Agazaryan and Einar Balan

  • Session 6: Web Development with Django

    django
    html
    css

    README 

    · Slides 

    · Recording 

    Taught by Alex Xia and Eric Yang

Winter 2021

Directed by Asha Kar

Fall 2020

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

Fall 2019

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

Spring 2019

Directed by Jody Lin and Rajeshwari Jadhav

  • Session 6: Web Dev Part 1

    django
    html
    css

    README 

    · Slides 

    Taught by Connie Chen

Fall 2018

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

Fall 2017

  • Session 1: Intro to Web Development

    html
    css

    README 

    · Slides 

  • Hack Session 1: Build a Personal Website

    html
    css
    javascript
  • 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