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)
-
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 -
Workshop
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 -
30 minPractice
Practice Using Room
The Room persistence library makes working with databases much easier. In this practice session will build a simple note-taking app and use a Room database to store the notes!
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 -
5 minPractice
Practice Hashing Passwords in PHP
When storing user’s 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 -
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 -
10 minPractice
Practice Loops and Conditionals in C#
In this practice session, you'll practice writing loops and conditional statements using C#.
Viewed -
13 minPractice
Practice Validation and Exceptions in C#
In this practice session, you'll practice validating input and catching exceptions using C#.
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 -
6 minPractice
Practice Creating a C# Workspace
In this practice session, you'll practice creating a C# workspace—including compiling and running a simple console application.
Viewed -
26 minWorkshop
Dependency Injection in ASP.NET
In this workshop, you'll learn about dependency injection and how to use it in ASP.NET MVC and ASP.NET Core applications.
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 -
36 minWorkshop
Entity Framework Query Performance
In this workshop, you'll learn how to audit Entity Framework queries and resolve common performance issues.
Viewed -
6 minPractice
Practice Basic Variables, Input, and Output in C#
In this practice session, you'll practice declaring and assigning variables, capturing user input, and writing output to the console using C#.
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 -
36 minWorkshop
Entity Framework Data Concurrency
In this workshop, you'll learn about data concurrency and how to implement optimistic data concurrency controls using Entity Framework.
Viewed -
5 minPractice
Practice Including PHP with HTML
Practice using PHP to include variables, files and dates within an HTML page.
Viewed -
5 minPractice
Practice PHP if/else Statements
Practice using if, else and elseif statements to control the flow of your application.
Viewed -
4 minPractice
Practice PHP String Manipulation
Practice creating, manipulating and outputting string variables in PHP.
Viewed -
5 minPractice
Practice PHP Number Variables
Practice creating, manipulating and outputting numeric variables including integers and floats.
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 -
5 minPractice
Practice with Views in Android
In this workshop you're tasked with creating a counter app!
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 -
23 minWorkshop
Publishing an ASP.NET Core Application to Azure
In this workshop, you'll learn about Microsoft's Azure cloud computing platform and how to publish an ASP.NET Core website to an App Service instance using Visual Studio or GitHub.
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 -
19 minWorkshop
Create an Options Menu
An Options Menu is a great way to let your users take actions on what they see on the screen. In this workshop, we'll be taking a pre-existing app and adding an Options Menu!
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 -
13 minWorkshop
Loading with Loaders
Loading data in Android can be complicated, but Loaders aim to fix that!
Viewed -
18 minWorkshop
Build a Realtime Database App with Firebase
Ever wondered how difficult it would be to create a Twitter clone? With Firebase, it’s never been easier. The app in this workshop isn’t quite as complex as Twitter, but it does demonstrate the power of the realtime capabilities of Firebase. Join us as we create a Realtime Messaging application in just five quick videos! We’ll cover how to create a Firebase project in the Firebase Console, how to adjust Firebase read and write permissions, and how to receive realtime updates in YOUR Android applications using Firebase.
Viewed -
7 minWorkshop
Getting Started with Firebase
Whether you're an individual developer looking to get started with a hackathon project, or a huge team looking to add more features to your production app, Firebase has features that can greatly improve your product and make development easier. Firebase is a realtime database backend-as-a-service, meaning that you don't have to write any code to set up your backend. In this workshop, we will go over some of the key features of Firebase, talk about where Firebase could help your development team, and some of the key consideration points when you are trying to turn your ideas into a reality. We will discuss what Firebase is, how Firebase can add value to your applications, and a little bit about how it works. However, if you're already familiar with Firebase but are looking for a little added guidance on how to use it, please check out our other Firebase workshops.
Viewed -
26 minWorkshop
Rails Servers with Unicorn and Nginx
In this workshop, we're going to show you how to set up a "reverse proxy" between your Rails app and the Internet at large. We've going to use a high-performance web server called Nginx as our reverse proxy. Nginx will also serve the static files in our app's "public/" directory, so Rails doesn't have to. We'll also set up Unicorn, an HTTP server that will manage connections to your actual Rails app. Unicorn is good for your site's stability and speed.
Viewed -
9 minWorkshop
Composing Functions in Java
A powerful feature of functions is that you can compose them together to create a functional pipeline. Let's explore some use cases.
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 -
12 minWorkshop
Rails and PostgreSQL in Production
Rails can easily be configured to work with a wide variety of other databases. One of the most popular for production use is PostgreSQL. In this workshop, we're going to cover using Postgres with your Rails app.
Viewed -
14 minWorkshop
Optionals - Tips and Tricks
Java 8 introduced the concept of an Optional value to represent "no result" from methods. It is often misunderstood, let's clear things up!
Viewed -
19 minWorkshop
Install Rails in Production
Your production server is the place the public will interact with your app. Before you can deploy any apps there, you're going to need Rails installed on the server. This workshop will show you how.
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 -
10 minWorkshop
Consumer Functional Interface
Explore how to use the java.util.function.Consumer functional interface to remove some of your ceremonial legacy dances.
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 -
40 minWorkshop
Custom Views in Android
In this workshop we'll learn about custom Views in Android by creating a stock chart app!
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 -
32 minWorkshop
Content Providers
Learn about how to use a Content Provider to serve up data for your app!
Viewed -
55 minWorkshop
Creating Data Structures Using C# Generics
Implementing your own data structures for organizing and working with data can be a powerful tool! To do this, we'll learn how to write generic classes and methods as well as how to implement the IEnumerable
interface. 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 -
26 minWorkshop
Dependency Management with Composer
In this course we'll learn about packages, dependencies, repositories and versioning. We'll be using a PHP tool called Composer for managing all these pieces to work together with our application.
Viewed -
8 minWorkshop
Deep Links
Learn about how to link from a web page directly to a specific part of your app in this workshop on deep links!
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 -
12 minWorkshop
Android Permissions
This course covers the new Marshmallow permission system!
Viewed -
39 minWorkshop
Android Widgets
Widgets let you easily share information with your users without requiring them to open your app. In this workshop we'll see how to create and manipulate widgets by creating one ourselves!
Viewed -
16 minWorkshop
Localization in Android
Learn how to localize an app for more than one language in this super exciting workshop!
Viewed -
30 minWorkshop
Building with Maven
Developing applications for distribution usually involves the use of a build tool. In the Java world, this is likely either Gradle or Maven. In this workshop, we'll explore the basic use of Maven as a tool to compile, test, and package your application. We'll cover the standard directory layout of a Maven project, the Project Object Model (POM), and dependency management with Maven.
Viewed -
44 minWorkshop
C# Extension Methods
C# extension methods allow us to add methods to any type without altering the code of that type.
Viewed -
18 minWorkshop
Basic Exception Handling with PHP
Exceptions are the object-oriented approach to handling errors. An exception is an object that is “thrown” by your application in the event that something goes wrong. They allow you to customize how a program handles errors, and gracefully degrades an application.
Viewed -