Course Summary
Cascading Style Sheets (CSS) is used to give styling and layout to web pages. The Advanced CSS course teaches developers to leverage CSS’ advanced syntax and features to create scalable and maintainable stylesheets.
The course starts by building on basic CSS skills and introducing a new set of powerful front-end development tools. The course then transitions into an in-depth breakdown of all of the new CSS3 modules, and concludes with an overview of CSS frameworks. The course would be valuable for developers and developer teams who currently use CSS but want to learn to leverage it more fully.
Purpose
Learn about CSS’ advanced syntax and features to create scalable and maintainable stylesheets.
Audience
Web Developers who know HTML/XHTML and CSS looking to expand their knowledge.
Role
Skill Level
Style
Duration
3 Days
Related Technologies
Download
- Productivity Objectives:
- Complete a review of Cascading Style Sheets and rules.
- Summarize CSS3 selectors, classes and IDs.
- Demonstrate aptitude with advanced selectors like Universal and Attribute.
- Add interactivity and animation to a page without JavaScript.
- Implement responsive design for different device sizes.
Learn More
If you are not completely satisfied with your training class, we'll give you your money back.
Real-World Content
Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners
Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning
More coding than lecture, coupled with architectural and design discussions.
Fully Customized
One-size-fits-all doesn't apply to training teams. That's where we come in!
What You'll Learn
In the Advanced CSS training course, you'll learn:
- CSS2 Review
- CSS Syntax
- Element Positioning
- Box Model
- CSS3 Introduction
- Introduction to CSS3
- Benefits for Mobile Design
- Compatibility with Browsers and Devices
- Testing with Chrome and Firefox
- CSS Advanced Selectors
- Child
- Sibling
- Nth
- Of Type
- Adjacent
- Attribute
- Background Properties
- Background Image (Using more than one image)
- Gradients
- Color Properties
- Introducing the Alpha Value
- RGB Format
- RGBA Format
- HSL Format
- HSLA Format
- Border Properties
- Border Radius
- Border Image
- Font Properties
- @font-face
- Google Web Fonts
- Shadow Properties
- Text Shadow
- Box Shadow
- Forms
- Overview of HTML5 Forms
- Styling Forms with CSS
- Validating Forms with CSS
- Responsive Design
- Introduction to Responsive Design
- Introduction to Mobile First Concept
- Flexible Grids
- Flexible Units
- Media Queries
- Interactivity with CSS3
- Transitions
- Transforms
- 2D and 3D
- Animations
- Overview of CSS Frameworks
- Twitter Bootstrap
- LESS
Real-world content
Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners
Industry experts that bring their battle scars into the classroom.
Experiential Learning
More coding than lecture, coupled with architectural and design discussions.
Fully Customized
One-size-fits-all doesn't apply to training teams. That's where we come in!
Customized Technical Learning Solutions to Help Attract and Retain Talented Developers
Learn More
Technical training is a powerful tool to promote a company’s growth and success. Chat with one of our program managers to discuss the many customized training options available.
DevelopIntelligence leads technical and software development learning programs for Fortune 5000 companies. We provide learning solutions for hundreds of thousands of engineers for over 250 global brands.
“I appreciated the instructor’s technique of writing live code examples rather than using fixed slide decks to present the material.” – VMware
View More
Thank you for everyone who joined us this past year to hear about our proven methods of attracting and retaining tech talent.
