В наше время даже самый махровый бэкенд-разработчик обязан разбираться в вёрстке. Этот курс — продолжение другого курса о вёрстке: здесь будет больше Django и HTML/CSS.
Здесь вы встретите ситуации, с которыми неизбежно столкнётся любой бэкендер при работе с шаблонами: подключение форм к сайту, мобильная адаптивность, вёрстка небольших компонентов с нуля.
Этот курс повысит вашу стоимость, как бэкенд-разработчика. После него вы сможете сверстать небольшой сайт по макету с нуля, но главное не это: вам больше не придётся звать коллегу для решения мелких проблем с фронтэндом.
‣ HTML-формы
‣ Обработка данных форм на сервере
‣ Flex
‣ Grid
‣ Анимации
‣ Pixel-perfect
‣ Мобильная вёрстка
‣ Вёрстка по Figma-макету
В предыдущих уроках вы верстали из готовых блоков, которые сверстал за вас кто-то другой. В этом уроке вы узнаете, как такие блоки делать. Вам предстоит сверстать видеоплеер с нуля.
Иконки сейчас используются на любом сайте: даже на этой странице вы можете сходу разглядеть парочку. В видеоплеере они тоже будут: кнопки “Play”, “Pause” или “Mute” — это всё иконки.
Flexbox — это современная технология в CSS, с помощью которой можно двигать блоки по странице, выравнивать их и делать “резиновыми”: заставлять их растягиваться по ширине. Без понимания Flexbox современную вёрстку тоже не понять.
В этом уроке вы оживите плеер: добавите ему анимаций и сделаете его удобным для просмотра фильмов. Полосочка снизу теперь будет пропадать и появляться при наведении, например.
PixelPerfect — это когда ваша страничка свёрстана пиксель в пиксель с макетом дизайнера. Вот как вам сайт нарисовали — вы один в один его и воспроизвели. Это довольно ценный навык, и многие заказчики будут требовать его на работе.
Заставьте вёрстку реагировать на движения мышью: какие-то блоки будут пропадать, какие-то — появляться. Такие простые эффекты сразу дают +15 очков к крутости сайта.
Каждый урок — это новый учебный проект с пошаговыми инструкциями и практическими советами.
Преподаватель прочитает ваш код и расскажет, как сделать лучше.
Занимайтесь в любое удобное время, в своем темпе.
Можно купить курс сейчас, а к занятиям приступить позже, когда будете готовы.
‣ Владение Python на начальном уровне: циклы, функции, словари и списки.
‣ Писать программы на 400+ строк кода
‣ Читать английскую документацию
‣ Работать с базой данных через ORM
‣ Верстать HTML-страницы
‣ Размещать код на GitHub
Рекомендуем начать подготовку с более простых курсов:
