Courses & Workshops I've Taught
-
- 1
- 2
- 3
Introduction to HTML and CSS
Get started creating web pages with HTML and CSS, the basic building blocks of web development. HTML, or HyperText Markup Language, is a standard set of tags you will use to tell the web browser how the content of your web pages and applications are structured. Use CSS, or Cascading Style Sheets, to select HTML tags and tell the browser what your content should look like. Whether you are coding for fun or planning to start a career in web development, learning HTML and CSS is a great place to start.
-
19 minWorkshop
Deploying a React App
Learn how to create a production build of your React application and deploy it to a server using free tools and services like Vercel and Netlify.
Viewed -
11 minPractice
Practice React Component Rendering
Sharpen your React skills by practicing JSX, creating and rendering components, passing down props, as well as iterating over data, and more.
Viewed -
- 1
- 2
- 3
- 4
React Basics
React is a JavaScript library for building user interfaces. React makes building and maintaining your application's user interface faster and easier by breaking it up into smaller, reusable components. It also helps eliminate the complexity of updating your DOM elements when the user interacts with your application.
-
14 minWorkshop
Debugging with ChatGPT
Join me in this exciting video as we harness the power of ChatGPT, the AI coding assistant, to debug our code. Discover how AI can revolutionize your debugging process and help you squash those pesky bugs in record time! Whether you're a seasoned developer or just starting out, this video showcases the potential of AI-driven debugging.
Viewed -
28 minWorkshop
Building a React App with ChatGPT
Learn how to create a React app using ChatGPT! In this video, we harness the capabilities of ChatGPT to generate the initial code and continuously improve our app's functionality and user experience. Witness the synergy between AI and React as we explore the pros and cons of leveraging ChatGPT in app development. Join us on this exciting journey of building a feature-rich app with ChatGPT and React.
Viewed -
9 minWorkshop
Unlocking Learning Potential with ChatGPT
In this video, we explore how to leverage ChatGPT to enhance your learning experience. Discover how ChatGPT can help explain complex concepts, provide code explanations, recommend valuable resources, and generate flashcards and multiple-choice questions for effective studying. Join us as we tackle coding challenges together, with ChatGPT serving as your virtual tutor. Unlock your learning potential today with the assistance of ChatGPT!
Viewed -
8 minWorkshop
ChatGPT for Beginners
Are you curious about ChatGPT, the advanced language model that can engage in conversation? In this beginner-friendly video, we introduce you to the fascinating world of ChatGPT. Whether you're a developer, a language enthusiast, or just someone intrigued by AI, this video is the perfect starting point. If you've ever wondered how to interact with ChatGPT and harness its power, we've got you covered. You'll learn how to formulate questions, handle responses, and create engaging conversations with this cutting-edge technology.
Viewed -
21 minWorkshop
How to Set Up a React App
React is a popular JavaScript library used for building user interfaces. In this workshop, you will learn how to set up a React app from scratch using Create React App and Vite. In this course, you'll learn step-by-step how to create a new React project, the starter files each built tool starts you off with and the default commands it comes with.
Viewed -
- 1
- 2
- 3
React Authentication
In this course, you will learn how to implement the Basic Authentication scheme in a React application using an Express REST API.
-
Treehouse Features: Code Challenges
Laura provides a brief overview of Code Challenges. Code Challenges are coding exercises that allow you to put a recently introduced concept into practice and get feedback about the results. For most people, regular practice is an essential part of learning to code, and Code Challenges allow you to do this right away.
Viewed -
1 minWorkshop
Treehouse Features: Quizzes
Laura provides a quick overview of Treehouse quizzes. Testing throughout the learning journey increases retention and exposes holes in your understanding to help guide further study.
Viewed -
1 minWorkshop
Treehouse Features: Workspaces
Laura provides a quick overview of Workspaces. Workspaces allow you to write code and view the results, all within a browser and without installing any additional software!
Viewed -
54 minWorkshop
React Context API
In the typical React data flow, components communicate with each other via props. A parent passes props down to child components. Sometimes the intermediary components get props passed to them with the sole purpose of passing that data down one (or several) more levels deep. This cascade of props is often referred to as "prop drilling". The React Context API provides a way to pass data to components without having to pass props manually at every single level.
Viewed -
43 minWorkshop
Data Fetching in React
Learn different methods for fetching external data in React, and how to display the data in your app.
Viewed -
- 1
- 2
- 3
React Router v6 Basics
Learn to use React Router v6, a declarative routing solution for React, to manage the navigation and rendering of components in your applications.
-
8 minWorkshop
Full Stack JavaScript Techdegree Portfolio Overview
Here at Treehouse, we have many Techdegrees to get you job ready no matter your skill level. The Full Stack JavaScript Techdegree is one of the most popular. Come take a look at all the professional-quality projects you'll build in this Techdegree!
Start your free trial today! (https://trhou.se/3I1UNT3)
Projects Random Quote Generator (https://teamtreehouse.com/library/introducing-the-random-quote-generator-2) Data Pagination and Filtering (https://teamtreehouse.com/library/introducing-the-data-pagination-and-filtering-project-2) Interactive Form (https://teamtreehouse.com/library/introducing-the-interactive-form-project-2) OOP Game Show App (https://teamtreehouse.com/library/introducing-the-oop-game-show-app-2) Public API Requests (https://teamtreehouse.com/library/introducing-the-api-requests-project-2) Static Node.js and Express Site (https://teamtreehouse.com/library/introducing-the-static-nodejs-and-express-site-project-2) React Gallery App (https://teamtreehouse.com/library/introducing-the-react-gallery-app-project-2) SQL Library Manager (https://teamtreehouse.com/library/introducing-the-sql-library-manager-project-2) REST API (https://teamtreehouse.com/library/introducing-the-rest-api-project-2) Full Stack App with React and a REST API (https://teamtreehouse.com/library/introducing-the-full-stack-app-with-react-and-a-rest-api-project-2)Viewed -
15 minPractice
Practice State in React
Practice initializing and managing state in React by building a star rating component.
Viewed -
- 1
- 2
- 3
- 4
- 5
React Components
Components are the core building blocks of a React application. This course will level-up your React skills by providing a better understanding of functional components, state and lifecycle methods, and how to split your UI into reusable and composable components.