Advanced CSS and Sass

Advanced CSS and Sass

Video Training

This Learning Path begins with an introduction to CSS and other web technologies such as HTML and JavaScript, but soon moves you ahead to flexing your CSS skills to create remarkable websites, web apps, and mobile apps. When you add Sass to the mix—Syntactically Awesome StyleSheets—you’ll see how creative you can be as Sass frees you from the time-consuming, repetitive tasks.

Prerequisites:

Some experience with CSS, HTML, and JavaScript is helpful.

Below are the video training courses included in this Learning Path.

1

Modern Web Development with HTML5 and CSS

Presented by Rachel Andrew 3 hours 24 minutes

In this step of your Learning Path, you’ll become familiar with the basics of developing for the Web. Through hands-on exercises, you’ll work with HTML syntax, links, images, validation, and more. Then you’ll add CSS, text and typography, and color and images to the mix. And finally you’ll dive into audio, video, and responsive design. By the end of this course, you’ll know how to create, test, and troubleshoot your own responsive layouts.

2

Building Mobile Apps with HTML, CSS, and JavaScript

Presented by Jonathan Stark 5 hours 3 minutes

Serving customers a substandard website experience on their mobile devices costs you sales, hurts your brand, and turns your customers away. In this step of your Learning Path, mobile strategy consultant Jonathan Stark shows you how to use the HTML, CSS, and JavaScript skills you already have to build killer mobile websites and apps. You and your web team already possess 90% of the knowledge and skills you need to create great mobile experiences. In this course, you’ll learn how to put them to use.

3

CSS Transformations and Animations

Presented by Craig Buckler 1 hour 31 minutes

In this step, you’ll learn to create animated sequences by rotating, skewing, scaling and mirroring elements in 2D and 3D space. After you master fundamental transformations in 2d, you’ll move on to transitions and full-out animations in 3D. You will learn how to create keyframes, and practice what you learn by working through stunning real animation examples. When you’re finished, you’ll be able to create spectacular animations of your own.

4

CSS Dropdown Menus

Presented by Ben Jaffe 1 hour 37 minutes

Learn the secrets of creating CSS dropdown menus, without using JavaScript! You’ll start with the basics, including the new CSS3 properties and basic CSS transitions (animations), which will give your menus a professional quality. Once you’ve built a simple menu, you’ll learn how to style the dropdowns and add the hover functionality. You’ll also how to build a multi-level dropdown, style the other levels, add CSS3 transitions, and change the menu layout.

5

Getting Started with Sass

Presented by Jen Kramer 3 hours 2 minutes

CSS Sass—Syntactically Awesome StyleSheets—is the popular CSS preprocessing language that lets you focus on web design instead of time-consuming repetitive tasks. In this hands-on course, you’ll see how Sass puts the fun and creativity back into CSS. From getting started to advanced techniques, learn how you can apply simple techniques to quickly and efficiently create CSS style sheets.