* Что такое HTML и чем он не является.
* Гиперссылки.
* Что такое DOM, структура документа?
* HTML-теги. Основные теги.
* Для чего нужны мета-теги?
* Что такое валидный код и зачем делать код валидным?
* Другие штуки.
* Что такое HTML и чем он не является.
* Гиперссылки.
* Что такое DOM, структура документа?
* HTML-теги. Основные теги.
* Для чего нужны мета-теги?
* Что такое валидный код и зачем делать код валидным?
* Другие штуки.
Что такое CSS?
Что такое каскадность?
Как подключаются стили?
Блочная модель.
Правила и селекторы.
Наследование правил CSS.
Как вычисляется вес правил?
Кроссбраузерность.
Эта вводная лекция будет посвящена ознакомлению вас с программой курса, методом преподавания и с сайтом, который поможет нам обмениваться информацией с вами.
В программе:
Рассмотрим текстовый редактор
поделимся полезными онлайн-ресурсами,
научим вас различать front-end от back-end разработки
дадим первоначальные понятие о создании первых страниц
Шаблонизация основанная на работе с DOM становится трендом: React, Ractive, Basis.js уже используют этот подход, другие идут в эту сторону. Главным преимуществом подхода считается скорость, но оно далеко не единственное!
В докладе немного рассказано о возможностях, что дает DOM подход.
Что такое CSS?
Что такое каскадность?
Как подключаются стили?
Блочная модель.
Правила и селекторы.
Наследование правил CSS.
Как вычисляется вес правил?
Кроссбраузерность.
Эта вводная лекция будет посвящена ознакомлению вас с программой курса, методом преподавания и с сайтом, который поможет нам обмениваться информацией с вами.
В программе:
Рассмотрим текстовый редактор
поделимся полезными онлайн-ресурсами,
научим вас различать front-end от back-end разработки
дадим первоначальные понятие о создании первых страниц
Шаблонизация основанная на работе с DOM становится трендом: React, Ractive, Basis.js уже используют этот подход, другие идут в эту сторону. Главным преимуществом подхода считается скорость, но оно далеко не единственное!
В докладе немного рассказано о возможностях, что дает DOM подход.
Слайды доклада о методологии вёрстки "БЭМ", придуманной в компании "Яндекс". Краткое описание методологии, принципов создания качественного css-кода, и применения "БЭМ" в WordPress
Практический курс по HTML5, CSS3 и JavaScript в котором Вы пройдете весь путь вёрстки сайта от графического макета до готовой HTML страницы. После успешного прохождения вы сможете с легкостью создавать свои сайты, либо претендовать на работу в любом интересующем вас агенстве.
Web-программирование
Лекция #4. Каскадные таблицы стилей
Цикл лекций читается в Омском государственном университете им. Ф.М.Достоевского на факультете компьютерных наук.
Лектор: Яковенко Кирилл Сергеевич.
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
Web-программирование
Лекция #3. Введение в языки разметки web-страниц
Цикл лекций читается в Омском государственном университете им. Ф.М.Достоевского на факультете компьютерных наук.
Лектор: Яковенко Кирилл Сергеевич.
Masters Academy workshop BA User stories: be simple, be usefulMasters Academy
Business Analyst: Role in Project and Team
BA GOAL:
Business Analysis Process Flow
BA Responsibilities
BA’s Working Day
What it Takes to be a BA
What is special about User Stories?
US Structure
Typical Mistakes in US Writing
Useful Links
3. План занятия
1. Что такое HTML
2. Что такое CSS
3. Что такое JavaScript
4. Что такое Developer Tools
4. HTML (Hyper Text Markup Language)
● Это в первую очередь стандарт разметки документа
● Любая веб страница состоит из HTML элементов (Tags)
● На самой странице, HTML теги вы не увидите, вместо них
показывается контент
5. Tags
HTML теги это имена элементов окружены угловыми скобками:
<tagname>тут ваш контент</tagname>
6.
7.
8. CSS (Cascading Style Sheets)
● Отвечает за раскладку веб-страницы
● Описывает как HTML элементы будут выглядеть на странице
● Имеет глобальную область видимости
9.
10.
11. JavaScript
● Язык программирования
● Может выполняться на клиенте и на сервере (NodeJS)
● Мультипарадигменный
● Динамическая типизация
● Автоматическое управление памятью
● Прототипное программирование (нет Class)
16. Структуры и типы данных
Шесть типов данных, которые являются примитивами:
1. Boolean => true или false.
2. null => Специальное ключевое слово, обозначающее нулевое или «пустое»
значение.
3. undefined => переменная, не имеющая присвоенного значения, обладает типом
undefined.
4. Number => число ( 5 или 3.4567 ).
5. String => строка ( “Hello, World!” ).
6. Symbol (ECMAScript 6)
и Object => структура данных, содержит в себе данные и инструкции по
работе с ними.