KEMBAR78
Html, css, js | PPTX
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.