bespoyasov / traktor-html-css-workshop

Source code samples for the HTML & CSS workshop at Traktor School.

Home Page:https://bespoyasov.me/talks/html-css-workshop/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML & CSS Workshop for Traktor School

Read this in Russian.

In the first part, we'll create the HTML skeleton for the pizza ordering app and learn how to use correct HTML tags. We'll see what semantics is and why it is important. We'll learn how to choose the right form controls, how to choose between links and buttons. Also, we'll fulfill the requirements for basic accessibility.

In the second part, we'll style the page. We'll convert the standard browser controls into custom once, while retaining all the functionality provided by the browser. We'll understand the difference between content and decorative images, learn how to optimize graphics and its loading. Also, we'll talk about style composition and the BEM methodology.

Workshop on YouTube

  1. Part 1: Creating HTML Skeleton
  2. Part 2: Styling the Page

(In Russian with English subtitles.)

About

Source code samples for the HTML & CSS workshop at Traktor School.

https://bespoyasov.me/talks/html-css-workshop/


Languages

Language:HTML 65.5%Language:CSS 34.5%