Welcome to the Treehouse Library
This is a sample catalog of all the courses we offer. Browse by topic or difficulty. Sign up today and get access to our entire library. Treehouse students get access to workshops, bonus content, conferences, and more.
Ready to start learning?
Treehouse offers a 7 day free trial for new students. Get access to 1000s of hours of content. Learn to code, land your dream job.
Start Your Free Trial- Newest
-
All Topics
- All Topics
- • AI
- • JavaScript
- • Databases
- • Python
- • Design
- • React
- • HTML
- • CSS
- • Data Analysis
- • Java
- • C#
- • Android
- • Computer Science
- • PHP
- • Quality Assurance
- • APIs
- • Security
- • Digital Literacy
- • Development Tools
- • Business
- • 21st Century Skills
- • Ruby
- • Machine Learning
- • Learning Resources
- • Go Language
- • Equity, Diversity, and Inclusion (EDI)
-
29 minWorkshop
Creating Micro-Interactions in Figma
In this workshop, you'll learn how to create prototypes users will love interacting with by adding micro-interactions to your Figma designs. These subtle yet impactful details—like toggle switches, animated buttons, and responsive input fields—bring your UI to life. Whether you're new to Figma interactions or looking to refine your skills, this step-by-step tutorial will guide you through each technique.
Viewed -
22 minWorkshop
AI Tools Treehouse Developers Love
Join us for a quick-paced, fun exploration of AI tools transforming the daily workflow of the team at Treehouse. Get insights into how tools like Arc, Coda, GitHub Copilot, and ChatGPT are being used to supercharge productivity in coding, project management, and creative processes. This video is a compact yet comprehensive guide to the AI tools reshaping the tech landscape at Treehouse.
Viewed -
79 minWorkshop
Introducing UXPin Merge
Meet a UI builder that allows you to design with live code.
UXPin Merge is a design tool for developers and technical designers who want 100% parity between design and code. Either you have code components and want to build a nicer UI, or you want to design with open-source libraries such as MUI, Bootstrap, or Tailwind UI — we've got you. In this workshop, we'll show you how to get the most out of coded components in design. Assemble functional prototypes and export clean code to ship products faster than ever. Sign up for a free account and build a dashboard with us! Learn more about UXPin Merge.Exclusive Offer for Treehouse Students: Enjoy 50% Off Merge AI Plans!
- Merge AI Monthly Plan: Get 50% off for 6 months.
- Merge AI Annual Plan: Get 50% off for a full year.
To redeem, simply follow these steps:
- Start a free trial.
- At checkout, select the Merge AI plan you wish to subscribe to.
- Enter promo code UXPINTH50 for a monthly subscription, or UXPINTH50Y for an annual subscription.
Viewed -
21 minWorkshop
Mastering AI-Assisted Design with ChatGPT
Get ready to dive into the future of design. Whether you're a student, a design pro, or just super into AI, this workshop is for you. You'll see how ChatGPT can give you spot-on feedback, help you write killer copy, suss out the competition, and even whip up basic web prototypes. It's hands-on, it's mind-blowing, and it's all about unleashing your creativity. Don't miss out on this chance to kick off your AI-powered design journey in style!
Viewed -
8 minWorkshop
Python Techdegree Portfolio Overview
Begin your Python journey with our in-depth Python Techdegree. Crafted to boost your skills and ready you for the workforce, our Python Techdegree is suitable for all proficiency levels. In this workshop I uncover the five professional-grade projects awaiting you in this Techdegree. Each project is designed to sharpen your Python expertise and prepare you for success in the industry.
Viewed -
28 minWorkshop
Create a Portfolio Using Python and Flask
Build an impressive online portfolio with Python and the Flask framework to showcase your skills to potential employers. We'll start with provided HTML, CSS, and JavaScript files. Then, make the HTML modular and dynamic through templating. We'll also cover hosting terminal-based Python apps and the portfolio itself.
Viewed -
24 minWorkshop
Create a Portfolio Using React
Build an impressive portfolio with React that showcases your skills to potential employers. We'll start with provided styles and focus on creating components and adding interactivity. The portfolio will have a mobile-first design and be user-friendly for everyone. By the end, you'll have a simple yet impressive portfolio to show to potential employers.
Viewed -
53 minWorkshop
Create a Portfolio Using HTML and CSS
Portfolios are a great way to show off your skills to a potential employer. In this workshop, we’ll start with provided mockups and journey together through the construction of a stunning portfolio using HTML and CSS, sprinkling in a touch of JavaScript for interactivity. Prioritizing a mobile-first approach and keeping accessibility in mind, we’ll ensure the portfolio is not only visually captivating but also user-friendly for all.
Viewed -
7 minWorkshop
Neural Networks in a Nutshell
Welcome to our introductory Neural Networks workshop, where we provide a concise yet enlightening overview of the fascinating world of AI. Delve into the fundamentals of artificial neurons, hidden layers, and outputs, demystify the role of activation functions, and gain insight into common challenges such as overfitting. Join us for this brief but insightful journey into the potential of neural networks, offering a sneak peek into the future of technology.
Viewed -
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 -
7 minWorkshop
AI-Powered VS Code Extensions
Discover how AI-powered Visual Studio Code extensions like GitHub Copilot, IntelliCode and Tabnine revolutionize coding practices! We'll explore how they can tremendously boost productivity by predicting code, suggesting relevant edits, and automating repetitive tasks.
Viewed -
7 minPractice
Practice ExpressJS: Middleware
Practice middleware in ExpressJS by replicating user authentication and controlling access to protected routes.
Viewed -
41 minWorkshop
Navigate Unfamiliar Code with AI
Join Dustin as he showcases the actual process of constructing a task manager application when faced with an unfamiliar codebase. Using AI tools such as GitHub Copilot and ChatGPT to assist in bridging any gaps that come up along the way.
Viewed -
3 minPractice
Practice Web Accessibility: Checkboxes
Practice web accessibility by adding focus states to checkbox inputs with JavaScript.
Viewed -
42 minWorkshop
Pagination with GitHub Copilot
Follow along with Dustin in this fun, unscripted, live coding session where he demonstrates the strengths and weaknesses of using GitHub Copilot as a co-developer. In this video, Dustin builds a friends app that utilizes pagination with vanilla JavaScript! How much do you think GitHub Copilot was able to help?
Viewed -
4 minPractice
Practice DOM Manipulation: Modal
Practice DOM Manipulation with JavaScript by creating a modal.
Viewed -
7 minPractice
Practice Filtering Paginated Data
Practice implementing user-friendly data filtering and displaying the paginated results using JavaScript event listeners.
Viewed -
4 minPractice
Practice DOM Manipulation: Checkboxes
Practice DOM Manipulation with JavaScript by conditionally disabling checkboxes.
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 -
10 minPractice
Practice Data Pagination
Practice data pagination with JavaScript to enhance user experience and optimize web performance by efficiently managing and displaying large datasets.
Viewed -
5 minPractice
Practice Fetch API
Practice Fetch API using the REST Countries API.
Viewed -
15 minWorkshop
The AI Multiverse: Exploring the Subfields of Artificial Intelligence
Ready to expand your understanding of AI? In this workshop, we’ll explore some of the major branches of AI, including machine learning, robotics, and computer vision.
Viewed -
8 minPractice
Practice Dynamic Select Menus
Practice creating intuitive and error-proof web forms using JavaScript to automatically update select menu options as users make choices.
Viewed -
4 minPractice
Practice JavaScript Basics: Conditional Strings
Practice conditional strings with JavaScript.
Viewed -
6 minPractice
Practice DOM Manipulation: Form Validation
Practice DOM Manipulation with JavaScript.
Viewed -
34 minWorkshop
Create AR Effects for TikTok with Effect House
Join our exciting workshop and take a sneak peek into the world of augmented reality! In this hands-on session, you'll learn to create a basic TikTok filter using Effect House. With EffectHouse’s Visual Scripting, a purely graphical way to create logic, no prior coding experience is needed. We’ll guide you through how to track facial movements like the forehead, eyes, and mouth, as well as add simple tap interactions to create a captivating interactive filter. Don't miss out on this opportunity to dip your toes into the world of AR with this popular platform. 🎭📸 #ARWorkshop #TikTokFilter #InteractiveMagic
Viewed -
5 minWorkshop
How to Adapt Any Work Experience to Fit Any Role
In this video, join Treehouse Career Advisor Jenavieve to discover valuable techniques to leverage your diverse experiences and skills, tailoring them to meet the demands of different roles.
Viewed -
7 minWorkshop
The 5 Most Important Networking Skills
In this video, Treehouse Career Advisor Jenavieve Dance walks you through the essential strategies to excel in networking, from effective communication and powerful pitching to building a strong portfolio and signaling your value. Whether you're a seasoned networker or just starting out, these skills will help you form valuable connections and open doors to new opportunities.
Viewed -
10 minWorkshop
How to Nail Any Interview
In this video, Treehouse Career Advisor Jenavieve Dance teaches you the key strategies you can use to excel in job interviews, including the importance of pitching yourself, knowing & signaling your value, and preparing a compelling portfolio to showcase your skills.
Viewed -
18 minWorkshop
Introduction to GitHub Copilot
This workshop explores the capabilities of GitHub Copilot, a powerful coding tool. It demonstrates how Copilot assists developers in various scenarios, such as code completion, debugging, and documentation. Furthermore, students will learn how to use Copilot to enhance their coding productivity and efficiency.
Viewed -
18 minWorkshop
Build Your Own AI Image Generator
Improve your JavaScript skills with a hands-on experience! Join Dustin as he guides you through building an AI-powered image generator using vanilla JavaScript. This exciting project will reinforce your foundational JavaScript knowledge, including variables, functions, arrays, and more. Learn how to connect to the OpenAI API and showcase the retrieved data. Don't miss this perfect opportunity to enhance your JavaScript basics while following along step by step. Let's get coding!
Viewed -
9 minWorkshop
SQL to Sequelize with ChatGPT
Learn how to leverage ChatGPT to effortlessly transform raw SQL queries into Sequelize queries.
Viewed -
13 minWorkshop
ChatGPT: Code Interpreter
Discover the capabilities of ChatGPT's "Code Interpreter" model in our AI workshop. It's a secure, sandboxed Python interpreter that revolutionizes Python code testing, debugging, data analysis, and visualization. Ideal for developers, data analysts, and AI enthusiasts eager to enhance their Python programming skills and data interpretation proficiency.
Viewed -
19 minWorkshop
SQL Commands with ChatGPT
Join us for an engaging code-along workshop where we'll explore the fascinating world of natural language processing using ChatGPT. In this hands-on session, we'll demonstrate how to quickly generate SQL commands from everyday language. Using the terminal and sqlite3, we'll showcase the practical applications of this powerful capability.
Viewed -
7 minWorkshop
Crafting SMART Goals
Learn how to craft SMART goals that support the goals of your company.
Viewed -
21 minWorkshop
Reverse Engineering Code with ChatGPT
In this video, we explore the incredible power of ChatGPT for reverse engineering code. Join us as we unravel the mysteries behind complex code snippets, dissecting their inner workings with the help of ChatGPT. From comprehending list comprehensions to unraveling conditional expressions, we showcase how ChatGPT breaks down code components, explains their functionality, and provides comprehensive insights. Whether you're a beginner or an experienced programmer, this video will empower you with the skills to gain a deeper understanding of code snippets and harness them in your own projects. Step into the realm of reverse engineering with ChatGPT and unlock a whole new level of coding proficiency!
Viewed -
14 minWorkshop
ChatGPT for Designers
This workshop guides viewers through the various ways ChatGPT can enhance the design process, including recommending color palettes, assisting in UX copywriting, generating design direction, and so much more!
Viewed -
11 minWorkshop
How to Learn Data Science
Data Science can seem overwhelming because of its vastness. But if you map out a learning path, acquiring the necessary skills is not a difficult task. In this video, we'll build a learning path through Data Science, starting with programming and math, moving on to machine learning and data foundations, and rounding things out with domain expertise.
Viewed -
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 -
15 minWorkshop
Can ChatGPT Build a Website?
Leveraging the power of OpenAI’s ChatGPT is a great tool in your developer tool belt, but how accurate is ChatGPT when using it to build a website from a mockup? There are some surprising strengths as well as weaknesses. Follow along with Dustin to explore how ChatGPT fares at building a website from a mockup in this fun, AI-powered code-along.
Viewed -
11 minWorkshop
Python Libraries for AI
The workshop introduces Python libraries for Machine Learning, Natural Language Processing (NLP), and Computer Vision. It aims to showcase the versatility and power of Python in these fields and how libraries have transformed industries and opened up new possibilities. The course concludes by encouraging learners to embrace the opportunities in AI, experiment with different Python libraries, and push the boundaries of what's possible. It emphasizes the importance of practice, exploration, and a willingness to learn in mastering these fields. The workshop aims to provide an overview and starting point for individuals interested in exploring Machine Learning, NLP, and Computer Vision using Python libraries.
Viewed -
43 minWorkshop
Python Comprehensions
This Workshop introduces students to a convenient way of working with iterables with Python. Here, you’ll learn how to skip conditional looping and create new sequences straight from existing sequences, such as lists, dictionaries, and sets. Take your Python skills to a whole new level by learning Comprehensions!
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 -
11 minWorkshop
Everyday Innovation: Leveraging ChatGPT in Our Daily Lives
In this video, we're exploring ChatGPT and its potential to enhance our everyday lives. Discover how ChatGPT, along with its advanced version, ChatGPT Plus, are transforming our technological interactions. Understand its strengths, limitations, and gather insightful tips for effective prompting to achieve optimal results.
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 -
4 minWorkshop
Will AI Replace Developers?
Will AI replace us? Find out what Dustin has to say about this popular question as he takes you through using AI in our workflow as developers.
Viewed -
9 minWorkshop
Git and GitHub Workflow for Developers
Learn how to create a local git repository and seamlessly connect it to a GitHub repository using the terminal.
Viewed -
22 minWorkshop
Build a ChatGPT Discord Bot
In this tutorial video, Dustin will guide you through the process of building a ChatGPT-powered Discord bot. You'll learn how to create a bot that listens to messages in a designated channel, sends those messages to the ChatGPT API for processing, and then responds with the generated text from the AI. By the end of this tutorial, you'll have a functional Discord bot that can generate responses to user messages using the power of ChatGPT. So whether you're a seasoned developer or just starting out, come join Dustin and learn how to build a ChatGPT Discord bot today!
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 -
18 minWorkshop
Python Virtual Environments
If you're building apps with Python, you'll most likely be using third-party libraries and therefore need to use a virtual environment. This workshop will explain what Python virtual environments are. Then, you'll learn to use the venv tool to work with virtual environments, and how to install packages specific to your project. Finally, you'll learn how to replicate your virtual environments with others, such as fellow students, clients, or your development team. You will finish the workshop with a solid understanding of how to use virtual environments to maintain project dependencies and avoid conflicts with other Python projects.
Viewed -
15 minWorkshop
Build a Basic ChatGPT Clone with Vanilla JavaScript
Learn to build a basic ChatGPT clone with vanilla JavaScript in this video. Follow along with Dustin as he walks you through the process, from writing the HTML for the UI to integrating the OpenAI API. By the end, you'll have a functional chatbot that can generate human-like responses to user inputs!
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 -
2 minWorkshop
What Is AI? What Is ChatGPT?
In this video, we explore the fascinating world of AI and introduce ChatGPT, a language model designed to understand and respond to human language. Join Dustin as he dives into the basics of artificial intelligence and learn how ChatGPT is transforming the way we interact with technology.
Viewed -
10 minWorkshop
How to Install Python (Windows)
If you’d like to become a Python developer, installing Python onto your computer is one of the first steps. So far, you may have been working in an online Python editor, such as Treehouse Workspaces. In this workshop, we'll talk about why it’s beneficial to install Python. Then, I’ll walk you through how to do so step by step. Once we’ve done so, we’ll also explore the built-in Python code editor IDLE so we can start using Python right away!
Viewed -
11 minWorkshop
How to Install Python (macOS)
If you’d like to become a Python developer, installing Python onto your computer is one of the first steps. So far, you may have been working in an online Python editor, such as Treehouse Workspaces. In this workshop, we'll talk about why it’s beneficial to install Python. I’ll walk you through how to do so step by step. Once we’ve done so, we’ll explore the built-in Python code editor, IDLE, so we can start using Python right away!
Viewed -
17 minWorkshop
Key Roles on a Software Team
Are you ready to make your mark in the world of tech? Join us as we explore the key roles in software development. This microcourse was created with the help of ChatGPT and Synthesia. As AI becomes increasingly popular, there's a growing interest in using large language models to aid in content creation and AI avatars as virtual instructors. At Treehouse, we’re embracing the opportunity to bring the latest AI advancements to our students, and we'll continue exploring the possibilities in future content, offering our students a front-row seat to these incredible technologies. Let us know what you think at feedback@teamtreehouse.com!
Viewed -
35 minWorkshop
How to Build a Google Chrome Extension: Strong Password Generator
Ever wanted to make your own Google Chrome Extension? Follow along as Dustin builds a strong password generator and then converts it to a Google Chrome Extension! This project is built with HTML, SASS, and vanilla JavaScript so a good understanding of those concepts will help you understand this project. If you need a refresher, take a look at some of the courses in the Teacher's Notes that cover the basics.
Viewed -
35 minWorkshop
Auto User Search with JavaScript - Treehouse Live
Need practice working with the Document Object Model (DOM)? This project showcases some of the core concepts needed to interact with and manipulate the DOM. Follow along as Dustin builds a searchable input field that filters users based on your search query!
Viewed -
1 minWorkshop
Copy to Clipboard
Ever wondered how a copy to clipboard button works? They’re all over the web. In this quick guide, Dustin demonstrates how to add this feature to an input field with ease by writing just a few lines of JavaScript!
Viewed -
37 minWorkshop
CSS-Only Facebook Reactions UI - Treehouse Live
Most social media platforms allow users to interact with other users’ posts. Letting users use an emoji to show how they feel about them is a fun way to add some interactivity to your project or app. Follow along as Dustin reveals how to recreate the Facebook reactions UI with just CSS!
Viewed -
33 minWorkshop
Build an Interactive Settings Panel - Treehouse Live
Want to code out a real-world project with Dustin? Follow along with our Treehouse Live replay as he builds a settings panel UI from scratch with just HTML and CSS. Then, he refactors the app with JavaScript to render parts of the UI dynamically. Stick around to the end to find out how he implements a dark mode toggle for the settings panel itself with an event listener!
Viewed -
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 -
6 minWorkshop
JavaScript Array Methods: reduce()
The reduce() method in JavaScript is used to apply a function to each element in an array, with the purpose of reducing the array to a single value. It has some relatively straightforward applications such as calculating the sum or average of the elements in an array. However, it can also perform more complex operations, including flattening a multi-dimensional array into a single-dimensional array, counting the occurrences of a particular element in an array, converting an array of objects into a single object, filtering an array based on a condition, and more. Learn how to use reduce() with Dustin as he goes over some use cases and the official documentation.
Viewed -
2 minWorkshop
JavaScript Array Methods: includes()
Have you ever wondered if an array includes a specific value? There is an easy way to check by using a JavaScript array method known as includes(). Follow along as Dustin explains and demonstrates this easy-to-use method.
Viewed -
7 minWorkshop
JavaScript Array Methods: sort()
Have you ever needed to sort an array in alphabetical order? Or what about sorting an array of players based on their scores? The sort() JavaScript array method can do this with ease, though there are a few pitfalls you have to keep in mind. Follow along as Dustin explains how to incorporate this method into your projects to sort your data efficiently.
Viewed -
4 minWorkshop
JavaScript Array Methods: find()
Have you ever needed to find or locate a specific array item? Luckily for us, we have a JavaScript method that can handle that task with ease. In this quick guide, Dustin will go over the documentation and how to use this method.
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 -
13 minWorkshop
Hosting a Website with GitHub Pages
GitHub provides a simple hosting solution called GitHub pages that lets others view your repository like any other website. Learn how to host your website, for free, on GitHub Pages.
Viewed -
5 minWorkshop
JavaScript Array Methods: filter()
Have you ever needed to filter array elements by certain criteria? For example, to get numbers within a range, or strings that contain certain characters? Luckily, there is an easy way to do this in JavaScript by using the filter() method. Follow along as Dustin dives into how to use this method and what it can do. Then, he offers a challenge (and a solution) so you can get some practice using it right away.
Viewed -
4 minWorkshop
forEach() vs. map() - What’s the Difference?
Have you ever needed to loop over an array and weren't sure which method to use? At first, forEach() and map() can seem to do the same thing, right? So which one do you choose and what is the difference between them? In this quick guide, Dustin goes over one thing that sets these two methods apart. If you're unfamiliar with forEach() or map() and would like to learn more, check out the guides in the notes below.
Viewed -
6 minWorkshop
JavaScript Array Methods: map()
Still using a for loop to iterate over a collection of array elements? In this quick guide, Dustin introduces an array method known as map() that has a more straightforward syntax than the standard for loop and some extra features. Follow along to learn how and when to use the map() array method.
Viewed -
16 minWorkshop
JavaScript Array Methods: forEach()
Being able to loop over items in an array is a crucial skill to understand as a developer. The popular JavaScript array method forEach() allows you to do this with clean, simple syntax. Follow along as Dustin explains and demonstrates forEach(). Stick around for the second video to see it in a real-world example! Dustin builds a simple settings app that includes toggle switches and status messages based on the user's input.
Viewed -
38 minWorkshop
Create a Chat App UI - Treehouse Live
In this live demonstration, Dustin builds a chat app UI (user interface) using HTML, CSS, and JavaScript. The slick design includes a toggle button for dark mode. The GitHub link in the teacher's notes includes both the starter files and the completed code. You can follow along and build the project yourself, as well as study Dustin's version. Note that he builds only the UI, not the chat app itself.
Viewed -
8 minWorkshop
Basic JavaScript Array Methods
Arrays are used to store a collection of multiple items under a single variable name. This collection could be things like strings, numbers, or even a mix of different data types. Sometimes we need to update or manipulate our arrays by adding or removing items, or combining one array with another. In this guide, I’ll go over just some of the many basic JavaScript array methods. Methods we’ll discuss include: .push(), .pop(), .shift(), .unshift(), .indexOf(), .toString(), .join(), & .concat().
Viewed -
10 minWorkshop
JavaScript Emoji Selector Using Fetch
There are APIs for just about everything. In this workshop, I'll take you through how to connect to an API using fetch. We'll add a feature to a chat application to toggle a menu full of emojis that are coming from the open-emoji API.
Viewed -
8 minWorkshop
JavaScript Accordion
Accordions are everywhere on the web and even in mobile apps. They’re an effective way to show and hide content based on user interaction. In this guide, I’ll go over how to create an accordion using HTML, CSS, and a little bit of JavaScript.
Viewed -
2 minWorkshop
How To Clone a Repository From GitHub Using Your Terminal
Just set up a new repository on GitHub? Checking out someone else’s work? Want to contribute to another project? The first step is getting that repository downloaded to your machine. There are a few ways to do this. Using your terminal is, in my opinion, one of the easiest and quickest ways. Let’s walk through how to do this.
Viewed -
10 minWorkshop
Animated Hamburger Menu
Want to set up a hamburger menu for your mobile navigation with a slick animation? It's not as hard as you may think. Follow along while I tackle this small UX feature!
Viewed -
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 -
9 minWorkshop
JavaScript Search
Letting users search through data in your application or website is a great UX feature. Building out this type of functionality isn't as hard as you may think. With some basic JavaScript, we can tackle the filtering and searching of data. Follow along as I add a search feature with vanilla JavaScript that allows the user to search for a specific author in a list of authors!
Viewed -
2 minWorkshop
Shorten Text With CSS
Ever wondered how to shorten text with an ellipsis (...)? It’s quite easy to do and only requires a few lines of CSS. Follow along as I take you through setting this up!
Viewed -
15 minPractice
Practice State in React
Practice initializing and managing state in React by building a star rating component.
Viewed -
3 minWorkshop
HTML-Only Accordion
Accordions are all over the web and mobile apps. They are a great way to show and hide content based on user interaction and aren’t very hard to build. However, they usually require a bit of HTML, CSS, and JavaScript. Did you know you can build a simple accordion with only HTML in seconds? Follow along as I explain how to set this up!
Viewed -
4 minWorkshop
CSS-Only Toggle
Toggle switches are a useful way to show a UI’s state. It’s commonly believed that these are hard to create and require JavaScript. That’s simply not the case. Follow along as I walk you through how to create a toggle switch with just CSS!
Viewed -
1 minWorkshop
How to Add a Favicon
Favicons give your website a face and are easy to implement in your code. In this quick guide, we’ll go over what a favicon is and how to add one to your site.
Viewed -
4 minWorkshop
Dark Mode in CSS
How often do you find yourself on a website or app looking for a toggle for dark mode? Most apps nowadays, like Facebook, Twitter, Instagram, & Snapchat just to name a few, use some sort of dark mode feature. Implementing this is actually pretty quick and simple. There are many ways to go about this but the method I prefer is using CSS variables. Follow along and I’ll show you how I tackle this feature.
Viewed -
15 minWorkshop
Gulpfile Setup
Ever wondered how other developers minify their code and add tons of enhancements to their projects or apps? I can tell you a secret; they don’t do it themselves! They use something like gulp to automate that stuff for them. Follow along as I show you how I build out a basic gulpfile from scratch using gulpjs. Never heard of gulp before? Not to worry, I’ll take you through the process step-by-step in this beginner guide to setting up a gulpfile. With only a basic knowledge of JavaScript, npm, and Node.js, you’ll be able to follow along comfortably and start automating your workflow like a seasoned developer. If videos aren't your thing or want to take your time to work at your own pace, check out our blog post (https://blog.teamtreehouse.com/gulpfile-setup) that mimics this video.
Viewed -
10 minWorkshop
JavaScript Tip Calculator Overview
In this quick overview geared for advanced beginners, you’ll learn my thought process behind building a tip calculator with vanilla JavaScript. By the end of this video, you should have a decent understanding of what it takes to build this out and try it for yourself. Though this isn’t meant to be a step-by-step guide, you should be able to tackle this project on your own with a solid understanding of JavaScript basics as well as HTML and CSS. If any of the topics discussed are confusing to you, I suggest taking a look at the courses in the Teacher's Notes.
Viewed -
11 minPractice
Practice Setting Up a Python Project
Practice setting up a Python project locally and on GitHub.
Viewed -
9 minPractice
Practice Error Handling
Practice your error handling skills using try/except blocks.
Viewed -
11 minWorkshop
Computer Fundamentals (Windows)
Learn about your computer's file structure, zip files, and downloaded files to prepare you for your learning journey here at Treehouse.
Viewed -
11 minWorkshop
Computer Fundamentals (Mac)
Learn about your computer's file structure, zip files, and downloaded files to prepare you for your learning journey here at Treehouse.
Viewed -
13 minPractice
Practice Cleaning Data
Practice accessing data and cleaning it for use in other functions or programs.
Viewed -
7 minPractice
Practice Emulating Built-ins
Practice emulating Python's built-in methods dunder str, dunder eq, and dunder iter.
Viewed -
8 minPractice
Practice OOP Vocabulary
Test your knowledge of OOP vocabulary with this practice session.
Viewed -
17 minWorkshop
Dunder Main
In this workshop, we’ll talk about using a recommended Python best practice, dunder main to control the execution of our code.
Viewed -
33 minWorkshop
Data from APIs
Use Python to gather data from an API and save it to a CSV file.
Viewed -
42 minWorkshop
Relational Databases With SQLAlchemy
Learn how to interact with multiple tables through relationships using Python's SQLALchemy.
Viewed -
42 minWorkshop
Data Visualization with Google Sheets
Did you know that Google Sheets is a great tool to tell stories with your data? This workshop will guide you through five different ways to visualize your data with Google Sheets and ultimately improve the story you're trying to tell to stakeholders!
Viewed -
30 minWorkshop
Automate Your Work with Zapier
Zapier automates repetitive, easily replicated tasks in your day by connecting the tools and software you use every day. Learn the essential features of Zapier, what automation is and how it can make your workflows even more powerful. You'll even get to create an automated workflow to help make the most of your learning time.
Viewed -
16 minWorkshop
Presenting an Analysis
Learn the fundamentals for creating a presentation to highlight your analysis for stakeholders.
Viewed -
24 minPractice
Practice Data Visualization
Students will practice converting raw data into an informative visualization.
Viewed -
26 minWorkshop
Intermediate Spreadsheets
Are you ready to learn more about working with spreadsheets? This workshop will explore concepts such as conditional formatting, lookup functions, pivot tables, and error checking using Google Sheets. Expand your toolset as a data analyst and take your spreadsheet game to the next level!
Viewed -
95 minWorkshop
Python Sets
Dive into the basics of Python Sets! A set is an unordered collection of unique elements without duplicates. Elements are identified by membership rather than position. This workshop will introduce you to how to create and manipulate sets as well as how to perform common set operations.
Viewed -
6 minPractice
Practice the CSS Box Model
In this practice session, we’ll be working with the CSS Box Model.
Viewed -
10 minPractice
Practice Enhancing Design with CSS
In this practice session, we’ll be practicing enhancing a web layout with CSS.
Viewed -
8 minPractice
Practice CSS Media Queries
In this practice session, we’ll be working with CSS Media Queries.
Viewed -
8 minPractice
Practice CSS Length Units
In this practice session, we’ll be working with CSS Length Units.
Viewed -
45 minWorkshop
Combining Data for Analysis
In this workshop, students are introduced to common methods used to combine multiple datasets, specifically merge and concatenation. Students will use Pandas, a powerful data analysis tool built on top of Python. After completion, students are equipped to combine datasets for further analysis and manipulation.
Viewed -
32 minWorkshop
Introducing Coda
Get started with the basics of Coda! Coda reinvented how we create, share, and work with documents by combining the ease and familiarity of the document and spreadsheet software we're used to with the power, ease, and accessibility of apps. You'll learn how Coda can empower you to make documents that are as powerful as apps, then create and publish a simple Coda doc from scratch.
Viewed -
24 minWorkshop
Learning with Coda
In this workshop, you'll learn how to use Coda as a tool for learning, note-taking, time management, and more by customizing a workbook doc we've built in Coda to best fit your learning needs.
Viewed -
19 minWorkshop
String Manipulation with JavaScript
Learn and practice string manipulation methods that will allow you more control over data in your JavaScript programs.
Viewed -
20 minWorkshop
Introduction to New Relic
Learn what New Relic is and how its platform can support you in your learning and professional journey by building better and more reliable websites and applications.
Viewed -
3 minWorkshop
Why We Exist: Our Mission
For this portion of Orientation, we want to share a little bit about the mission of Treehouse. We’ll go in-depth around why this is our mission, how it relates to challenges in our industry, and what this has to do with Ubora!
Viewed -
47 minWorkshop
How to Use Treehouse
This workshop will introduce you to the Treehouse site and help you get the most out of your Treehouse learning experience.
Viewed -
20 minWorkshop
Hello Computer Science
In this workshop, students are introduced to fundamental Computer Science (CS) concepts. This workshop unpacks the history of computer science, defines key terms, and identifies common elements across multiple disciplines.
Viewed -
21 minWorkshop
Hello UX
User Experience Design, commonly called UX Design, encompasses all aspects of a user's interaction with a company, its services, and its products. UX designers prioritize the needs of users and create solutions through empathy. So when UX designers help design a product or service for a company, we’re constantly asking ourselves: who are that company’s users? What do the users want to achieve? What obstacles stand in their way? And how can we minimize those obstacles and make the experience of our users a positive one?
Viewed -
33 minWorkshop
Hello Front-End Web Development (FEWD)
Front-end web developers write the code that turns a static mockup into an interactive web page. In this workshop, we’ll take a look at the types of code front-end developers write, and even try it out ourselves. But before we do that, let’s take a closer look at the term front-end. Front-end developers are sometimes referred to as client-side developers, since everything we code is directly viewable by the client–in other words, the visitor to our website or app.
Viewed -
18 minWorkshop
Hello Full Stack JavaScript
This workshop provides an introduction to Full Stack JavaScript. Learn about the difference between front and back-end programming. Start writing code in JavaScript and making changes to web pages.
Viewed -
33 minWorkshop
Hello Python
An introduction to the Python programming language. Learn about what backend development is and how Python differs from other programming languages. Jump into writing code and creating your first small program.
Viewed -
33 minWorkshop
Analyzing Books with Pandas
Walkthrough an analysis of books using Python's Pandas.
Viewed -
10 minWorkshop
Using Local Storage With JavaScript
Local Storage is part of the Web Storage API, and allows you, as a developer, to store data in a user's browser. Let's learn how to use Local Storage and the Web API, then create a fun project to see it in action.
Viewed -
31 minWorkshop
SVG Workflow and Tools
Learn useful tools and techniques for optimizing, organizing, and structuring your SVG files. Then learn to size and scale your SVG with inline attributes.
Viewed -
11 minPractice
Practice Hooks in React
Practice React's built-in useContext and useState Hooks to update an app with user authentication.
Viewed -
16 minWorkshop
Structuring Your JavaScript Code
Improve the quality of your code by applying the principles of narrative flow, iterative coding, KISS, DRY, and JavaScript Best Practices.
Viewed -
30 minWorkshop
REST API Authentication with Express
This workshop will explore Basic Authentication and how to use it to implement user authentication within an Express REST API application.
Viewed -
49 minWorkshop
Responsive Design
In this workshop, we’ll be discussing responsive design, where content renders well and remains usable on a variety of devices and viewport sizes. On previous projects, you may have been asked to design with a specific screen in mind, whether a desktop, tablet, or mobile device. And sometimes, especially when designing a mobile app, this approach can be appropriate. For websites, however, it’s usually best to work with a single design and consider how that design transitions from screen to screen.
Viewed -
30 minWorkshop
Sequelize Model Validation
When working with an ORM library like Sequelize, you can take advantage of its built-in data validation and constraint capabilities. In this workshop, you'll continue to use Sequelize to write robust server-side data validation for a REST API developed with Express. The API allows you to create a user account and retrieve a list of user accounts.
Viewed -
13 minWorkshop
Treehouse Student Orientation
Welcome to Treehouse! This short student orientation helps you get started on your Treehouse learning journey, focusing on learning, and accomplish your learning goals.
Viewed -
11 minPractice
Practice Creating UX Content
Practice creating UX content. You'll be given two companies with differing brand personalities, and you'll create UX content for their product pages.
Viewed -
56 minWorkshop
Structuring Your Code
Improve your code structure by applying narrative flow, iterative coding, KISS, and DRY methods.
Viewed -
37 minPractice
Practice Using A Design System
For this practice session, we’ll be using Adobe XD to wireframe a homepage for votingrights.gov, an imaginary website for the United States federal government that informs citizens about their right to vote. We’ll start with a problem, a set of research, and some design explorations in the form of rough sketches. We’ll then use the United States Web Design System to ensure the look and behavior of our design are consistent with other federal government sites.
Viewed -
70 minWorkshop
React Hooks
Get started with React Hooks, special functions that let you use state, context, and perform side effects in function components.
Viewed -
9 minPractice
Practice Error Handling in Express
In this practice session, you'll get to sharpen your error handling skills in Express. Handling errors well helps users understand what's going on with your app when something goes wrong.
Viewed -
25 minWorkshop
Designing Dynamic UI States
When designing views in a website or app, it's common to think about the ideal state first. Content perfectly fills the UI, graphs are visualizing data, the user has familiarity with the tool, and the full functionality of the product is apparent. However, there are many more states to anticipate, from onboarding new users to helping more seasoned users discover new functionalities and manage copious amounts of data. In this workshop, you'll learn how to design UI for dynamic app states.
Viewed -
7 minPractice
Practice Sketching
For this practice session, you’ll be creating eight rough sketches for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.
Viewed -
11 minPractice
Practice Wireframing
For this practice session, you’ll be creating a digital wireframe in Adobe XD for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.
Viewed -
15 minPractice
Practice JavaScript Loops
Build up your JavaScript skills by practicing the basics of loops.
Viewed -
5 minPractice
Practice Creating a Sitemap
Practice creating a sitemap for an elementary school called Northeast Elementary. Use research and a persona to determine what features and pages the school will need on its website then organize and diagram them into a sitemap.
Viewed -
17 minWorkshop
Presenting Design Ideas
Learn how to effectively present your design process to stakeholders so you can communicate a vision. Define the agenda, set the project goals, share your research, compare iterations, navigate feedback, and create a path for the next steps.
Viewed -
18 minWorkshop
Designing for User Roles
Delve into the nuances of building a product for multiple audiences. Learn how user roles are defined and used. Recognize the importance of providing various permission levels, learn best practices, and analyze how B2B (business-to-business) products serve many types of users.
Viewed -
11 minWorkshop
Introducing Google Slides
Walkthrough Google Slides to understand the tools available to create presentations.
Viewed -
7 minPractice
Practice Prototyping
Practice prototyping by connecting mockups in Adobe XD. Practice creating tap, time, and drag interactions.
Viewed -
9 minPractice
Practice Serving Static Files in Express
Practice the basics of serving static files in Express, a popular web application framework.
Viewed -
8 minWorkshop
Understanding MVC
Learn the concepts behind the MVC -- Model, View, Controller -- programming pattern and how it can help you build web applications more efficiently and reliably.
Viewed -
37 minWorkshop
Creating Mockups
Learn how mockups are used in the design process, and discover techniques for bringing them into your workflow. Practice transforming a set of wireframes into realistic depictions of the app by applying visual design styling and using Apple’s UI Kit for Adobe XD.
Viewed -
6 minPractice
Before and After: Typography
Improve the typography on an existing design.
Viewed -
5 minPractice
Before and After: Layout
Improve the layout of an existing mobile iOS app.
Viewed -
7 minPractice
Before and After: Color
Practice designing with color.
Viewed -
11 minWorkshop
Solving Problems with UX Design
Product design is about solving problems. Learn how to identify problems, understand the difference between "needs" and "wants," and how to convert a problem statement into a hypothesis you can test with user research.
Viewed -
2 minPractice
Practice Storyboarding
Storyboarding is a great way to visualize a persona’s interaction with your product. Building a storyboard helps to keep your design and solutions human-centered by using a story to empathize with your users. In this workshop, you'll practice this important skill by creating your own storyboard.
Viewed -
10 minWorkshop
Creating an Affinity Diagram
Learn how to organize your research into an affinity diagram to uncover common patterns in data and uncover opportunities for applying User Experience Design to user pain points.
Viewed -
10 minWorkshop
Creating User Personas
Learn how to focus your design work by developing user personas to help you represent and visualize the audience or audiences for your website, application, or product.
Viewed -
10 minPractice
Practice Using Data with Pug Templates
Practice the basics of passing data to Pug views and generating HTML dynamically within an Express application.
Viewed -
37 minWorkshop
Using Sequelize ORM With Express
In this workshop, you will use the Sequelize ORM and Express to build a simple CRUD application that's connected to a SQL database.
Viewed -
14 minPractice
Practice Importing and Exporting Modules in Node.js
Practice the basics of importing and exporting modules in Node.js.
Viewed -
3 minWorkshop
Collecting Design Inspiration
Collecting design inspiration is a fun way to get fresh ideas! It also helps you stay current with design trends and become aware of emerging design patterns. The goal is to collect designs that spark your own creative ideas.
Viewed -
7 minWorkshop
Receiving UX Feedback by Example
See positive ways of handling different types of feedback on your designs, including constructive, negative, and prescriptive feedback.
Viewed -
18 minWorkshop
Debug Node Applications with Visual Studio Code
Debugging Node.js is not limited to using console.log. You can use more powerful and efficient tools like the built-in debugger within the Visual Studio Code editor.
Viewed -
5 minWorkshop
Process Sass with Scout-App
Learn one of the quickest and easiest ways to set up and use Sass in your front-end web development projects, with Scout-App.
Viewed -
26 minWorkshop
Handling Feedback as a UX Designer
This workshop prepares new designers for handling feedback on their work in a diplomatic, effective, and professional manner.
Viewed -
7 minWorkshop
Translating Pseudocode to JavaScript Code
Take pseudocode describing a function to calculate a GPA, and turn it into working JavaScript code.
Viewed -
28 minWorkshop
Plan Ahead with Pseudocode
Learn how to plan your programming projects before you open a text editor so you can discover logic errors before you start to share your ideas with your team.
Viewed -
8 minPractice
Practice Journey Maps
Journey maps are a helpful tool for UX designers that can articulate pain points that stand between a user and their intended goal. This practice session will help you analyze an experience and identify areas for improvement.
Viewed -
7 minPractice
Practice Empathy Maps
Empathy maps can help UX designers identify with users and understand their needs.
Viewed -
5 minPractice
Practice Design Criticism
One of the most important skills to have as a UX Designer is the ability to give and receive feedback on a project. This practice session will help you apply your critiquing abilities.
Viewed -
22 minWorkshop
Introducing the VS Code Text Editor
Text editors provide important tools that help developers write code. Get a feel for text editors and what they do by learning the basics of Visual Studio Code, a popular text editor with many tools and shortcuts to help to speed up development and make building websites and applications faster and easier.
Viewed -
2 minPractice
Practice Completing a Profile
Often when you register for a service, you're just asked for your email address and a password. But websites and apps that are heavily driven by your personal information often need a lot more. In this practice session, you'll create a UI that persuades users to enter more information.
Viewed -
3 minPractice
Practice Creating a Paywall
Websites that are content-driven will often need to balance paid content and free content. One way to do this is to give a free preview in the form of a UI pattern called a paywall.
Viewed -
4 minPractice
Practice Designing a Product Card
Cards are a common UI pattern used to create reusable elements that can be used in multiple contexts.
Viewed -
6 minPractice
Practice Semantic HTML
In this workshop, you'll practice the basics of semantic HTML. When you write markup that clearly communicates the meaning of your content, it is said that you're writing semantic markup.
Viewed -
10 minPractice
Practice Structuring and Grouping Content
Practice the fundamentals of structuring and grouping content with markup.
Viewed -
11 minPractice
Practice File Paths
Sharpen your HTML skills by practicing writing file paths for images and links.
Viewed -
8 minPractice
Practice Input and Output in Python
You've got the ability to get information from the user, input, and show them some results: output. Let's put your skills to work!
Viewed -
23 minPractice
Practice Properties in C#
In this practice session, you'll practice creating and using properties in C#.
Viewed -
19 minPractice
Practice Loops in C#
In this practice session, you'll practice using for and foreach loops in C#.
Viewed -
5 minPractice
Practice Vue.js Templating
Practice displaying data in a Vue.js template, as well as adding functionality to templates with Vue directives and methods.
Viewed -
9 minPractice
Practice Vue.js List Rendering
Practice list rendering, writing methods, computed properties and adding functionality to forms with Vue.js
Viewed -
31 minPractice
Practice Inheritance in C#
In this practice session, you'll practice using class inheritance in C#.
Viewed -
3 minPractice
Practice Python While Loops
While you are learning about loops, take a moment to practice using while loops.
Viewed -
5 minPractice
Practice Creating and Indexing Lists
Let's practice creating lists and printing their contents.
Viewed -
25 minPractice
Practice Encapsulation and Arrays in C#
In this practice session, you'll practice encapsulation and arrays in C#.
Viewed -
18 minPractice
Practice Creating Classes in C#
In this practice session, you'll practice creating classes using C#.
Viewed -
18 minPractice
Practice Methods in C#
In this practice session, you'll practice adding methods to classes in C#.
Viewed -
6 minPractice
Practice Comparisons in Python
A quick review of data types, making comparisons, and using if and elif statements in Python.
Viewed -
11 minWorkshop
HTML Dialog
Dialog boxes are a common design pattern across many websites, so the W3C created the
<dialog>
element as part of the HTML standard. In this Workshop, we'll learn how to use the<dialog>
element in combination with JavaScript to trigger modal and non-modal windows.Viewed -
12 minWorkshop
Pipenv: The Python Package Manager
Pipenv is a production-ready tool that aims to bring the best of all packaging worlds to the Python world. It harnesses Pipfile, pip, and virtualenv into one single command.
Viewed -
26 minPractice
Practice Basic Arrays in JavaScript
Practice creating array literals, accessing array items, and using array methods to add and remove array items.
Viewed -
17 minWorkshop
Using Create React Native App
Learn the fastest way to get up and running with React Native.
Viewed -
4 minPractice
Practice Java Arrays
Get a better understanding of Arrays in Java by completing this practice session!
Viewed -
5 minPractice
Practice Java Objects
In this Practice Session we'll create an Object to represent a cow.
Viewed -
44 minWorkshop
Working with the Fetch API
Learn how to use the Fetch API to fetch resources.
Viewed -
8 minPractice
Practice Basic jQuery Methods
Practice enhancing small projects using a variety of jQuery methods.
Viewed -
6 minPractice
Practice Working with jQuery Collections
Practice working with collections in JQuery.
Viewed -
8 minPractice
Practice Handling Events in jQuery
Practice responding to user actions with jQuery.
Viewed -
8 minPractice
Practice Let and Const in JavaScript
Practice working with let and const variables in JavaScript.
Viewed -
8 minPractice
Practice Arrow Functions in JavaScript
Practice arrow function syntax in JavaScript.
Viewed -
4 minPractice
Practice Hashing Passwords in JavaScript
When storing users' passwords, the most important thing to keep in mind is that you should always hash your passwords. Hashing is a one-way process of securing data with a strong algorithm. As of 2017, the accepted hashing algorithm is bcrypt.
Viewed -
8 minPractice
Practice Selecting DOM Elements
In this workshop, you will practice selecting DOM elements with JavaScript.
Viewed -
20 minPractice
Practice Object Literals in JavaScript
Practice creating, using and modifying simple object literals in JavaScript
Viewed -
7 minWorkshop
SQLite from the Command Line
Learn how to create and manage databases right from the command line on your own computer!
Viewed -
37 minWorkshop
Using the Angular CLI
In this workshop, you'll learn how to use the Angular CLI to easily create, modify, and serve Angular apps.
Viewed -
18 minWorkshop
Common Table Expressions Using WITH
Common Tables Expressions, or CTEs, use the WITH keyword to make more readable, modular and easy to understand SQL queries.
Viewed -
5 minPractice
Practice Traversing the DOM
Practice Traversing the DOM in JavaScript.
Viewed -
5 minPractice
Practice Template Literals
Practice using template literals in JavaScript.
Viewed -
8 minPractice
Practice Manipulating the DOM
Practice Manipulating the DOM with JavaScript.
Viewed -
37 minWorkshop
Using CSS Variables
Learn how to use native CSS variables to make your stylesheets less repetitive, easier to maintain and more.
Viewed -
26 minWorkshop
What's New in React 16
Get up to speed with new features in React 16, a complete rewrite of the React library.
Viewed -
15 minWorkshop
Introduction to Anaconda
Learn why you want to use Anaconda, and then learn how
Viewed -
5 minPractice
Practice CSS Grid: Columns, Rows and Gaps
Practice declaring row and column tracks, as well as applying gutters between them.
Viewed -
6 minPractice
Practice Flexible CSS Grid Layout
Practice using CSS Grid features that adapt your content to available space and intelligently size and position items within the grid container.
Viewed -
8 minPractice
Practice Grid Template Areas
Let's practice using grid template areas, a feature of CSS Grid that lets you assign named grid areas to items, and use those names to position items on the grid.
Viewed -
22 minPractice
Practice Writing Loops in Python
Programming with loops can be tricky, and the best way to get comfortable and grow your understanding is by practicing them.
Viewed -
15 minWorkshop
Jupyter Notebooks
The Jupyter project has an amazing tool for Python, Julia, R, and other languages. Learn how to install Jupyter Notebooks, use them, and install kernels for other languages.
Viewed -
22 minWorkshop
Using Create React App
Learn to quickly set up React projects using Create React App.
Viewed -
35 minWorkshop
Debugging CSS with Chrome DevTools
In this workshop, we'll explore the most useful and efficient tool for debugging CSS: Chrome Developer Tools.
Viewed -
14 minWorkshop
Introducing the Atom Text Editor
Text editors are simple but important tools that let developers write code. They include many helpful features to speed up development and make programming and building web sites faster and easier.
Viewed -
6 minPractice
Practice Ruby Numeric Types
Let's practice some basic Ruby to make sure that everything you've learned so far sticks. We'll review numeric types such as Fixnum and Float, as well as math operations.
Viewed -
4 minPractice
Practice Ruby Methods
Let's practice some basic Ruby to make sure that everything you've learned so far sticks. We'll review how to define and call Ruby methods.
Viewed -
14 minWorkshop
Introducing Microsoft Excel
Take a quick tour of this popular spreadsheet software.
Viewed -
3 minPractice
Practice Strings in Ruby
Let's practice some basic Ruby to make sure that everything you've learned so far sticks. We'll review single and double-quoted strings, as well as escape sequences.
Viewed -
4 minPractice
Practice Basic Math Calculations in Python
Let's practice doing math and type conversions!
Viewed -
4 minPractice
Practice Input and Output in Java
In this Practice Session we will work with I/O in Java.
Viewed -
3 minPractice
Practice Using Strings and Lists in Python
Practice creating basic strings and lists in Python. Use Python's multiplication abilities to save yourself some work!
Viewed -
8 minPractice
Practice JavaScript Math Methods
Practice using JavaScript's math methods to add, subtract, multiply, divide, as well as to convert strings to numbers.
Viewed -
7 minPractice
Practice If and Else If Statements in JavaScript
Practice simple conditional statements in JavaScript.
Viewed -
7 minPractice
Practice Basic JavaScript Functions
Practice creating basic JavaScript functions, adding parameters, calling functions and passing values.
Viewed -
7 minPractice
Practice Input and Output in Ruby
Let's practice some basic Ruby to make sure that everything you've learned so far sticks. We'll review variables, as well as simple input and output.
Viewed -
6 minPractice
Practice Simple WHERE Clauses with SQL
In this workshop we'll practice simple WHERE clauses.
Viewed -
4 minPractice
Practice Column Selection and Aliasing with SQL
In this practice session we'll cover selecting columns and aliasing them.
Viewed -
10 minWorkshop
Code Coverage with Istanbul
Code coverage is the development practice in seeing how much of your code is covered by tests. We'll use the Node.js module Istanbul in this workshop to illustrate code coverage in Node.js projects.
Viewed -
21 minWorkshop
Create a Media Player with MediaElement.js
MediaElement.js allows you to offer a consistent experience with audio and video across browsers. You can also customize the players to your heart's content. Let's learn how to use MediaElement.js to share audio and video with your users.
Viewed -
7 minPractice
Practice CSS Box Model Basics
Practice working with the core components of the CSS box model.
Viewed -
6 minPractice
Practice CSS Floats
Practice laying out a web page and wrapping text around elements, with CSS floats.
Viewed -
6 minPractice
Practice Basic Variables, Input & Output in JavaScript
Practice creating variables, working with input and alert dialog boxes, concatenating strings and using JavaScript string methods.
Viewed -
39 minWorkshop
Debugging JavaScript in the Browser
JavaScript programs are mysterious and hidden realms where magic happens. This can be delightful when everything is working. During development, though, things often won't work so well, and understanding why can be hard. You need a way to dispell the fog and see everything clearly. In this workshop we'll learn how to use a tool that professionals rely on to get crucial insights into their JavaScript programs: Chrome's Developer Tools (DevTools). With DevTools, you can get amazing access to the inner workings of your program while it runs, controlling how it executes with fine-grained control. This means that once you learn the DevTools arts, you can find and fix problems in a snap! Prerequisite Course For best results, we recommend first taking the following course: * DOM Scripting By Example (https://teamtreehouse.com/library/dom-scripting-by-example)
Viewed -
5 minPractice
Practice Media Queries
Practice writing CSS media queries by adjusting the layout of a simple web page.
Viewed -
5 minPractice
Practice CSS Selectors
Practice basic CSS selectors by targeting and styling elements of a web page.
Viewed -
27 minWorkshop
SQL Window Functions
Window functions are a powerful SQL feature that let you compare results against other results within a query. With them, you can you can compare one row to other rows in a query to calculate each row as a percent of the total, for example, or to add a moving average to a report.
Viewed -
15 minWorkshop
Python Type Hinting
Pythonistas have always relied on duck typing to handle different values in variables. Starting with Python 3.0, continuing in 3.5, and wrapping up in 3.6, type hints have been added to Python. What are these strange constructs and what have they done with all the ducks?
Viewed -
25 minWorkshop
App Deployment Accounts
When working on the public server where your users will interact with your app, you need to be careful. If you accidentally alter the wrong setting, service, or file, your app could go down. That's why it's considered best practice for your developer account to have limited access, and to create a separate deployment account with full control over the system. You can use the deployment account to set up your app and deploy new versions, and use your development account for day-to-day maintenance tasks, secure in the knowledge that making a mistake won't break everything.
Viewed -
7 minWorkshop
What's New in Python 3.6?
Python 3.6 was released in December, 2016 and brought with it some great new features. Let's look at a few of them in detail to see what you can start adding to your code today!
Viewed -
23 minWorkshop
Understanding Express Middleware
Learn how Express Middleware works. We'll walk through some simple examples to start. Then we'll create a simple Express app to show middleware in context. Prerequisite Course For best results, we recommend first taking the following course: Express Basics (https://teamtreehouse.com/library/express-basics)
Viewed -
13 minWorkshop
Debugging Node Applications with Google Chrome
Debugging Node.js is not limited to using console.log, you can use more powerful tools like Google Chrome's DevTools Inspector.
Viewed -
18 minWorkshop
Linux Servers on VirtualBox
Today we're going to show you how to set up a Linux server running as a virtual machine on your development system. (If you haven't worked with virtual machines before, think of it as a computer within a computer.) This is a great way to set up a sandbox where you can try out deploying your applications.
Viewed -
22 minWorkshop
Introducing Progressive Web Apps
Learn a new way of delivering amazing user experiences on the web with Progressive Web Apps (PWAs).
Viewed -
9 minWorkshop
Introducing Template Literals
Template literals offer a lot of convenience when creating strings in JavaScript. Let's look at the main features.
Viewed -
14 minWorkshop
Defining Variables with let and const
For most of JavaScript's life, there's been only one way to create, or "declare", a variable: the var keyword. In the latest version of JavaScript there are two new ways: const and let.
Viewed -
8 minWorkshop
Introducing Arrow Function Syntax
ECMAScript 2015 has been widely adopted by all modern browsers. This means we can use a more concise way to write functions. In this workshop we'll convert some traditional functions into a more modern syntax.
Viewed -
13 minWorkshop
JavaScript and the Internet of Things
JavaScript is everywhere. From it's humble beginnings in the browser, to it's renaissance on the server side, Javascript is incredibly popular. This has lead to individuals putting JavaScript runtimes in to embedded electronics. Discover the strategies you can employ with JavaScript enabled IoT projects.
Viewed -
13 minWorkshop
Setting Up Travis CI with Node.js
In this workshop we'll show you how to use the Continuous Integration service, Travis CI, to automatically run tests in your Node.js projects.
Viewed -
13 minWorkshop
Build a Cross-Platform Desktop Application with Electron
Learn how to use Electron to create a desktop application that will run on Windows, macOS and Linux.
Viewed -
25 minWorkshop
Exploring JavaScript Conditionals
In this workshop, we'll explore alternatives to if..then statements for controlling program flow. Even if you don't end up using them, you will see these forms appear in other code bases, and it's helpful to know how they work.
Viewed -
22 minWorkshop
Understanding Closures in JavaScript
In this workshop learn how closures are used to preserve data between function calls.
Viewed -
49 minWorkshop
Introduction to PostCSS
Learn PostCSS, a popular CSS processing tool for styling your websites and applications.
Viewed -
37 minWorkshop
Introduction to Design Patterns
Design patterns are a collection of language agnostic solutions to common programming problems. This Workshop is a quick overview that will get you familiar with their origin and how to find and use them.
Viewed -
44 minWorkshop
Using SQL and Node.js with Sequelize
In this workshop we'll use SQL and Node.js together with the popular ORM Sequelize.
Viewed -
115 minWorkshop
Build a REST API in Spark
Together we'll explore how to build a REST API in the wonderful Spark micro-framework.
Viewed -
14 minWorkshop
CSV and JSON in Python
CSV and JSON files are two very common formats for storing and retrieving data. Both have great support in the Python language. Let's see how to take advantage of each of these file types.
Viewed -
14 minWorkshop
Python File I/O
You're likely to find that, sooner or later, you're going to need to read and write data to and from files. Python makes that easy so let me show you how!
Viewed -
9 minWorkshop
GitHub in Workspaces
If you're ready to use GitHub for version control, but want to stick with using Workspaces, this workshop quickly shows how to use these two great tools that work well together.
Viewed -
22 minWorkshop
PyCharm
Want to use an IDE for your Python, Flask, or Django development? This workshop will show you how to install PyCharm and explore some of its more useful features.
Viewed -
12 minWorkshop
Deploy a Node Application to Heroku
Heroku is a git-based, simple to use, hosting platform. You can deploy Ruby, PHP, Java and Python web applications to it in a breeze. But more importantly you can deploy Node.js applications too!
Viewed -
30 minWorkshop
Dependency Management with Gradle
This workshop will walk through what dependencies are, why you want them, how to use them, and finally how to manage them.
Viewed -
26 minWorkshop
Using Treehouse Workspaces
Workspaces is an online text editor and development environment that is integrated with Treehouse. In other words, it's the tool that can help you write the code to make websites and web applications. You can use Workspaces to follow along with Treehouse courses, and you can also use it to build projects on your own and practice coding. In these lessons, we'll take a closer look at Workspaces and learn how to use its features step-by-step.
Viewed -
38 minWorkshop
Feeling Loopy with Java
Let's take a deeper dive together in this live workshop about the different types of loops in Java.
Viewed -
21 minWorkshop
The CSS calc() Function
The CSS calc() function performs a calculation and returns a result. calc() allows mathematical expressions that add ‘+’, subtract ‘-’, multiply ‘*’, and divide values ‘/’. In this workshop, you'll learn three useful ways to use calc() in your projects.
Viewed -
14 minWorkshop
Using npm as a Task Runner
There are other popular JavaScript task runners out there, like Grunt and gulp but you may not need it.
Viewed -
23 minWorkshop
Image Manipulation with Python
Learn how to use Python and the Pillow library to modify images through code.
Viewed -
40 minWorkshop
Tkinter
Learn how to use the built-in tkinter library to produce GUI applications that run on your computer.
Viewed -
8 minWorkshop
How to Create and Distribute an npm Package
In this Workshop we'll sign up for npm, login in the command line, prepare our package, test our package and distribute it so thousands of other developers can use our code in their projects.
Viewed -
22 minWorkshop
Build a Responsive Navigation with Flexbox
Learn how to build a responsive website navigation, using CSS media queries and flexbox layout.
Viewed -
16 minWorkshop
Java Lambdas
Lambdas are anonymous functions. They were added to the language in Java 8, and can be used any place a Single Abstract Method was used before.
Viewed -
9 minWorkshop
Ruby Enumerable
In this Workshop, we'll learn all about the Ruby Enumerable module and see different examples of how it works.
Viewed -
43 minWorkshop
Getting Started with TypeScript
Andrew Chalkley shows you how to get up and running with TypeScript, an enhanced version of JavsScript that provides static typing, classes and interfaces. TypeScript compiles to regular JavaScript code so you can write TypeScript code that works in every common JavaScript environment such as browsers and Node.js.
Viewed -
14 minWorkshop
Create Tooltips with CSS
Tooltips are a great way to provide additional information to your users. This pure CSS technique that we are about to learn employs both pseudo-elements and custom data- attributes.
Viewed -
16 minWorkshop
Create a Fullscreen Slider with CSS
Learn to create a full-screen, horizontal slider using pure CSS. Image carousels have been a popular design pattern for many years and there are hundreds of jQuery plugins out there to create them. This workshop will demonstrate that HTML and CSS are more than capable of handling the task.
Viewed -
8 minWorkshop
Create an Accordion Menu with CSS
Learn to create a content accordion menu with CSS. Content accordions are great for when space is limited and you have a lot of content that you want to present in a cleaner fashion.
Viewed -
8 minWorkshop
Create a Modal Window with CSS
Learn how to create a popular UI design pattern, the modal window, with CSS. Although usually built with JavaScript, CSS can provide fallbacks and replacements for many of the JavaScript interactions.
Viewed -
23 minWorkshop
Python Decorators
Decorators in Python are a common way of wrapping repeated functionality around your functions, methods, and classes. They're also one of the trickier things to learn how to build yourself. Let's see how to construct our own decorators and learn a bit about how Python handles functions, scope, and closures.
Viewed -
13 minWorkshop
Using the Requests Library
The requests library is one of the most popular Python libraries, period. It's amazingly friendly and useful and makes working with RESTful APIs on the Internet a breeze. In this workshop, we'll look at how to use the library to make GET, POST, and other requests, how to process JSON data, and how to handle HTTP Basic and Digest auths.
Viewed -
12 minWorkshop
CSS Clipping Paths
In this workshop, you will learn about an advanced CSS feature called clipping paths.
Viewed -
8 minWorkshop
CSS Masks
In this workshop, we're going to cover an exciting CSS design effect: Masks.
Viewed -
17 minWorkshop
JavaScript Booleans
Logic is an incredibly important part of programming. Typically languages will have a “boolean” data type with two values, “true” or “false”. In JavaScript, some of the behaviors that produce “truthiness” and “falsiness” can be confusing. In this workshop, you will be steeped in all of the different ways JavaScript takes into account booleans.
Viewed -
20 minWorkshop
Using the Geolocation API in JavaScript
Smart devices with GPS common place in todays world. With that being true we can start tapping in to that information to make exciting applications. Developers can get a user's location by using a Geolocation API. In this Workshop, Andrew shows you not only how to find a location but handle all the other gotchas and errors that can occur.
Viewed -
18 minWorkshop
The JavaScript 'use strict' Statement
This workshop is all about JavaScript’s “use strict” statement. Recently you may have seen a curious little string “use strict”; appearing at the top of JavaScript files and within functions. This little statement causes the JavaScript interpreter to run in a strict variant. It can introduce a lot of breaking changes to your code, but in this workshop we’ll check out why this is a good thing!
Viewed -
14 minWorkshop
CSS Blend Modes
In this workshop, Guil covers how to use blend modes, an exciting CSS feature that resembles a tool you'd normally find in your favorite graphics editor.
Viewed -
30 minWorkshop
HTTP: Do you GET it?
Let's explore and demystify the language of the Internet, HTTP.
Viewed -
53 minWorkshop
Functional Programming with Python
Kenneth Love provides a quick overview and introduction to the world of functional programming and how to use it in Python
Viewed -
34 minWorkshop
Rapid Website Prototyping
In this workshop, Treehouse web design teacher Nick Pettit will be demonstrating how to rapidly prototype websites using a combination of mockup tools and front-end frameworks.
Viewed -
48 minWorkshop
Live Q&A with Nick Pettit and Jason Seifer
In this very special, very live Workshop, Nick and Jason decided to try something new for April Fools' Day: taking your phone calls! They answer questions about game development, Ruby vs. PHP, changing careers, and much more.
Viewed -
30 minWorkshop
The Blank Slate
Join Treehouse web design teacher Nick Pettit for this live Workshop all about blank slates. The blank slate or "empty state" is when an application has no data. Not only is the blank slate a critical part of UX, but it can also be used to educate customers and increase their overall happiness with the experience. Have your questions ready and join us at 2 pm ET on March 11!
Viewed -
35 minWorkshop
How to Make a Favicon
Learn how to design and create favicons with Treehouse web design teacher Nick Pettit. From sizing and best practices to implementation and advanced techniques, this Workshop will make you a favicon expert in no time.
Viewed -
61 minWorkshop
Web Design Q&A
In this live Q&A session, Nick answers student questions about responsive images, front-end frameworks, getting a job in the industry, and much more.
Viewed -
63 minWorkshop
Usability Testing
In this live workshop, Dan Gorgone walks through the steps of usability testing for your website or app. He covers the benefits of testing; what to do before, during, and after tests; and strategies to improve your testing process over time.
Viewed -
73 minWorkshop
Creating Wireframe and Photoshop Mockups
In this live Workshop, Nick creates a mockup for the website of a fictional to-do list app. He starts out with wireframes using Balsamiq, then moves on to Photoshop and creates a high fidelity mockup. Finally, Nick shows how to prototype the mockup in HTML and CSS.
Viewed -
50 minWorkshop
Creating a CSS Marquee
In this live Workshop, Nick tinkers around with CodePen and creates a movie theater marquee in HTML and CSS. He also takes questions from our YouTube audience!
Viewed -
16 minWorkshop
Career Self-Assessment with C.C. Chapman
Guest speaker and author C.C. Chapman provides helpful tips on how to perform self-assessment, including taking a look at your personal needs and obligations and setting your course. C.C. explains how you can find some focus in your career by completing some activities from his book, Amazing Things Will Happen.
Viewed -
33 minWorkshop
CSS Best Practices
There’s more to writing good CSS than simply knowing all the latest and greatest features and techniques. In this workshop, we'll cover best practices for making our CSS more efficient, maintainable, and scalable.
Viewed -
24 minWorkshop
Measuring Company Performance with MRR, Churn and Lifetime Values
Keeping track of and understanding your company's revenue is an essential task. It is very hard to evaluate what factors are affecting your revenue stream by looking at your bank account. In this workshop, Pasan walks you through different metrics you can use to determine the relationships between your business activities and your revenue stream. By monitoring metrics such as MRR, Churn and Lifetime Value, you can react to business conditions faster and run your company more efficiently.
Viewed
Whoops! Perhaps you can try a broader search.