CSS New Features Training Course

Standard duration: 3 Days
Email course link

"I found the course incredibly interesting. There was a lot to fit in but I felt it went at a good pace."

Advanced C# Programming Training Course
JS, Senior Analyst
Talk Talk plc

"The instructor's command of the subject was very high. Some subjects (like Testing and Mocking) was completely new to me but I now believe I have acquired a good command of the subject and intend to apply it in practice soon."

Advanced C# Programming Training Course
YS, Senior Analyst
Sayula

"The instructor command of the subject was very high. Some subjects (like Testing and Mocking) was completely new to me but I now believe have acquired a good command of the subject and intend to apply it in practice soon."

Advanced C# Programming Training Course
CA, Senior Developer
Sayula

"The instructor was very knowledgeable and his explanations were very clear. "

Advanced C# Programming Training Course
BM, Senior Analyst
Carl Zeiss

"Richard was a great instructor, thanks so much for your efforts! I'm so much more confident with Visual Studio and C# coding."

C# Training Course - Learn .NET
SO, Software Engineer
UTC Aerospace

About the course:

Our CSS New Features course is a comprehensive deep dive into the latest features and advancements in Cascading Style Sheets.

The content is highly relevant for both front-end and full-stack software engineers, as well as UX and testing professionals.

You'll start the day with a quick refresher on established concepts like Flexbox and Grid then get hands-on with the latest CSS technologies.

This is a highly interactive workshop with useful and relevant practical examples. There is a mix of theoretical explanations and hands-on exercises to ensure comprehensive understanding of the concepts.

Face-to-face and live online instructor-led options are available, as a standalone session or as part of a wider training programme (for instance if you wish to cover related technologies such as HTML, JavaScript, and JS frameworks.

Trusted by:

In a nutshell Who should attend Flexible training Course syllabus

Learning outcomes

Consolidate your front-end layout and styling skills
Gain confidence using the latest CSS features

Who should attend

Front-end and full-stack software engineers, as well as UX and testing professionals.

Prerequisites

Delegates should be familiar with HTML fundamentals and have some experience writing or supporting CSS

Live, instructor-led online and on-site training

We appreciate that you need flexibility to fit in with new working situations - whether you're an individual, part of a distributed team, or simply have projects and deadlines to meet.

Our remote training can take place online in a virtual classroom, with content split into modules to accommodate your scheduling challenges and meet your learning goals. Get in touch today to find out how we can help design a cost-effective, flexible training solution.

Workshop 1: CSS Layout Refresher and Advanced Techniques

Refresher on Flexbox and Grid: Review the basics of these layout models and best practices for their use.
Subgrid: Dive into this advanced feature of the Grid layout for more complex designs.
Proportional Scaling: Learn how to create designs that scale proportionately.
If time allows: Introduction to Container Queries for responsive designs.

Workshop 2: Organizing and Managing Styles

Cascade Layers: Understand how to better organize your CSS and control the order of applied styles.
Custom Properties/Variables: Learn how to use CSS custom properties and variables for more dynamic, manageable stylesheets.
Nestings: Dive into the new nesting rules in CSS for better organization and readability.
If time allows: Overview of :has, :is, :where pseudo-classes.

Workshop 3: Enhancing Designs with New CSS Features

Colour (functions + mix + accent): Explore new color functions to create vibrant and adaptive color schemes.
The new dialog element: Learn about the new dialog HTML element and how to style and interact with it using CSS.
Selectmenu: Get to know the new selectmenu HTML element and how to style it with CSS.
If time allows: Introduction to @supports/@when/@else and dynamic viewports.

If More Time is Available

In-depth exploration of :has, :is, :where pseudo-classes.
Detailed coverage of Container Queries.
Comprehensive study of @supports/@when/@else and dynamic viewports.
Deeper dive into transitions and animations.

Public Courses Dates and Rates

Standard duration: 3 Days

Please get in touch for pricing and availability.

Interested in this course?

If you want to explore how you can tailor this course for your organisation, want to sign up for our newsletter, or have any other questions then please speak to us on 020 3137 3920 or get in touch using this form.

This form requires javaScript to work, please email us at webenquiries@frameworktraining.co.uk if you do not have it enabled.

Get in touch

We use cookies on our website to provide you with the best user experience. If you're happy with this please continue to use the site as normal.
For more information please see our Privacy Policy.

I understand

Ready to take your skills to the next level?