HTML,CSS,Basic JS(events, etc.)

1. HTML, CSS, JS
is not magic

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

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

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

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

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

11. JavaScript
● Язык программирования
● Может выполняться на клиенте и на сервере (NodeJS)
● Мультипарадигменный
● Динамическая типизация
● Автоматическое управление памятью
● Прототипное программирование (нет Class)

12. Грамматика и типы

13. Объявление переменных

14. Присваивание значений и
область видимости

16. Структуры и типы данных
Шесть типов данных, которые являются примитивами:
1. Boolean => true или false.
2. null => Специальное ключевое слово, обозначающее нулевое или «пустое»
значение.
3. undefined => переменная, не имеющая присвоенного значения, обладает типом
undefined.
4. Number => число ( 5 или 3.4567 ).
5. String => строка ( “Hello, World!” ).
6. Symbol (ECMAScript 6)
и Object => структура данных, содержит в себе данные и инструкции по
работе с ними.

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

18. Useful links
HTML
CSS
JavaScript
Презентация по JavaScript
A guide to flexbox