- What is HTML? - What is CSS? - What is Developer Tools? - What is Avocode

1. HTML, CSS
Let’s begin

2. Привет,
я Александр Фесенко
● Front-end Lead команды в Master of Code Ukraine
● Ментор Masters Academy
@smithua
2

3. План занятия
1. Что такое HTML
2. Что такое CSS
3. Что такое Developer Tools
4. Что такое Avocode

4. HTML (Hyper Text Markup Language)
● Это в первую очередь стандарт разметки документа
● Любая веб страница состоит из HTML элементов (Tags)
● На самой странице, HTML теги вы не увидите, вместо них
показывается контент

5. Tags
HTML теги это имена элементов окружены угловыми скобками:

8. CSS (Cascading Style Sheets)
● Отвечает за раскладку веб-страницы
● Описывает как HTML элементы будут выглядеть на странице
● Имеет глобальную область видимости

9. CSS declaration

10. CSS rulesets

13. Developer Tools
● Must have инструмент для любого разработчика и не только

14. Useful links
HTML
CSS
HTMLCSS Docs
Avocode
Common words for naming stuff
Common words for naming stuff2
BEM
caniuse
MyVSCODE plugins - Part1 Part2
stylelint rules
Guide Grid Guide flexbox
Grid or Flexbox
Free svg icons
Free Web Fonts

15. THANK YOU!