Web Development 04: HTML5 & CSS3
HTML 5 and CSS3 practical course

You want to learn HTML5 and CSS3 quickly and effectively so that you can create sophisticated websites? Or you already work with tools that generate HTML5 and CSS3 code, but want to understand what this code actually does and how you can manually adjust and improve it? Then this course is made for you. In just three days, you will learn all the important HTML5 tags as well as CSS3 basics and then be able to develop new websites from scratch as well as understand, enhance and customize existing HTML5 and CSS3 code. Learn more about this HTML5 and CSS3 practice training...

Benefits

  • Get started quickly and confidently with HTML5 and CSS3
  • Significantly reduce learning curve for HTML5 and CSS3
  • Be able to create web pages from scratch
  • Understand and adapt existing HTML5 and CSS3 code

This HTML5 and CSS3 course is structured according to the teaching method trademark RAED-METHOD, which is registered in the patent office and has been tested at the LMU for more than 10 years. The theory is reduced to the essentials and the focus is on practice. The goal is that after this training you will be able to understand, adapt and completely rewrite HTML5 and CSS3 code in running projects. We don't want you to be lectured only the complete theory about HTML 5 and CSS3 and forget everything in a few weeks, but that you learn the essential basics in a way that you can immediately use them in practice in your running projects. Knowing instead of being able to do is our guiding principle. Therefore, the course is based on many illustrative examples and for each topic there are small programming tasks that you work on together in small homogeneous groups. This exciting course combines the joy of learning with a lot of new knowledge.

Course formats

4-week training program

2x/week live coaching

Online

Teaching materials

Screenshot

Video clips

Video clips
Training subscription

1x/week live coaching

Online

Teaching materials

Screenshot

Video clips

Video clips
Learning-by-video course

Teaching materials

Screenshot

Video clips

Video clips

All courses also include unlimited access to our member area with many more videos, tutorials and information about coding.

Contents

The course covers a selection of the following topics:

  • HTML 5 Basics
  • CSS 3 Basics
  • Testing HTML
  • Structuring a Web Page
  • Formatting with CSS 3
  • CSS Box Model
  • Creating Lists
  • Creating Links
  • Page Layout
  • Working with Images
  • Working with Tables
  • Working with Forms
  • Adding Audio
  • Adding Videos
  • CSS3 Transitions
  • Designing a Website
  • Over 15 Workshops
  • Final Project

For more details, please see the agenda below.

Prerequisites

This HTML 5 and CSS3 course has been designed for people with little or no programming knowledge, but also for front-end developers who want to have a deep and practical introduction to HTML5 and CSS3 in a short time, in order to understand and customize their HTML5 code automatically generated by other technologies. Seminar participants should have standard PC skills on Windows, MacOS or Linux.

However, our beginner seminars are also booked by managers who want to better manage their teams in the area of front-end programming in the future and who want to learn HTML5 basic knowledge and technical terms for this purpose.

  • Individual: we specifically address your needs and take into account your previous knowledge, desired topics and focal points

  • Structured and easy to understand

  • Take your career, studies or training to the next level: with certificate

  • Safely and independently develop programmes (whether private, professional or for your start-up)

  • Lots and lots of practice: immediately applicable results

  • Small groups: max. 8 participants in the 3-day course max. 12 participants in online coaching

  • Developed by experts according to the Raed Method® & geared to the requirements of tech companies in 2020

  • E-mail support even after the end of the course

Description

HTML5 is the language of the web. With HTML5 and CSS3 alone, you can build visually appealing, responsive websites with basic features. Responsive means, by the way, that the pages are displayed on all devices such as computers, laptops, tablets or smartphones. That alone would be almost enough. But for us it is not enough. In our HTML5 and CSS3 basic course we even go into simple web-based games.

Most web developers nowadays work with content management systems like WordPress, Joomla or Drupal. With these, responsive websites are of course possible. However, HTML5 and CSS3 knowledge is an advantage even with such CMS if you want to customize content, images or formatting. Also in the area of front-end development there are many technologies that generate HTML5 code from a certain code in a programming language, e.g. Java Server Face (JSF), Vaadin or GWT (Google Web Toolkit). Even there, basic knowledge of HTML5 and CSS3 is very helpful to understand and improve the generated HTML code.

The HTML5 with CSS3 course teaches you step by step and practice-oriented all important graphical elements of HTML5 and their formatting with CSS3. Then you will learn how to embed JavaScript or PHP code within HTML5 segments. Using many examples and workshops you will learn in pair-program sessions with other participants how to build, edit and modify complete pages with HTML5 and CSS. This allows optimal exchange of experience and works according to the 4 eyes principle. Which ensures a lot of joy, fun and success for the participants.

The course is carefully prepared and conducted by lecturers at elite universities together with professional web developers. Theory meets practice! Many examples together with exciting workshops accompany you in the 3 days course and provide a balanced mix. A maximum of eight participants ensures optimal support. Modern seminar rooms, laptops and techniques are available to you throughout the course.

For your well-being, drinks and a hot lunch are also included throughout the day, so that you can concentrate only on the essentials, take on the HTML5 training and on your success in doing so.

What do you learn on the first day?

You will quickly learn the basic framework of HTML5 code and how to use CSS3 for formatting. You'll learn the important HTML commands (tags) for creating simple web pages, how to use developer tools and how to format the content of your page with internal or external CSS3 files. You will learn the basics of HTML5 and CSS3 and how to test and validate HTML code. After the first day you will be able to program beautiful websites with HTML5 and CSS3.

What do you learn on the second day?

We would like to create responsive websites, so they should be displayed correctly on all devices. For this we will learn more CSS elements like CSS Box Model, CSS3 Media Queries and Responsive WD and extend our HTML5 knowledge by creating lists of all kinds like Unordered or Ordered List as well as links to other websites, to media files and email links. After this day you will know how to make your website responsive. A small introduction to JavaScript will also be given on this day, so that you can also realize dynamic content.

What do you learn on the third day?

On the last day you will learn advanced HTML5 elements so that you can realize large projects and quite sophisticated websites with it. This includes page layout with the different layouts such as box, and grid layouts, working with images and videos, creating tables and forms as well as advanced CSS3 transitions such as filters and animations and finally we give you the best practice in design guidelines and close this exciting training with a final project that ensures that you put into practice what you have learned and also learn the relationships and interactions between different elements. Joy and success will accompany you in this course.

YOUR TRAINER

This HTML5 and CSS3 course is conducted by one of the following trainers:

CERTIFICATE

Of course, as a participant in the HTML5 and CSS3 course you will receive a certificate. Prerequisite for this is the complete participation in all course units and programming tasks and the successful programming of a small final project. However, after this intensive HTML5 and CSS3 training you will have more fun than stress.

AGENDA

The agenda is written in English due to the numerous technical terms. Descriptions and course material are in German. You can book the course either in German or English.

All seminar contents are individually adapted to the wishes of our participants. They can vary depending on the level of knowledge and will be defined together with the seminar leader on day 1. In this seminar you have the choice of the following topics:

HTML5 and CSS3 Training Day 1

HTML5 Basics

  • Basic Structure
  • Coding elements
  • Coding tags
  • Coding attributes
  • Coding Comments
  • Coding Whitespace

CSS3 Basics

  • CSS Style Rules
  • CSS Comments
  • Coding Basic Selectors
  • Editing CSS3 File

Testing HTML5

  • Developer Tools
  • Testing a Web Page
  • Debugging a Web Page
  • Validating an HTML5 File
  • Validating a CSS3 File

Structuring a Webpage

  • Coding the Head Section
  • Coding Text Elements
  • Structuring the Content
  • Coding Lists and Images

Formatting with CSS3

  • Specifying measurements
  • Specifying Colors
  • Coding Selectors
  • Working with CSS
  • Working with Text
  • External CSS3 Files

HTML5 and CSS3 Training Day 2

CSS3 Box Model

  • Box Model
  • Sizing Elements
  • Spacing Elements
  • Setting Borders
  • Setting Backgrounds

Creating Lists

  • Unordered List
  • Ordered List

Creating Links

  • Linking to another page
  • Formatting Links
  • Linking to Media File
  • Creating E-Mail Link

Responsive Web Design

  • Introduction to Responsive WD
  • Implementing a fluid design
  • Using CSS3 Media Queries
  • A Responsive Web Page

Introduction to JavaScript

  • JavaScript in HTML5
  • JavaScript Functions

HTML5 and CSS3 Training Day 3

Page Layout

  • Using CSS3 for Page Layout
  • Using Flexible Box Layout
  • Setting Flexbox Properties
  • Creating Basic Grid Layout
  • Defining the Grid Areas
  • Common Page Layouts

Working with Images

  • Including Images
  • Resizing an Image
  • Aligning and Floating an Image
  • The Picture Element
  • Doing Image Rollovers
  • Creating Image Maps

Working with Tables

  • Creating a Table
  • Merging Cells
  • Nested Tables
  • Responsive Tables

Working with Forms

  • Creating a Form
  • Creating a Button
  • Creating a Text Field
  • Creating Check Boxes
  • Creating Drop-Down Lists
  • Creating List Boxes
  • Creating Text Areas
  • Creating Labels
  • Grouping Controls
  • Uploading a File
  • Data Validation
  • HTML5 Controlls

Adding Audio and Videos

  • Adding Audio
  • Adding Videos
  • Browser Support
  • Encoding Media

CSS3 Transitions

  • CSS3 Transitions
  • CSS3 Transformations
  • CSS3 Animations
  • CSS3 Filters

Designing a Website

  • Design Guidelines
  • Final Project

Course formats / dates

1 Day Crash Course

In München oder Online

3 Days Course

In München oder Online

4-Wochen-Training

€1,876.00
Participation possible at any time

4-Wochen-Training copy

€899.00
Participation possible at any time

For teams

Are you interested in a course for your team? Get in touch - we will find a perfect solution. Our professionals are also happy to come to you. Among other things, we offer:

  • In-house training
  • Technical coaching
  • Consulting
Request Request

Questions & Service

Our service team will be happy to advise you personally. Mon-Fri from 9.00 to 18.00 under:
+49 89 17958-820
info@coding-academy.com

References

BMW Apple Draeger VW Sky Siemens 2000px TÜ V Süd Logo Agfa Kopie Samsung Fraunhofer Valtech Deutsche Bank
Course Catalogue Overview of rocket courses: