About This Course

Cascading Style Sheets (or CSS) are used to define the visual presentation of HTML documents. CSS3 builds upon previous versions of CSS by providing modularization of components, backwards compatibility, and the addition of several powerful new features.

The CSS3 In-Depth training course covers all of the advanced features of CSS3, including pseudo classes/selectors, media queries, background gradients, custom effects, and animations.

Request More Info About This Course
css

Course Category

Duration

This is a three-day, hands-on course.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
Web Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's

Purpose

  • Accurately and reliably select HTML elements using CSS3 standards.
  • Apply pseudo classes/selectors.
  • Generate pseudo elements and associated content.
  • Use media queries to produce responsive designs.
  • Control element background gradients and images.
  • Apply custom effects and fonts to text.
  • Create transforms, transitions, and @keyframes animations.

Audience

Developers who are familiar with basic HTML as well as previous versions of CSS. It is recommended that those taking this course be at least somewhat familiar with CSS best practices.

Course Outline

  • Introduction
    • History
    • Overview of new features
    • Vendor prefixes
  • Selectors
    • Review of selectors
    • Review of specificity
    • Attribute selectors
    • Pseudo classes
    • Pseudo elements
  • Pseudo Elements and Generated Content
    • Text
    • Images
  • Media Queries
    • Brief overview of responsive design
    • @media screen and…
  • Backgrounds
    • Review of properties
    • Images
    • Gradients
      • Linear
      • Radial
    • background-clip
  • Fonts and Text
    • Review of properties
    • @font-face
    • @import
    • Text effects
      • text-shadow
  • Borders
    • Review of properties
    • Border images
    • Box-shadow
  • Transforms
    • Overview of properties
    • 2D vs 3D
  • Transitions
    • Overview of properties
    • 2D vs 3D
  • Animations
    • Overview of properties
    • @keyframes
  • Other CSS3 Features
    • box-sizing
    • flex
    • filter
Request More Info About This Course

Instructors Who Teach This Course

Jason

Jason

With backgrounds in technology, business and education, Jason brings a broad array of experience to BDA. He‰'s been programming since he was a kid and currently runs a business, 303 Velocity, that builds iOS and Android apps for its clients. They also do consulting work to help publishers get more downloads and sales for their apps. He has taught mobile classes for Yahoo! and Intel employees an... read more

Jeremy

Jeremy

Jeremy is a senior software engineer with over 15 years experience building websites and applications. He develops mobile apps with Ionic, crafts user interfaces with AngularJS, and builds web-service layers with Node.js.

He has a passion for open source and is the author of Ionic in Action and coauthor of Angular 2 in Action. He lives in Texas with his wife and daughter, and when he isn’t c... read more

Joshua

Joshua

Joshua has been in the Internet industry almost since its inception, working as an enterprise systems administrator for 5 years, as a systems/network architect for two years, and as a developer for 15 years. His programming experience is generally centered on Internet applications; nowadays mostly focused on JavaScript, both server-side and front-end. Joshua is a believer in disruptive technolo... read more

Craig

Craig

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer f... read more

Learn More About This Course

Who Takes This Training?