Learn Web Design
How to Make a Website
CSS Layout Techniques
Logo Design Basics
Brand Identity Basics
If you’ve never built a website before and you have no coding or design experience, this is the place to start. In this project, we learn how to build a modern portfolio website for desktops, tablets, and mobile devices. We start with basic HTML and CSS syntax. Next, we learn how to build custom web pages with an image gallery and contact page. Finally, we walk through how to share a website live on the web.
The web is a two-way communication medium. There’s lots of HTML elements for displaying data and producing output, and conversely, there’s also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis.
The web is filled with text and images, but it's also filled with information like sports scores throughout the years, list of employee names and email addresses, or nutrition facts for your favorite foods. HTML tables enable the display information in what is commonly known as tabular data, which is information that's stored in a table-like structure of columns and rows. In general, anything that you might put into a spreadsheet could go in a table. There are many use cases for a table, so it's important to add them to your skills because it's a very common method for displaying information.
Cascading Style Sheets (CSS) is a language used to describe the visual look of a web page. Using CSS, it is possible to change colors, margin, padding, fonts, and much more. This content will consolidate the previously released CSS Foundations and CSS3 in a brand new and updated series.
Learn how to work with the common layout and positioning methods used in web design. Throughout the course we’ll build a layout using display methods, floats, positioning schemes, even Flexbox, the latest and most advanced CSS layout feature. We’ll cover the strengths and benefits of each method, along with common layout issues and how to solve them.
At the end of the course we'll learn how to create a responsive grid system using many of the layout and positioning techniques covered.
Explore the power of Adobe Illustrator with Mat Helme - our very own multi-talented Design Teacher. Illustrator Foundations takes a project-based learning approach to the application's core features, including every tool relevant to web design. By the end of the course you'll be ready to apply your newly acquired skills to your future projects.
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".
In this course, we’ll take an in-depth look at the brand identity design process: from planning, strategizing and research, all the way through design and finalizing the project. We’ll also explore what exactly makes a brand image and why process is so important.
Branding can be challenging, but with preparation and expectations, we can create amazing work and continue to hone in on what generates the best results.
By the end of this course, you will have the tools and knowledge to create meaningful and comprehensive brand identities.
Before you can become a User Experience (UX) designer, you need to understand the importance of UX, the reason it exists, what the goal of the UX designer is and how they think.
In this course, you’ll learn all about UX Design, what it is, what UX designers do, how UX designers think, what tools UX designers use, and how to move forward in the field of UX.
Search Engine Optimization is an ongoing process, a way of thinking about your website, preparing and creating its content, and monitoring its success over the long term. Using industry standard best practices, tools, and strategies, you can create a site that doesn't just get indexed by search engines - it'll get used by real people.
Sass is a powerful language that extends CSS with features like nested rules, variables, mixins, math operations, and more, in a CSS-compatible syntax. Because of this, many of today's popular websites, applications, and frameworks are built using Sass.
In this course, we'll be coding along with Hampton Catlin, our guest teacher and creator of Sass.
Compass is a Sass-based framework made up of helpful, ready-to-use tools and best practices for Sass. It makes our front-end workflow more efficient because it helps us write CSS smarter, cleaner and faster. First, we'll learn how to install Compass, then create and configure our first project. Throughout the course, we'll learn all about Compass's tools for implementing CSS3 features, page layout and styling text. We’ll also use Compass helper functions for generating colors, image dimensions and URLs to our project assets. In the final stage, we’ll learn how to generate sprite sheets with Compass, one of its most powerful and useful features.