About This Course

CSS3 is the newest version of CSS. CSS gives webpages their appearance, layout, and styling. CSS3 brings a variety of new features to this style sheet language like advanced selectors, box-shadow, animations, gradients, box-sizing, flex-box and more.

The CSS3 Quick Start training course is designed to help developers who are already working with CSS, transition to CSS3, ensuring pages are ready for modern browsers.

Request More Info About This Course
css

Course Category

Duration

This is a one-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.
dell  logoWeb 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

  • Thoroughly understand the CSS syntax and the new features of CSS3.
  • Use CSS advanced selectors, as well as border, background, and shadow properties.
  • Make pages responsive to different viewer sizes and add interactivity through transitions, transforms, and animations.

Audience

Intermediate developers who have already worked some with CSS in their roles.

Course Outline

  • A Quick CSS Review
    • Basics of CSS Syntax
    • Understanding Element Positioning and the Box Model
  • Introducing Cascading Stylesheets 3
    • Introduction to CSS3
    • Benefits for Mobile Design
    • Compatibility with Browsers and Devices
    • Overview of the Modules Included in CSS3
  • Defining CSS Advanced Selectors
    • The Child Selector
    • The Sibling Selector
    • The Nth Selectors
    • Of Type Selectors
    • Adjacent Selectors
    • Attribute Selectors
  • Assigning New Background Properties
    • Background Image (Using more than one image)
    • Gradients
  • Using New Color Formats
    • Introducing the Alpha Value
    • RGB Format
    • RGBA Format
    • HSL Format
    • HSLA Format
  • Exploring Border and Shadow Properties
    • Border Radius
    • Border Image
    • Text Shadow
    • Box Shadow
  • Designing for Mobile Devices
    • Introduction to Responsive Design
    • Introduction to Mobile First Concept
    • Flexible Grids
    • Flexible Units
    • Media Queries
  • Making Pages More Interactive
    • Transitions
    • Transforms
    • 2D and 3D
    • Animations
    • When to Use CSS vs. JavaScript for Interactivity
Request More Info About This Course

Instructors Who Teach This Course

Will

Will

Will attended MIT for a B.S. in CS and an MEng in Machine Learning with his Master’s thesis on self-learning classification optimization systems. He has co-founded and ran three startups in various industries, including: home media server software, machine learning analytics for the pharmaceutical industry, and advertising network for the rideshare industry.

In addi... read more

Ryan

Ryan

Ryan provides remote and class-based training for students of all skill levels for a variety of technologies such as JavaScript, HTML/CSS, Git, Node.js, PHP, Test-Driven Development, and Software Architecture & Design. Product focused full-stack developer and team leader. read more

Peter

Peter

Peter is a Senior Java Developer / Architect / Manager with over 20 years of experience in the analysis, design, and development of computer systems, including 20 years of experience architecting and delivering web-based IT solutions. Peter manages and leads an experienced team of Java and object-oriented programming specialists that provide a wide range of technical services. Peter founded Jav... read more

Pete

Pete

Pete has been doing professional software development since 2001. His experience includes the full spectrum of businesses from large Fortune-500 Enterprises through growing mid-sized companies, down to brand new startups with a handful of founders. He has developed web-based business applications of many flavors, enterprise data center management software, social media applications, industrial ... read more

Kamren

Kamren

Kamren has a love of all things front-end and has enjoyed bringing his 10+ years of web development experience into each class he teaches. Recently Kamren has been working with a leading insurance company as a senior developer of front-end architecture and mobile web application design. He was instrumental in shaping their front-end development team and leading the company into single page appl... read more

Who Takes This Training?

Learn More About This Course