Media Summary: In this video, we learn how to create state inside of our functional components using the "useState" hook. We use this to build a ... In this video, I welcome everyone to Prog 455 " In this video, we start our journey into React. We learn about what React is and get our first React project set up with Create React ...

Sp21 Web Apps 9 Interactive - Detailed Analysis & Overview

In this video, we learn how to create state inside of our functional components using the "useState" hook. We use this to build a ... In this video, I welcome everyone to Prog 455 " In this video, we start our journey into React. We learn about what React is and get our first React project set up with Create React ... In this video, we learn the basics of HTML, get VS Code set up for development and build our 1st In this video, we set up Firestore security rules to control access to who can read, create, update and delete quizzes in our Codex can now use the Chrome DevTools Protocol (CDP) in Browser Use to inspect console logs, runtime errors, local storage, ...

In this video, we dive into CSS and start learning how to style the HTML pages that we created in the last video. We cover some ... In this video, we re-structure our React Quiz In this video, we plan out the architecture our React quiz game using three main techniques - wireframing, diagramming ... In this video, we get hands on with building our first components in React. We cover JSX, functional components, and props. In this video, we learn about custom hooks and use them to refactor our React trivia game. The QuizPage component we wrote ... In this video, we use the Frame Motion to add some fun animations and transitions to our quiz game. === Relevant Links ...

In this video, we learn how to create some front-end JS code that talks to a back-end service using HTTP (hypertext transfer ...

Photo Gallery

SP21 Web Apps: 9 - Interactive Components with State via useState Hook
SP21 Web Apps: 0 - Course Overview
SP21 Web Apps: 7 - React Intro & Setting Up An App
SP21 Web Apps: 1 - HTML Crash Course
SP21 Web Apps: 36 - Quiz Security Rules - Setting Firestore Rules to Control Access
Debug web apps with browser use in Codex
SP21 Web Apps: 2 - CSS Crash Course
SP21 Web Apps: 33 - Quiz Play Page - Reading a Firestore Document with a Custom Hook
SP21 Web Apps: 12 - Planning the React Quiz Architecture
SP21 Web Apps: 8 - React Basics - Functional Components, JSX and Props
SP21 Web Apps: 22 - Refactoring with Custom Hooks
SP21 Web Apps: 15 - (Extra) Adding Animation to the React Quiz Game
View Detailed Profile
SP21 Web Apps: 9 - Interactive Components with State via useState Hook

SP21 Web Apps: 9 - Interactive Components with State via useState Hook

In this video, we learn how to create state inside of our functional components using the "useState" hook. We use this to build a ...

SP21 Web Apps: 0 - Course Overview

SP21 Web Apps: 0 - Course Overview

In this video, I welcome everyone to Prog 455 "

SP21 Web Apps: 7 - React Intro & Setting Up An App

SP21 Web Apps: 7 - React Intro & Setting Up An App

In this video, we start our journey into React. We learn about what React is and get our first React project set up with Create React ...

SP21 Web Apps: 1 - HTML Crash Course

SP21 Web Apps: 1 - HTML Crash Course

In this video, we learn the basics of HTML, get VS Code set up for development and build our 1st

SP21 Web Apps: 36 - Quiz Security Rules - Setting Firestore Rules to Control Access

SP21 Web Apps: 36 - Quiz Security Rules - Setting Firestore Rules to Control Access

In this video, we set up Firestore security rules to control access to who can read, create, update and delete quizzes in our

Debug web apps with browser use in Codex

Debug web apps with browser use in Codex

Codex can now use the Chrome DevTools Protocol (CDP) in Browser Use to inspect console logs, runtime errors, local storage, ...

SP21 Web Apps: 2 - CSS Crash Course

SP21 Web Apps: 2 - CSS Crash Course

In this video, we dive into CSS and start learning how to style the HTML pages that we created in the last video. We cover some ...

SP21 Web Apps: 33 - Quiz Play Page - Reading a Firestore Document with a Custom Hook

SP21 Web Apps: 33 - Quiz Play Page - Reading a Firestore Document with a Custom Hook

In this video, we re-structure our React Quiz

SP21 Web Apps: 12 - Planning the React Quiz Architecture

SP21 Web Apps: 12 - Planning the React Quiz Architecture

In this video, we plan out the architecture our React quiz game using three main techniques - wireframing, diagramming ...

SP21 Web Apps: 8 - React Basics - Functional Components, JSX and Props

SP21 Web Apps: 8 - React Basics - Functional Components, JSX and Props

In this video, we get hands on with building our first components in React. We cover JSX, functional components, and props.

SP21 Web Apps: 22 - Refactoring with Custom Hooks

SP21 Web Apps: 22 - Refactoring with Custom Hooks

In this video, we learn about custom hooks and use them to refactor our React trivia game. The QuizPage component we wrote ...

SP21 Web Apps: 15 - (Extra) Adding Animation to the React Quiz Game

SP21 Web Apps: 15 - (Extra) Adding Animation to the React Quiz Game

In this video, we use the Frame Motion to add some fun animations and transitions to our quiz game. === Relevant Links ...

SP21 Web Apps: 20 - Loading Trivia from an API via Promises, Async/Await and Fetch

SP21 Web Apps: 20 - Loading Trivia from an API via Promises, Async/Await and Fetch

In this video, we learn how to create some front-end JS code that talks to a back-end service using HTTP (hypertext transfer ...