Познавая вёрстку: HTML, CSS и кое что ещё
Курс создан на основе нескольких десятков онлайн групп по обучению на тему веб вёрстки.
Финальный результат: ясное понимание и уверенность в вёрстке. Это фундамент, на котором может строиться дальнейший путь в области веб-разработки.
В 30-е годы прошлого столетия исследователь Альфред Коржибски сказал: ценно не само знание, ценно — структура знания.
Этот курс — попытка дать вам структуру знания html вёрстки. Не просто сказать о том, что куда писать, а объяснить, почему это писать именно сюда или сюда.
Этот курс — попытка разбить умение вёрстки на совокупность мелких навыков и дать вам возможность их изучить и оттренировать.
Этот курс — попытка дать вам шаг, который вы можете пройти. Пройти и двигаться дальше, не оборачиваясь.
Вам решать, на сколько у меня получилось 😉
Введение
Резюме.
Во время курса:
Слушайте не отвлекаясь
Повторяйте действия, которые видите на видео. Пишите такой же код.
Делайте все упражнения и тщательно проверяйте себя
После курса:
Повторите учебный проект по памяти
Придумайте собственную страницу и сверстайте её
Верстка бегло на примере очень простой страницы
Фундамент вёрстки
Сайт w3schools обновился. Прикрепил скриншот старого дизайна к уроку.
Применяем знания к тестовому проекту
Основы стилей CSS
Продвинутые техники
Создаем шапку тестового проекта
Ещё один хороший сервис для кнопок шаринга: https://www.addtoany.com
Его плюс: можно использовать в письмах. Он просто вставляет изображения в виде ссылок и делает перенаправление на соц. сеть. Попробуйте этот сервис.
Верстаем календари
Адаптивность и кроссбраузерность
Решаем популярные задачи
Для создания сложной анимации, удобней использовать специальные сервисы.
На выходе вы получаете CSS код для использования.
