CSS New Features Training Course

Standard duration: 3 Days
Email course link

Customise this course for your team

We can tailor your syllabus to take into account your group's current skills, technology stack, and specific learning goals - as part of a wider training programme or as a standalone workshop.

Enquire now to find out about our cost-effective options:

"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

"Having a small class size meant plenty of opportunity to talk about my particular issues with .NET and C#. The instructor was able to explain everything extremely well. His efforts were much appreciated – I learned a huge amount during the course."

C# Training Course - Learn .NET
SP, Web Developer
Charity Commission

"Many thanks. I got a lot a value from the sessions. Having one-to-one personalised training was definitely much better for me than being part of a larger group."

C# Training Course - Learn .NET
PG, Software Engineer
Millenium Capital Partners

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

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

"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

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.

First Name*

Last Name*

Email*

Phone Number*

Company*

Subject/Tech*

Your message*

Where did you first hear about us?

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?