HTML5 and CSS3 for Advanced Users – Modern Web Coding (HTML5)

Programming, Web Programming

This course is designed for developers who already know basic HTML and CSS and want to adopt modern frontend practices. You will learn practical HTML5 improvements, advanced CSS3 techniques, responsive design strategies and how to integrate preprocessors into workflows.

Led by an experienced, hands-on developer, the course blends concise theory with real project examples and practical tips. You will apply modern automation tools, learn debugging and testing with developer tools and BrowserStack, and adopt maintainable workflows.

THIS TRAINING COURSE WILL HELP YOU:

  • Use advanced HTML5 semantic features
  • Write modern CSS3 layouts with Flexbox and Grid
  • Build responsive sites with srcset and media queries
  • Apply preprocessors and automation (SASS, Gulp/NPM)
  • Debug, test and optimize for performance and accessibility

WHO SHOULD ATTEND?

  • Frontend developers with basic HTML/CSS skills
  • Backend developers improving frontend skills
  • UI engineers wanting maintainable, scalable CSS
  • Teams preparing to adopt modern build tools

COURSE LOCATION AND AVAILABLE DATES



Need this course in English?

Public courses are usually delivered in Czech, but this course is also available in English. We can arrange private training for your team online, at your premises or in our classrooms, and tailor the content to your needs.

For groups of around 4 or more participants, private training can already be comparable in price to booking individual places on a public course. Send us your requirements and we’ll recommend the best format and provide an exact quote.

Request training in English

Course content:

Hide details
  • HTML5
    1. Differences from HTML4
    2. Practical deployment and usage
  • CSS3
    1. New units (rem, vh, vw)
    2. CSS Flexbox and Grid - usage, differences, browser support
    3. Rule specificity and the cascade
    4. Introduction to SVG
    5. Organizing CSS in larger projects (ITCSS, SMACSS)
    6. Naming systems (BEM, OOCSS) and combining with frameworks (e.g., Bootstrap)
    7. Refactoring approaches for CSS
    8. Finding CSS bugs and testing – developer tools, BrowserStack, git flow
  • Responsive design
    1. Basics and why responsive design matters
    2. Responsive images (srcset, sizes) and common pitfalls
    3. Media queries, breakpoints and mobile-first workflow
  • Preprocessors — purpose, differences, and implementation
    1. SASS – variables, loops, nesting, mixins
    2. Automation – Gulp, Grunt, NPM workflows
    3. LESS, PostCSS – how they differ from SASS
  • Loading performance
    1. How a page loads and performance metrics (how to measure)
    2. Loading strategies, preloading and resource hints
  • Web accessibility
Prerequisites:
Basic knowledge of HTML and CSS.
Schedule:
2 days (9:00-17:00)
Price per person:
356.00 € ( 430.76 € incl. 21% VAT)

Training and learning environment

IT classroom with desks, computer monitors, and a projection screen at the front.
What does the environment for in-person IT courses look like?We hold training courses in our own classrooms equipped with modern computer equipment for each participant and a large projection screen. Each workstation is fitted with a powerful computer for seamless practical exercises, and the environment supports a calm, friendly atmosphere during training.
IT classroom with desks, computer monitors, and a projection screen at the front.
Do I need to bring my own laptop to the classroom IT course?Our training rooms are fully equipped, so you do not need to bring your own laptop. A modern computer with all necessary hardware and software is ready for you at your workstation.
Sample ICT Pro certificate of successful completion of an IT training course.
Will you receive an official certificate after completing an IT course?Yes, upon successful completion of the training course, you will receive an official ICT Pro certificate confirming your participation and acquired technical skills. You can use it to verify your qualifications or add it to your professional profile.
Exterior view of the COMGUARD office building on Sochorova Street in Brno.
Where can you find our training center in Brno?The premises of the ICT Pro training center are located on the 1st floor of the COMGUARD building at Sochorova 38 in Brno. Positioned on the border of Žabovřesky and Komín, the location is easily accessible by both car and public transport.
Exterior view of the Opatov Park office building in Prague, Chodov.
Where can you find our training center in Prague?The premises of the ICT Pro training center are located on the 1st floor of the Opatov Park building at Líbalova 1, Prague 11 – Chodov. The location provides a comfortable environment for your education with convenient access.
Fully equipped kitchenette with a coffee machine, microwave, sink, and shelves with cups and glasses.
What facilities and refreshments are available to you during training breaks?Our training centers feature a fully equipped kitchenette for a comfortable break during your courses. The facilities include a coffee machine, microwave, kettle, and a wide selection of drinks and snacks.
Coffee station featuring an automatic coffee machine, yellow and white cups, glasses, and syrups.
What beverage refreshments are available during your course?A beverage station with a coffee machine, teas, syrups, and water is at your disposal throughout the entire training session. You can enjoy a coffee or another drink of your choice anytime during breaks.
Table with sweet pastries, fruit syrups, a water dispenser, and glasses set up for training participants.
What light refreshments are provided for you during the courses?During course breaks, participants can enjoy light sweet snacks, pastries, and fruit syrups to mix their own drinks. Fresh water dispenser and plates are also available for your convenience.
Wicker baskets filled with packaged savory snacks, sweet biscuits, and snack bars.
Should I bring my own snacks to ICT Pro training?There is no need to. A wide selection of savory snacks, sweet biscuits, and snack bars is available for you during breaks. Boost your energy for all-day focus right inside the training center premises.
Outdoor wooden terrace with green surroundings by the glass building of the training center.
Can you spend training breaks in the fresh air?Yes, an outdoor terrace is available at our training center. During breaks between learning sessions, you can relax in the fresh air in a pleasant green environment.
Spacious outdoor wooden terrace with seating and views of the surrounding area.
Where can you relax during course breaks?Our training center features a spacious outdoor terrace with seating options. During breaks between learning sessions, you can step outside to relax and recharge in the fresh air.