Основы HTML 11
В данном блоке вы узнаете что такое HTML и как с ним работать. Изучите нужные тэги, научитесь верстать кросс-браузерные и адаптивные макеты.
- Что такое HTML?Лекция1.1
- Введение в HTML5 (инструменты для работы, структура документа)Лекция1.2
- Тэги для работы с текстомЛекция1.3
- Тэги для работы со спискамиЛекция1.4
- Тэги для работы с ссылкамиЛекция1.5
- Тэги для работы с объектамиЛекция1.6
- Тэги для работы с таблицамиЛекция1.7
- Тэги для работы с формамиЛекция1.8
- Semantic HTMLЛекция1.9
- Кросс браузерная верстка и Responsive HTML (адаптивная верстка)Лекция1.10
- Итоговый Экзамен по Блоку HTML 10 вопросовВикторина1.1
Основы CSS 9
В данном блоке вы ознакомитесь с основами CSS и изучите как стилизовать html документ
- Что такое CSS и как его подключить?Лекция2.1
- Что такое Selector? Базовые селекторы CSS (Type Selectors, ID Selectors, Class Selectors)Лекция2.2
- Cелекторы CSS (Pseudo-Classes и другие доступные селекторы)Лекция2.3
- Типы значений в CSS (Пиксели, Проценты, Em, Rem, Значение для цвета, Значения для работы с текстом)Лекция2.4
- Блоки в CSS (Padding, Margins, Borders)Лекция2.5
- Основные свойства CSS (Background, Fonts, Shadows, Border Radius, Gradients, @font-face, Media Queries)Лекция2.6
- Препроцессор LESS для CSSЛекция2.7
- Введение в Flexbox CSSЛекция2.8
- Итоговый Экзамен по Блоку CSS 10 вопросовВикторина2.1
Photoshop для верстки 5
В данном блоке вы изучите программу Photoshop и горячие клавиши необходимые верстальщику.
- Обзор PSD макета на соответствие качествуЛекция3.1
- JPEG, PNG, SVG, GIF; какой формат использовать?Лекция3.2
- Нарезка макета на необходимые элементы для версткиЛекция3.3
- Горячие клавиши и приемы, помогающие верстальщикуЛекция3.4
- Итоговый Экзамен по Блоку Photoshop для верстки 5 вопросовВикторина3.1
Введение в JavaScript и библиотека jQuery 9
В данном блоке вы ознакомитесь с некоторыми возможностями JavaScript необходимых для верстки
- Для чего нужен JavaScript и как его подключить?Лекция4.1
- Синтаксис в JavaScriptЛекция4.2
- jQuery. Подключение библиотекиЛекция4.3
- jQuery. Первый документ на jQueryЛекция4.4
- jQuery. СелекторыЛекция4.5
- jQuery. ПеременныеЛекция4.6
- jQuery. Функция .on()Лекция4.7
- jQuery. console.log()Лекция4.8
- Итоговый Экзамен по Блоку JavaScript & jQuery 10 вопросовВикторина4.1
Практика 15
В данном блоке вы научитесь применять полученные знания на практике при верстке PSD Макета.
- Практика. Урок 1Лекция5.1
- Практика. Урок 2Лекция5.2
- Практика. Урок 3Лекция5.3
- Практика. Урок 4Лекция5.4
- Практика. Урок 5Лекция5.5
- Практика. Урок 6Лекция5.6
- Практика. Урок 7Лекция5.7
- Практика. Урок 8Лекция5.8
- Практика. Урок 9 30 минутЛекция5.9
- Практика. Урок 10 30 минутЛекция5.10
- Практика. Фишин верстки десктопной версии. Урок 11Лекция5.11
- Проверяем верстку на валидацию HTMLЛекция5.12
- Делаем верстку кросбраузернойЛекция5.13
- Делаем верстку адаптивной под мобильные устройства. Часть 1Лекция5.14
- Делаем верстку адаптивной под мобильные устройства. Часть 2Лекция5.15
Нужно знать! 8
В данном блоке вы изучите дополнительные программы, приемы и техники нужные веб разработчику.
- Хостинг и домен. Что это и как этим пользоваться?Лекция6.1
- Практика с jQuery. Фиксим слайдер TestimonialsЛекция6.2
- Плагин для ускорения верстки emmet.Лекция6.3
- Что такое и как использовать Bootstrap 4?Лекция6.4
- Клиентские и серверные языки программирования.Лекция6.5
- Работа с файлами по FTP. Программа FileZillaЛекция6.6
- Как фрилансеру комфортно получать заработанные средства?Лекция6.7
- Итоговый Экзамен по Блоку Нужно Знать 0 вопросВикторина6.1
Для вас урок не доступен. Пожалуйста авторизуйтесь и запишитесь на курс для доступа к уроку!
Предыдущий jQuery. Подключение библиотеки
Следующий jQuery. Селекторы