HTML и CSS для продвинутых и адаптивная верстка

Углубленное изучение технологий. Адаптивная верстка очень нужна, точнее уже обязательна. Тем более это не так сложно как кажется.

Урок 1. Вводный урок в HTML для продвинутых
Урок 2. css-tricks.com и другие полезные ресурсы для frontend-разработчика
Урок 3. Раздел 1. HTML5 extended
Урок 4. Полный список тегов, которые обязательно надо знать
Урок 5. Тег А - создаем якоря
Урок 6. Теги embed и object
Урок 7. Отличия HTML 5 от HTML4
Урок 8. HTML5 header и footer
Урок 9. Тег nav
Урок 10. Теги section, aside, main, article
Урок 11. fieldset и legend - теги для группировки элементов форм
Урок 12. HTML5 элементы форм
Урок 13. Аудио и видео. Адаптивное видео с Ютуба на сайте
Урок 14. Мнемоники в HTML и HTML сущности
Урок 15. Меняем цвет браузера на Android 4+ с помощью мета тега meta theme color
Урок 16. Плавно меняем цвет браузера на Android 4+ (meta name theme-color)
Урок 17. HTML5 теги в ФиксМед
Урок 18. Раздел 2. CSS extended
Урок 19. Все CSS селекторы
Урок 20. Список CSS свойств который должен хорошо знать каждый верстальщик сайтов
Урок 21. CSS свойство animation - анимация на чистом CSS
Урок 22. CSS переходы transition
Урок 23. Трансформация и Преобразования в CSS. transform, translate, rotate и другие
Урок 24. Отзывчивость в CSS
Урок 25. Перенос слов в CSS и проблемы с длинными словами
Урок 26. Нормализация стилей. Роль файла normalize.css, reset css
Урок 27. CSS переменные
Урок 28. Высота 100% Height
Урок 29. Курсоры на сайте
Урок 30. Позиционирование элементов css
Урок 31. Примеры css анимации
Урок 32. Анимированный border
Урок 33. Задание на CSS анимацию (бегать по квадрату)
Урок 34. Задание на CSS анимацию (бегать по диагонали)
Урок 35. Задание на CSS анимацию (менять цвет и размер)
Урок 36. Организация отступов в верстке
Урок 37. Делаем красивый input[type=file] для адаптивного сайта
Урок 38. Кастомные чекбоксы checkbox по правильному
Урок 39. Стилизуем placeholder при помощи CSS.
Урок 40. Снежинки на чистом CSS3 без Javascript на сайт
Урок 41. сalc() в CSS3
Урок 42. Как изменить цвет и фон выделения на сайте в html5
Урок 43. Задание: Кричащая кнопка
Урок 44. CSS currentColor
Урок 45. Красивые фоны для сайта на чистом css 3
Урок 46. Креативные эффекты анимации и переходов для ссылок и меню
Урок 47. 5 методов создания выпадающего меню Dropdowd Menu
Урок 48. Раздел 3. Обзор редакторов кода и графических редакторов с точки зрения верстальщика
Урок 49. HTML верстка сайта в Figma
Урок 50. Adobe Photoshop для верстальщика
Урок 51. Avocode - онлайн редактор PSD для верстальщика
Урок 52. Sublime text самые горячие клавиши
Урок 53. Сниппеты в Sublime Text
Урок 54. Установка emmet на Sublime Text
Урок 55. Выбор и настройка IDE для верстальщика
Урок 56. Сравнение программ для работы фронтенд-разработчика
Урок 57. Раздел 4. Адаптивная верстка. Теория и практика.
Урок 58. Про маштабирование сайта в браузере и в Виндовс
Урок 59. Media запросы в CSS - азы адаптивной верстки
Урок 60. Тег meta viewport
Урок 61. Что такое адаптивная верстка
Урок 62. Как убрать горизонтальную прокрутку 3 метода
Урок 63. Макет РезиноМед сверстать
Урок 64. Проект Клад. Делаем чужую верстку адаптивной. Что делать с двумя сайдбарами
Урок 65. Сверстать магазин суши
Урок 66. Адаптивность и еще раз адаптивность
Урок 67. Сверстать фитнес клуб Вова
Урок 68. Раздел 65. Оптимизация работы верстальщика: task менеджеры, сборщики и др
Урок 69. Как правильно и быстро верстать сайты
Урок 70. Что должен уметь HTML верстальщик
Урок 71. Основы Gulp
Урок 72. Сверстать фитнес клуб Рубикон
Урок 73. Раздел 6. Препроцессоры SASS и другие
Урок 74. SCSS и Sass
Урок 75. HAML
Урок 76. Сверстать Балтику
Урок 77. Верстка интернет-магазина пиццы
Урок 78. Ваши предложения
Урок 79. Раздел 7. Изображения extended
Урок 80. SVG
Урок 81. WebP
Урок 82. Оптимизация изображений в вебе по взрослому
Урок 83. Создание собственного шрифтового набора иконок Icon Pack с помощью Fontello
Урок 84. Наборы иконок: fontAwesome и другие
Урок 85. CSS Фильтры над изображениями
Урок 86. CSS спрайты
Урок 87. DataURI Base64 для изображений. Онлайн конвертеры.
Урок 88. Ваш отзыв
Урок 89. Раздел 8. Полезности
Урок 90. Задача на Зафиксированное меню и решение
Урок 91. Сверстать магазин Суши и Роллы 2
Урок 92. Адаптивная верстка email писем с Foundation for Emails
Урок 93. Шикарная CSS анимация для кнопок
Урок 94. БЭМ (Блок-Элемент-Модификатор) и другие методологии web-разработки
Урок 95. Анимация CSS вертикальный переворот флип vertical flip
Урок 96. Google Page Speed Insights 100 из 100 Часть 1
Урок 97. Google Page Speed Insights 100 из 100 Часть 2
Урок 98. CSS clip-path
Урок 99. Кнопки Напомнить и Поделиться от Яндекса
Урок 100. Виджет Вконтакте для сайта вставляем адаптивный
Урок 101. Делаем особую нумерацию списков
Урок 102. Делаем геометрические фигуры на CSS
Урок 103. 3D объекты на чистом CSS
Урок 104. Что дальше?
Урок 105. Загрузка шрифтов FOUT, FOIT, FOFT
Урок 106. CSS object-fit
Урок 107. Неочевидные возможности Chrome DevTools для верстки
Урок 108. css appearance - стилизация под операционную систему
Урок 109. Единицы измерения в CSS: px, %, em, rem и другие

Начните обучение прямо сейчас!

Стоимость обучения: 12000 р.
Купить тренинг

Получите программу тренинга в pdf на почту или распечатайте её

Распечатать программу тренинга