• • 1
  • 2

  24 min
  Course

  App Planning & Organization with Adalo

  | 41 students

  Turn your app ideas into reality—no coding knowledge required! In App Planning & Organization with Adalo, you'll learn essential strategies to organize, scope, and develop your no-code app with confidence. This course covers effective app organization and scoping techniques, helping you outline your app's features, goals, and structure for a seamless development process. You'll also dive into branding essentials, learning how to create and implement unique design elements that give your Adalo app a polished and professional look. To ensure your workflow is smooth and efficient, the course will give tips for chosing a project management framework such as Kanban and Scrum, along with tools like Trello, Airtable, and Asana. You'll also learn about collaboration applications like Google Sheets, Google Docs, and Notion, perfect for document sharing and team collaboration. By the end of this course, you'll have the knowledge and skills to plan and execute your app development process like a pro, ensuring your Adalo app stands out from the crowd!

  • No-Code
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5
  • 6

  2 hours
  Course

  The Complete Guide to Publishing Your No-Code Apps with Adalo

  | 39 students

  This comprehensive course guides you step-by-step through the process of publishing your Adalo-built applications to major platforms, including the Apple App Store, Google Play Store, and the web. Whether you're launching your first app or looking to refine your publishing skills, this course equips you with the knowledge and tools to make it happen. Perfect for entrepreneurs, product managers, and developers of all skill levels who want to bring their Adalo projects to market, this course will give you the confidence and expertise to publish your apps across multiple platforms, reaching users wherever they are.

  • No-Code
  • Beginner
• 2 min
  Workshop

  Build a Weather App in Less Than 3 Minutes

  Create a weather app in just 3 minutes using AI prompts, Supabase, and secure backend workflows inside WeWeb (https://go.weweb.io/dWvREtb)'s AI-native visual editor.

  Viewed
  • No-Code
  • Beginner
• 28 min
  Workshop

  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
  • AI
  • Beginner
• 90 min
  Workshop

  Build a To-Do List App with Replit Agent

  In this workshop, participants will learn how to create a fully functional task tracker using Replit, a powerful online coding platform. With the assistance of Replit Agent, an AI-powered tool, you'll discover how to design, develop, and deploy your task tracker efficiently. This hands-on session is perfect for developers and builders of all skill levels—no previous coding experience is required—and is ideal for anyone looking to enhance their app building skills.

  Viewed
  • Vibe Coding
  • Beginner
• 3 min
  Workshop

  Introducing Lovable.dev for No-Code Web App Design

  This workshop introduces Lovable.dev, an AI platform that lets you build production-ready interfaces using simple text prompts—no code required. You’ll describe what you want, and the AI handles the UI and setup. With built-in Supabase integration, you can turn your interface into a full-stack app without the usual complexity. This session is for anyone looking to move from idea to working product faster and with less time spent coding.

  Viewed
  • Vibe Coding
  • Beginner
• 22 min
  Workshop

  Introducing Progressive Web Apps

  Learn a new way of delivering amazing user experiences on the web with Progressive Web Apps (PWAs).

  Viewed
  • Courses Plus
  • Dev Tools
  • Intermediate
• 25 min
  Workshop

  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
  • Courses Plus
  • Dev Tools
  • Advanced
• • 1
  • 2
  • 3

  36 min
  Course

  Getting Started in Adalo

  | 79 students

  Unlock the power of no-code app development with Getting Started in Adalo! This beginner-friendly course introduces you to Adalo, an intuitive platform that allows anyone to design and build fully functional mobile and web apps without writing a single line of code. Whether you’re looking to create a personal project, prototype an idea, or launch a business app, this course will guide you through the essentials of using Adalo’s tools and features—no coding experience required!

  • No-Code
  • Beginner
• 38 min
  Workshop

  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
  • JavaScript
  • Beginner
• 40 min
  Workshop

  Hello Swift & SwiftUI

  Learn the basics of Swift and SwiftUI, Apple’s programming language, by building your first iOS app! This beginner-friendly course covers Swift programming, Xcode setup, and UI design with SwiftUI. You'll apply your skills by creating a Dice Roller app, using state to update the UI dynamically. No prior coding experience needed—just dive in and start building!

  Viewed
  • Swift
  • Beginner
• 3 hours
  Bonus Series

  Treehouse Reviews

  Welcome to Treeviews, the show where Treehouse members submit their work - website, app, or other project - and a panel of Treehouse teachers offers feedback.

  Viewed
  • Courses Plus
  • Design
• 44 hours
  Bonus Series

  Code & Chill Livestreams

  Watch Treehouse Developer Advocate Dustin Usey on Code & Chill, a weekly livestream on Twitch where he streams random app builds, hosts fun code-along sessions, and hangs out with the Treehouse community.

  Viewed
  • JavaScript
• • 1
  • 2
  • 3
  • 4

  90 min
  Course

  Usability Foundations

  | 10181 students

  The concept of usability is directly tied to the success of websites and apps. How easy are they to use? We'll learn in this course how to ensure users can accomplish their goals on websites and apps, as well as laptops and mobile devices. We'll also consider the user centered approach to design, highlight common usability issues on sites and apps, and offer tips on how to ensure your designs stay as usable as possible.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5

  103 min
  Course

  Introduction to Docker

  | 5828 students

  Docker allows any developer of any language to package an app into a container, like a shipping container. Containers include an app and all the other software it depends on, like databases. Containers let your users easily run your website, app, or service on any operating system they want. This course will show you how Docker works, and how it can make it easier to distribute your software!

  • Dev Tools
  • Intermediate
• 19 min
  Workshop

  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
  • JavaScript
  • Intermediate
• 37 min
  Workshop

  Build a No-Code Web App with Softr

  Learn Softr, a powerful no-code platform that makes it easy to build custom web apps, client portals, and internal tools. This workshop is perfect for anyone looking to create a professional online presence quickly. By the end, you'll understand how to bring your ideas to life and confidently create your own web apps with Softr.

  Viewed
  • No-Code
  • Beginner
• 52 min
  Workshop

  Build Your Own CRM in Lovable Step-by-Step

  This workshop introduces Lovable.dev, an AI-powered tool that helps you turn ideas into working web apps using simple prompts. Watch as Christian and Dan get hands-on with features like text-to-app generation, Supabase integration, and easy deployment. Whether you’re building a prototype or just exploring what’s possible, it’s a practical session for anyone interested in faster, simpler app development.

  Viewed
  • Vibe Coding
  • Beginner
• 21 min
  Workshop

  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
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  113 min
  Course

  React by Example

  | 7303 students

  Learn React programming patterns by building an application for keeping track of RSVP's! We'll start at the beginning, using create react app (https://github.com/facebookincubator/create-react-app) to initialize the project, and by the end you'll have a functional application.

  • JavaScript
  • Intermediate
• 22 min
  Workshop

  Using Create React App

  Learn to quickly set up React projects using Create React App.

  Viewed
  • JavaScript
  • Intermediate
• 5 min
  Workshop

  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
  • CSS
  • Beginner
• 55 min
  Workshop

  Build and Deploy a Landing Page Using Bolt

  This workshop introduces Bolt.new, an AI-powered platform that helps you build web apps using natural language prompts. In this session, we'll build a landing page from scratch, integrate a waitlist, and deploy it—all without writing traditional code. It’s a practical, hands-on experience for anyone looking to prototype quickly and start growing an audience right away.

  Viewed
  • Vibe Coding
  • Beginner
• 4 hours
  Bonus Series

  HTML5 Mobile Web Applications

  Learn how to build a mobile HTML5 web app that will work across multiple devices, from start to finish using canvas, localStorage and video.

  Viewed
  • Courses Plus
  • HTML
• 7 min
  Workshop

  Monetize Your App with Stripe in 5 Minutes Using Cursor

  Want to make money from your web app but not sure where to start? Neither does Dustin—but in this video, watch as he uses Cursor to figure out how to integrate Stripe for payments. Whether you're building a SaaS, a marketplace, or selling digital goods, adding a seamless checkout is key to getting paid.

  Viewed
  • AI
  • Intermediate
• 6 hours
  Bonus Series

  Design and Development

  Learn how a designer and developer can effectively collaborate to build a web app.

  Viewed
  • Courses Plus
  • CSS
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Python Dates and Times

  | 486 students

  As a Python developer, you will inevitably come across the need to use dates and times in your projects. This course will teach you how to use Python to work with dates and times. You will learn how to manipulate and format dates, calculate time differences, and explore the built-in datetime module. By the end of this course, you will have a solid understanding of how to handle dates and times in Python for a variety of applications. Throughout this course, we'll work together to build a simple app that will utilize this new concept and solidify your understanding.

  • Python
  • Beginner
• • 1
  • 2
  • 3

  72 min
  Course

  Introduction to Application Security

  | 3478 students

  Welcome to the realm of web security, where millions of dollars and people’s lives are on the line. Well, not in all cases, but some! From protecting static web sites to the most complex of web services and APIs, every web developer should be aware of and adept at writing secure code and building systems that can stand up to the strongest of malicious users. In this course, we will lay the groundwork for what you need to know to get started exploring the vast field of web security, and along the way you will begin to realize that security isn’t about checking boxes, but rather about embedding the thought process and principles of rock-solid security into every line of code you write. First, we will discuss why security matters to you as a web developer, then we will look at data security at an implementation level, then finally we will examine the art of maintaining your websites, apps, and services on a daily basis.

  • Security
  • Intermediate
• 3 hours
  Bonus Series

  Treehouse Quick Tips

  Treehouse Quick Tips are fast and easy lessons that you can start applying now. Learn to create stunning designs in Photoshop, beautiful websites, and useful mobile apps for Android and iOS.

  Viewed
  • HTML
• 32 min
  Workshop

  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
  • Dev Tools
  • Beginner
• 8 min
  Workshop

  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
  • JavaScript
  • Beginner
• 4 min
  Workshop

  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
  • CSS
  • Beginner
• 8 min
  Workshop

  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
  • JavaScript
  • Beginner
• 37 min
  Workshop

  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
  • CSS
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

  5 hours
  Course

  Build an Instagram Clone in Adalo

  | 37 students

  Ready to create your own almost-perfect copy of Instagram? In this hands-on course, you'll build a fully functional social media app using Adalo, a no-code app development platform. From setting up a robust database to designing an intuitive user interface, you'll learn to implement key features like user onboarding, posting and viewing content, messaging, notifications, and more. By the end of the course, you'll have a polished Instagram clone and the skills to tackle other no-code projects with confidence.

  • No-Code
  • Beginner
• 3 min
  Workshop

  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
  • HTML
  • Beginner
• 8 min
  Workshop

  Go from Figma → No-Code App in WeWeb with AI

  WeWeb now have their own dedicated plugin available on Figma. Using the plugin, you can import designs and design systems, and even map components from your WeWeb (https://go.weweb.io/dWvREtb) workspace to the components in your Figma workspace, allowing them to be used in imports.

  Viewed
  • No-Code
  • Beginner
• 3 hours
  Bonus Series

  Dev Team Show

  The Dev Team Show is a biweekly show released every other Thursday, where Treehouse Teacher James Churchill leads conversations about development with a guest. Each episode covers a single developer-related conversation that you and your team should be talking about.

  Viewed
  • Courses Plus
  • Dev Tools
• 16 min
  Workshop

  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
  • JavaScript
  • Beginner
• 78 min
  Bonus Series

  Fluid Grids

  Learn how to create fluid grid layouts using percentage based widths. We'll go over everything you need to know to extract fluid grid calculations from high fidelity mockups.

  Viewed
  • Courses Plus
  • HTML
• 33 min
  Workshop

  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
  • JavaScript
  • Beginner
• 33 min
  Workshop

  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
  • HTML
  • Beginner
• 105 min
  Bonus Series

  Exercise Your Creative

  How do you practice creativity? In the Exercise Your Creative series, Mat gives us some insight by taking us through his creative process.

  Viewed
  • Courses Plus
  • Learning Resources
• 15 min
  Workshop

  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
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  2 hours
  Course

  Front End Web Optimization Workflow

  | 2014 students

  As more people are getting on the web every day, there is a desire for those web sites and apps to load quickly. Most users have become accustomed to better and better performance from their home computers and with more apps moving to the web, that desire for performance is still there. The fact is that slow load times cause user frustration and you lose users and possibly money. In these lessons we're going to exercise some common real-world examples of how you can make a slow web app perform better using common techniques for front-end optimization. By the end, you will have a better understanding about how web apps work, what causes performance issues and how to best address them.

  • Dev Tools
  • Intermediate
• • 1
  • 2
  • 3

  114 min
  Course

  DOM Scripting By Example

  | 15003 students

  Use JavaScript to build an RSVP web application. Many of the features you'll build are common to other web applications. When you're done programing the app, you'll have the basics you will need to build any client-side web app.

  • JavaScript
  • Beginner
• 25 min
  Workshop

  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
  • Design
  • Beginner
• 2 hours
  Bonus Series

  Code Racer

  Learn how we built Code Racer, which is a real-time multiplayer game where people learn how to create a basic HTML web page while competing with others.

  Viewed
  • Courses Plus
  • Game Development
• 5 min
  Practice

  Before and After: Layout

  Improve the layout of an existing mobile iOS app.

  Viewed
  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 6

  2 hours
  Course

  Introduction to Wireframing

  | 3792 students

  Wireframing is a useful part of the design process. Throughout a website or mobile app project, you will have a lot of ideas and the best way to sort through those ideas is to brainstorm. Wireframes are a visual artifact of brainstorming, and the goal is to make them with minimal effort, as to encourage ideation. Whether you're a designer or not, wireframing is an important skill to have in your toolkit. It's beneficial for product managers, marketers, or anyone else with ideas for a website or mobile app. Wireframes are a valuable tool for visualizing user experiences, iterating on ideas, and sharing ideas with others.

  • Design
  • Beginner
• 14 hours
  Conference

  Treehouse Festival June 2021

  Treehouse Festival is an online conference designed for Treehouse students and all aspiring developers and designers. The presentations will empower those that attend with skills and a network to transition to a tech career or level-up in their current roles. Sessions include “Designing with a Developer Mindset,” “Computer Science, Emulation, and the NES,” “Interview with a Treehouse Grad”, and more!

  Viewed
  • HTML
• 17 min
  Workshop

  Using Create React Native App

  Learn the fastest way to get up and running with React Native.

  Viewed
  • JavaScript
  • Intermediate
• 11 min
  Practice

  Practice Hooks in React

  Practice React's built-in useContext and useState Hooks to update an app with user authentication.

  Viewed
  • JavaScript
  • Intermediate
• 37 min
  Workshop

  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
  • Design
  • Beginner
• 9 min
  Practice

  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
  • JavaScript
  • Intermediate
• • 1

  59 min
  Course

  Careers in the Tech Industry

  | 375 students

  Through a series of interviews with Treehouse teachers and more, we explore the current state of the tech industry, including how to get started as a web designer, developer, or app developer.

  • Professional Growth
  • Beginner
• 37 min
  Workshop

  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
  • JavaScript
  • Beginner
• 63 min
  Workshop

  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
  • Design
  • Beginner
• 73 min
  Workshop

  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
  • Design
  • Beginner
• 22 min
  Practice

  Practice Wireframing

  For this practice session, you'll be creating a digital wireframe in Figma for the primary screen of a sketching application. This app lets users quickly make shareable sketches using their fingers on a touchscreen.

  Viewed
  • Design
  • Beginner
• 23 min
  Workshop

  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
  • JavaScript
  • Intermediate
• 43 min
  Workshop

  Data Fetching in React

  Learn different methods for fetching external data in React, and how to display the data in your app.

  Viewed
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  3 hours
  Course

  Flask Basics

  | 13774 students

  Flask is one of the easiest ways to bring your Python skills online. It's a great microframework used by thousands of people to create prototypes and small web apps.

  • Python
  • Intermediate
• • 1
  • 2

  2 hours
  Course

  Flask with SQLAlchemy Basics

  | 511 students

  Learn how to use the popular Python framework for creating websites and web applications, Flask. Then upgrade your website with a database connection using SQLAlchemy.

  • Python
  • Intermediate
• • 1
  • 2
  • 3
  • 4
  • 5

  2 hours
  Practice

  Object-Oriented JavaScript: Challenge

  | 7880 students

  Practice your object-oriented JavaScript skills by building a fun and interactive 'Four in a Row' game.

  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  35 min
  Practice

  Practice Object Interaction

  | 3302 students

  Get more familiar with building different classes, instantiating objects and having those objects interact with one another in a complete app.

  • JavaScript
  • Intermediate
• 7 min
  Practice

  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
  • Design
  • Beginner
• • 1
  • 2
  • 3

  112 min
  Course

  Introduction to the Terminal

  | 8019 students

  Apps for ordinary users use GUIs you control with a mouse or touchscreen. But developers know the most powerful way to interact with computers is by using text in the terminal. This course will set you on the path to terminal mastery!

  • Dev Tools
  • Beginner
• • 1
  • 2
  • 3

  71 min
  Course

  Prototyping with Adobe XD

  | 1839 students

  Adobe XD is a visual prototyping tool for PC and macOS. In this course, you'll learn how to use Adobe XD by building a mockup for a travel booking app. By the end, you'll be able to create interactive prototypes that can be shared with others.

  • Design
  • Beginner
• 18 min
  Workshop

  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
  • Design
  • Beginner
• • 1
  • 2
  • 3

  88 min
  Course

  PHP & Databases with PDO

  | 9187 students

  Whether you have aspirations of working on a Content Management System, an E-Commerce Site, a new and exciting web app, or an API you will eventually need to work with a Database. PHP and Databases work together through the use of PHP Data Objects or PDO for short.

  • PHP
  • Beginner
• • 1
  • 2
  • 3

  118 min
  Course

  Using Databases in Python

  | 14386 students

  When you want to store data from a program, you have two general choices: files or databases. In this course, we're going to explore using a database from within Python by using the excellent ORM Peewee. We'll build a command line diary application that stores our thoughts and notes in a SQLite database, lets us review and delete them, and even has a search feature!

  • Python
  • Intermediate
• • 1
  • 2

  64 min
  Course

  Designing Interactions

  | 970 students

  Learn the principles of Interaction Design, including the five dimensions, interaction models, and cognitive psychology. Apply those principles by learning how to design interactions in a design program.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Introduction to Ruby on Rails 7

  | 33 students

  Ruby on Rails is a powerful web framework that makes creating dynamic web applications more efficient and enjoyable. This course will take you from installing Rails to building a Linktree-style application, touching on key concepts like MVC, routing, user authentication, and deployment. Whether you’re entirely new to Rails or have a bit of experience, these lessons will get you up and running quickly.

  • Ruby
  • Beginner
• • 1
  • 2
  • 3
  • 4

  79 min
  Course

  Modifying Data with SQL

  | 25103 students

  At the heart of a dynamic application is a database. Whether the application is an eCommerce, sports team, social network, or productivity app on your phone, the data needs to change over time. In this course, we'll take a look at the underpinning SQL statements that are needed for every dynamic application.

  • Databases
  • Beginner
• 42 min
  Workshop

  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
  • AI
  • Intermediate
• • 1
  • 2
  • 3
  • 4

  68 min
  Course

  Node.js Basics

  | 1806 students

  In this course we will create two command line applications using the popular server-side JavaScript platform Node.js. We'll be creating an application to retrieve a student's Treehouse profile information and be working with a dictionary API to retrieve definitions of a given word.

  • JavaScript
  • Intermediate
• • 1
  • 2

  30 min
  Course

  Logo Design Basics

  | 30736 students

  This course will not only cover the basics of logo design but will also walk through the process of creating a logo from start to finish. Follow Mat Helme in his pursuit to create a logo for a task manager app called ODOT, while using his process known as the "Logo Sprint".

  • Design
  • Beginner
• 29 min
  Workshop

  Build & Launch an App in 30 Minutes with Cursor

  Bring your dream project to life with Cursor, an AI-powered code editor, without writing a single line of code. Join Dustin as he builds a fully functional note-taking app—from idea to launch—using Cursor. Watch as he leverages AI to streamline development, proving how easy and fast it can be to turn an idea into reality with the right tools.

  Viewed
  • No-Code
  • Intermediate
• • 1
  • 2
  • 3

  71 min
  Course

  Prototyping with Figma

  | 3211 students

  In this course, you'll learn how to build interactive and sharable prototypes in Figma, a web-based visual prototyping tool. You'll create a prototype for a "prosumer" mobile photography app, and by the end, you'll have a better understanding of how to create interactive prototypes that can be shared with project stakeholders and team members.

  • Design
  • Beginner
• • 1
  • 2
  • 3

  2 hours
  Course

  SQL Basics

  | 51886 students

  In SQL Basics, we’ll take a look at what databases are and how you can retrieve information from them. Databases can store massive amounts of information to be retrieved at a later date. Databases act as the memory for dynamic web sites or mobile apps.

  • Databases
  • Beginner
• 2 min
  Practice

  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
  • Design
  • Beginner
• 28 min
  Workshop

  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
  • Python
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  CRUD Operations with PHP

  | 3991 students

  In this course we'll delve into the full spectrum of database interactions. Whether the application is an e-commerce, or social network site, or even a todo app on your phone, the data needs to change over time. CRUD is an acronym that refers to the four main operations that you'd want to perform on data in a database: Create, Read, Update, Delete.

  • PHP
  • Intermediate
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Vue.js Basics

  | 5384 students

  Vue.js is a front end JavaScript framework with a gentle learning curve. Vue’s lower barrier to entry, ease of use and fantastic documentation make it a fun and accessible technology. In this course, you’ll learn fundamental concepts that will help you get up and running with Vue. You’ll also gain skills and foundational knowledge that will help prepare you to tackle the complexities of other frameworks.

  • JavaScript
  • Beginner
• • 1
  • 2
  • 3
  • 4

  3 hours
  Course

  CSS Transitions and Transforms

  | 16105 students

  CSS transitions and transforms can create simple animations that enhance user interactions in websites and apps. In this course, you'll build an interactive image gallery using CSS transitions and transforms. You'll use transition properties to define durations, delays, and easing functions. Then, you'll learn how to rotate, scale, and move elements in 2D and 3D space, with CSS transforms.

  • CSS
  • Beginner
• 18 min
  Workshop

  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
  • Python
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  User Authentication With Express and Mongo

  | 7317 students

  Learn how to implement a custom user authentication system that controls users access to web resources using Node.js using Express and MongoDB. The system lets users sign up, log in, and log out, limiting access to password-protected resources. Express is a popular web framework for creating MVC applications and RESTful APIs in Node.js. Express lets developers define routes and middleware for submitting and retrieving data in our database. We will leverage the document based NoSQL database, MongoDB, to store our user data by creating a user model with mongoose. Mongoose is an open source Node package for defining data models for an application and connecting to MongoDB.

  • JavaScript
  • Advanced
• 10 hours
  Bonus Series

  Treehouse Friends

  Treehouse Friends is a series of interviews with interesting people in the web design and dev fields and other industry experts.

  Viewed
  • Courses Plus
  • CSS
• 30 hours
  Bonus Series

  The Treehouse Show (2012 - 2015)

  The Treehouse Show is your weekly dose of web design and web development news, hosted by Nick Pettit and Jason Seifer.

  Viewed
  • HTML
• • 1
  • 2
  • 3
  • 4

  100 min
  Course

  Copyright Basics

  | 5775 students

  Understanding the basics of copyright and licensing in the United States is vital for anyone working in a creative field, and that includes web designers, developers, and mobile devs. Coding requires creativity and works created for the web fall under copyright law. This Deep Dive will give you the knowledge you need to both protect and share your own creations. You'll learn how to copyright your website or app, read license agreements, work with open-source software and Creative Commons, combat copyright infringement, properly license your own creations, and much more.

  • Professional Growth
  • Beginner
• 18 min
  Workshop

  AI Tools for No-Code Development

  Learn about powerful AI Tools for No-Code development in this workshop, enabling you to build robust apps and launch businesses without writing a single line of code. Explore how innovative AI tools are transforming industries, sparking creativity, and opening exciting entrepreneurial opportunities. Whether you're a tech enthusiast, business leader, or just curious, this preview is your first step into a world of endless possibilities.

  Viewed
  • No-Code
  • Beginner
• 13 min
  Workshop

  Plan and Design Effective No-Code Apps

  This workshop will help you write clear, effective Product Requirements Documents (PRDs) to improve your project planning process. You’ll use best practices and customizable templates to guide AI tools like Cursor, Lovable, and Replit. It’s a practical session for anyone looking to define their projects more clearly and keep AI-driven development on track from the start.

  Viewed
  • No-Code
  • Beginner
• 5 min
  Workshop

  Create Apps Faster with Windsurf

  In this workshop, Christian walks through Windsurf, an AI-powered coding tool built with Codeium. It’s a look at how AI can help automate parts of the development process and make building a bit smoother. Whether you’re experienced or just curious about where coding is headed, this gives you a real glimpse into how tools like Windsurf are starting to shape the future of software development.

  Viewed
  • Vibe Coding
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  UX Content Strategy

  | 1859 students

  With so many websites and apps offering similar content and features, you need to provide a unique experience to compete - something memorable and enjoyable that resonates with your users. UX Content is how it’s done. From your home page and product descriptions down to your error messages, UX content can turn generic interactions into memorable experiences. By establishing a unique voice and personality, you can create an environment that welcomes, supports, and inspires users during their visit. So in this course, we’ll discuss why UX Content is so important, where you need it, how to create it, and how to ensure it’s effective.

  • Design
  • Intermediate
• 49 min
  Workshop

  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
  • Design
  • Beginner
• 5 hours
  Bonus Series

  The Treehouse Show

  The Treehouse Show is our weekly conversation with the Treehouse Community.

  Viewed
  • HTML
• 79 min
  Workshop

  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:

  1. Start a free trial.
  2. At checkout, select the Merge AI plan you wish to subscribe to.
  3. Enter promo code UXPINTH50 for a monthly subscription, or UXPINTH50Y for an annual subscription.
  Viewed
  • Design
  • Beginner

Whoops! Perhaps you can try a broader search.

Reset all filters