Workshop Archive

Filtered by tag: reactjs
Winter 2022

Directed by Christina Tong and Einar Balan

  • Intro to Web Development: React.js

    jsx
    components
    props
    state
    reactjs

    README 

    · Slides 

    · Recording 

    Taught by Maggie Li

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 Galen Wong

  • Session 6: Advanced React Hooks & Intro to Testing

    javascript
    reactjs
    jest

    README 

    · Slides 

    Taught by Tristan Que and Galen Wong

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

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

Spring 2018

Directed by Dustin Newman