-
Основы HTML
В данном блоке вы узнаете что такое HTML и как с ним работать. Изучите нужные тэги, научитесь верстать кросс-браузерные и адаптивные макеты.
- Что такое HTML?
- Введение в HTML5 (инструменты для работы, структура документа)
- Тэги для работы с текстом
- Тэги для работы со списками
- Тэги для работы с ссылками
- Тэги для работы с объектами
- Тэги для работы с таблицами
- Тэги для работы с формами
- Semantic HTML
- Кросс браузерная верстка и Responsive HTML (адаптивная верстка)
- Итоговый Экзамен по Блоку HTML
-
Основы CSS
В данном блоке вы ознакомитесь с основами CSS и изучите как стилизовать html документ
- Что такое CSS и как его подключить?
- Что такое Selector? Базовые селекторы CSS (Type Selectors, ID Selectors, Class Selectors)
- Cелекторы CSS (Pseudo-Classes и другие доступные селекторы)
- Типы значений в CSS (Пиксели, Проценты, Em, Rem, Значение для цвета, Значения для работы с текстом)
- Блоки в CSS (Padding, Margins, Borders)
- Основные свойства CSS (Background, Fonts, Shadows, Border Radius, Gradients, @font-face, Media Queries)
- Препроцессор LESS для CSS
- Введение в Flexbox CSS
- Итоговый Экзамен по Блоку CSS
-
Photoshop для верстки
В данном блоке вы изучите программу Photoshop и горячие клавиши необходимые верстальщику.
-
Введение в JavaScript и библиотека jQuery
В данном блоке вы ознакомитесь с некоторыми возможностями JavaScript необходимых для верстки
-
Практика
В данном блоке вы научитесь применять полученные знания на практике при верстке PSD Макета.
- Практика. Урок 1
- Практика. Урок 2
- Практика. Урок 3
- Практика. Урок 4
- Практика. Урок 5
- Практика. Урок 6
- Практика. Урок 7
- Практика. Урок 8
- Практика. Урок 9
- Практика. Урок 10
- Практика. Фишин верстки десктопной версии. Урок 11
- Проверяем верстку на валидацию HTML
- Делаем верстку кросбраузерной
- Делаем верстку адаптивной под мобильные устройства. Часть 1
- Делаем верстку адаптивной под мобильные устройства. Часть 2
-
Нужно знать!
В данном блоке вы изучите дополнительные программы, приемы и техники нужные веб разработчику.
- Хостинг и домен. Что это и как этим пользоваться?
- Практика с jQuery. Фиксим слайдер Testimonials
- Плагин для ускорения верстки emmet.
- Что такое и как использовать Bootstrap 4?
- Клиентские и серверные языки программирования.
- Работа с файлами по FTP. Программа FileZilla
- Как фрилансеру комфортно получать заработанные средства?
Предыдущий
Semantic HTML
Следующий
Итоговый Экзамен по Блоку HTML