HTML, CSS, JS is not magic
Привет, я Александр Фесенко ● Front-end Lead команды в Master of Code Ukraine ● Ментор Masters Academy @smithua 2
План занятия 1. Что такое HTML 2. Что такое CSS 3. Что такое JavaScript 4. Что такое Developer Tools
HTML (Hyper Text Markup Language) ● Это в первую очередь стандарт разметки документа ● Любая веб страница состоит из HTML элементов (Tags) ● На самой странице, HTML теги вы не увидите, вместо них показывается контент
Tags HTML теги это имена элементов окружены угловыми скобками: <tagname>тут ваш контент</tagname>
CSS (Cascading Style Sheets) ● Отвечает за раскладку веб-страницы ● Описывает как HTML элементы будут выглядеть на странице ● Имеет глобальную область видимости
JavaScript ● Язык программирования ● Может выполняться на клиенте и на сервере (NodeJS) ● Мультипарадигменный ● Динамическая типизация ● Автоматическое управление памятью ● Прототипное программирование (нет Class)
Грамматика и типы
Объявление переменных
Присваивание значений и область видимости
Структуры и типы данных Шесть типов данных, которые являются примитивами: 1. Boolean => true или false. 2. null => Специальное ключевое слово, обозначающее нулевое или «пустое» значение. 3. undefined => переменная, не имеющая присвоенного значения, обладает типом undefined. 4. Number => число ( 5 или 3.4567 ). 5. String => строка ( “Hello, World!” ). 6. Symbol (ECMAScript 6) и Object => структура данных, содержит в себе данные и инструкции по работе с ними.
Developer Tools ● Must have инструмент для любого разработчика и не только
Useful links HTML CSS JavaScript Презентация по JavaScript A guide to flexbox

Html, css, js

  • 1.
  • 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 TextMarkup Language) ● Это в первую очередь стандарт разметки документа ● Любая веб страница состоит из HTML элементов (Tags) ● На самой странице, HTML теги вы не увидите, вместо них показывается контент
  • 5.
    Tags HTML теги этоимена элементов окружены угловыми скобками: <tagname>тут ваш контент</tagname>
  • 8.
    CSS (Cascading StyleSheets) ● Отвечает за раскладку веб-страницы ● Описывает как 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 ● Musthave инструмент для любого разработчика и не только
  • 18.