• • 1
  • 2

  111 min
  Course

  Designing with Generative AI

  | 75 students

  Join Dan in this course as he uses generative AI to design a website for a bakery, employing the tools and methods highlighted in AI Tools for Designers.

  • AI
  • Beginner
• 15 min
  Workshop

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

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

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

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

  78 min
  Course

  UX Design Patterns

  | 460 students

  If you’re a frequent user of websites and mobile applications, you’re already familiar with design patterns, whether you’re aware of them or not. Design patterns are visual strategies for solving common usability problems. Design patterns keep the cognitive load to a minimum by making interfaces feel intuitive. When I say cognitive load, I mean the mental effort involved in solving a problem or making a decision.

  • Design
  • Beginner
• 20 min
  Workshop

  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
  • Dev Tools
  • 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
• • 1
  • 2

  2 hours
  Course

  Flask with SQLAlchemy Basics

  | 204 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

  3 hours
  Course

  CSS Basics

  | 10462 students

  In this course, we're going to learn the basics of CSS, one of the core technologies for designing and building websites and applications. No matter what kind of website or web application you want to build, you'll have to use CSS. If you haven't written much CSS, or even if you’ve never written CSS at all, don’t worry. That's what this course is for. We’ll start with basic CSS concepts, then gradually progress to more advanced topics and lessons.

  • CSS
  • Beginner
• 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
• 37 min
  Practice

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

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

  3 hours
  Course

  JavaScript Basics

  | 24600 students

  JavaScript is a programming language that drives the web: from front-end user interface design to server-side backend programming, you'll find JavaScript at every stage of a website and web application. In this course, you'll learn the fundamental programming concepts and syntax of the JavaScript programming language.

  • JavaScript
  • Beginner
• 10 min
  Workshop

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

  2 hours
  Course

  AJAX Basics

  | 9478 students

  AJAX is an important front-end web technology that lets JavaScript communicate with a web server. It lets you load new content without leaving the current page, creating a better, faster experience for your website's visitors. In this course, you'll learn how AJAX works and how you can use JavaScript to communicate with a web server. We'll use plain JavaScript to create AJAX requests and use the response to dynamically update your web pages. Along the way, you'll build mini-projects to reinforce your learning.

  • JavaScript
  • Intermediate
• 22 min
  Workshop

  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
  • Dev Tools
  • 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
• 3 min
  Practice

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

  2 hours
  Course

  UX Content Strategy

  | 1022 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
• • 1
  • 2
  • 3
  • 5

  104 min
  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
• • 1
  • 2
  • 3

  70 min
  Course

  Scraping Data From the Web

  | 752 students

  Almost any information you want is available on the Internet. Web scraping is a key tool for data mining that information allowing for web page exploration and collection for a variety of reporting. The tools and techniques used in this course allow for data to be collected that would otherwise not be easily accessible without robotic assistance.

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

  2 hours
  Course

  Information Architecture

  | 1445 students

  In this age of information, it’s not always easy to know how content should be structured - everyone has a different perspective. In this course, you’ll learn about information architecture: what it is, and how it relates to web design and user experience. We’ll learn about the fundamentals of IA components like navigation, labeling, and content organization, as well as techniques to test and evaluate existing website structures. By the end, you’ll know how to organize website content and provide a clear, logical experience for any user.

  • Design
  • Beginner
• 11 min
  Workshop

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

  66 min
  Course

  Intermediate Selenium WebDriver

  | 368 students

  Manually testing your website can only take you so far. Learn how to use Selenium WebDriver to automate the process for you, and alert you to problems before your users see them.

  • Quality Assurance
  • Intermediate
• • 1
  • 2
  • 3

  72 min
  Course

  Introduction to Application Security

  | 1883 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
• • 1
  • 2
  • 3
  • 4
  • 5

  103 min
  Course

  Introduction to Docker

  | 1766 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
• • 1
  • 2

  59 min
  Course

  Prototyping in the Browser

  | 5415 students

  Before you design a website, it's important to have some kind of a plan or a wireframe to guide your efforts. But sometimes when you go from a simple sketch to digital pixels, the results aren't exactly what you expect. When you work with real HTML and CSS, and you're able to see your site on a real screens, you're able to see a more accurate representation of the final result. In this course, we're going to build a website prototype using the Bootstrap web framework.

  • Design
  • Beginner
• • 1
  • 2

  43 min
  Course

  Web Design Process

  | 13051 students

  Going from a blank screen to a finished website can be daunting. In this course, you'll learn about the major steps involved in designing websites. We'll learn how to gather information, explore potential concepts, and iterate on a design. By the end, you'll have the foundation you need to continue your design journey.

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

  3 hours
  Course

  HTML Basics

  | 51663 students

  Learn HTML (HyperText Markup Language), the language common to every website. HTML describes the basic structure and content of a web page. If you want to build a website or web application, you'll need to know HTML.

  • HTML
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5
  • 6

  4 hours
  Course

  Express Basics

  | 6132 students

  Learn how to use Express.js to build dynamic websites on the Node.js platform. In the process, you'll learn some fundamental HTTP concepts that you can apply to any other framework!

  • JavaScript
  • Intermediate
• 5 hours
  Bonus Series

  The Treehouse Show

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

  Viewed
  • HTML
• • 1
  • 2
  • 3
  • 4
  • 5
  • 6

  2 hours
  Course

  Web Accessibility Compliance

  | 3838 students

  Your content is clear, your images are responsive, your code is clean, and your layout flows beautifully on all the most popular devices. You think you're ready to launch, but you might have overlooked a crucial aspect of your website's development. If it's not easy for a person to access your content, regardless of the way in which they use the internet, there's still work to be done. Developing for accessibility should be part of the standard workflow, but it's often given too little attention. In this course, you’ll learn about the standards in place to guide developers in creating a web that is accessible to all users as well as techniques to help bring your projects up to those standards.

  • Dev Tools
  • Beginner
• 49 min
  Workshop

  Introduction to PostCSS

  Learn PostCSS, a popular CSS processing tool for styling your websites and applications.

  Viewed
  • CSS
  • Intermediate
• • 1
  • 2
  • 3
  • 4

  3 hours
  Course

  CSS Transitions and Transforms

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

  2 hours
  Course

  Reporting with SQL

  | 12126 students

  SQL can be used to generate reports and present information on websites. This course covers powerful SQL features in helping you answer more interesting questions about your data.

  • Databases
  • Beginner
• 26 min
  Workshop

  Using Treehouse Workspaces

  Workspaces is an online text editor and development environment that is integrated with Treehouse. In other words, it's the tool that can help you write the code to make websites and web applications. You can use Workspaces to follow along with Treehouse courses, and you can also use it to build projects on your own and practice coding. In these lessons, we'll take a closer look at Workspaces and learn how to use its features step-by-step.

  Viewed
  • Treehouse Onboarding
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5

  2 hours
  Course

  Adobe Illustrator for Web Design

  | 4924 students

  Using a project-based learning approach to Illustrator’s core features, walk through the process of designing a simple website beginning with making a wireframe, and then using that wireframe as the basis for creating a page mock up for mobile and desktop platforms. Along the way, use the basic drawing and shape tools to create an illustrated graphic logo. And with responsive web design in mind, we’ll utilize the benefits of both scalable vector graphics (SVGs) and CSS export capabilities.

  • Design
  • Beginner
• 22 min
  Workshop

  Build a Responsive Navigation with Flexbox

  Learn how to build a responsive website navigation, using CSS media queries and flexbox layout.

  Viewed
  • CSS
  • Intermediate
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Build a Simple Dynamic Site with Node.js

  | 10001 students

  Node.js is a versatile platform for building all sorts of applications. In this course, we're going to make a dynamic website that displays a Treehouse student's profile information by creating a server that will dynamically generate content, handle URLs, read from files and build a simple template engine.

  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  47 min
  Course

  Responsive Layouts

  | 36562 students

  Responsive web design is a collection of techniques for building websites that work on multiple screen sizes. In these lessons, we're going to use the foundational principles of responsive design as a framework for thinking about page layout. By the end, you should have a better understanding of how to approach common decisions in responsive design.

  • CSS
  • Advanced
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Sketch Basics

  | 5716 students

  Sketch 3 is an easy­ to ­use and powerful digital design tool for the Mac. It is quickly becoming the standard for many digital professionals and agencies because it was specifically made for them and their needs. Sketch can be used to create all manner of stunning digital designs from mobile applications to websites and icons. In this course we will introduce to you the basics of Sketch as well as looking at some of the more advanced features. We will give you the unimpeded confidence to begin creating your own designs regardless if you’re already familiar with other design tools or have never used one before! It is recommended that you purchase Sketch 3 for this course.

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

  92 min
  Course

  Introduction to Front End Performance Optimization

  | 12899 students

  People want to use websites that load quickly, and every second counts. If a website takes more than 3 seconds to load, you can lose 40% of your audience. Every additional second in page response can result in a 7% reduction in conversions. In these lessons, we're going to take a slow website and make it load faster using front end performance optimization. By the end, you'll know many practical techniques that can speed up any website.

  • Dev Tools
  • Intermediate
• • 1
  • 2
  • 3
  • 4
  • 5

  4 hours
  Course

  Web Typography

  | 5203 students

  As web features barrel ahead, web typography advances with it. We now have more control over type than ever before. But, as the often-quoted line from Spiderman goes, “With great power, comes great responsibility.” Well-built websites can be plagued by bad typography, creating an unpleasant experience to the user. In this course, we’ll cover all you need to know to begin building websites with good typography, giving users a great experience.

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

  3 hours
  Course

  Modular CSS with Sass

  | 1932 students

  Today’s websites and applications are larger than ever and a lot hinges on the CSS architecture. CSS that is poorly thought-out can be a strain on development and maintenance in the long run. In this course, we're going to build a UI toolkit using many of the best practices and principles of modular CSS architecture. We'll learn how a modular approach with Sass can boost our workflow and cut down maintenance by reducing the amount of code we write. It can also improve how our code scales because we're able to reuse it on other parts of our project.

  • CSS
  • Intermediate
• 34 min
  Workshop

  Rapid Website Prototyping

  In this workshop, Treehouse web design teacher Nick Pettit will be demonstrating how to rapidly prototype websites using a combination of mockup tools and front-end frameworks.

  Viewed
  • Design
  • Beginner
• • 3

  89 min
  Course

  Website Optimization

  | 26552 students

  In this course we'll cover tools needed in keeping your website in top shape. These tools will help you perform tasks like debugging a problem to improving your page load times.

  • Dev Tools
  • 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
• • 1
  • 2
  • 3
  • 4

  90 min
  Course

  Usability Foundations

  | 5918 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

  100 min
  Course

  Copyright Basics

  | 4405 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.

  • Business
  • Beginner
• 60 min
  Bonus Series

  Mockups for Responsive Design

  Learn how to wireframe and design websites that work across multiple devices and screen resolutions. We'll cover everything you need to know in order to create low fidelity and high fidelity mockups for responsive designs.

  Viewed
  • Courses Plus
  • Design
• 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
• 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
• 16 min
  Bonus Series

  Web Design Q&A with Nick

  In this series, Nick Pettit answers your questions about web design, web development, and anything else you're interested in knowing.

  Viewed
  • Courses Plus
  • Design
• 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
• 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
• 25 min
  Bonus Series

  Treehouse Teacher Q&A

  In this series, the Treehouse teaching team answers your questions about web design, web development, and anything else you're interested in knowing.

  Viewed
  • Courses Plus
  • Treehouse Onboarding
• 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

Whoops! Perhaps you can try a broader search.

Reset all filters