В наше время даже самый махровый бэкенд-разработчик обязан разбираться в вёрстке. Добавление странички в админку, парсинг и тестирование работы сайта, и даже простой вывод данных — все эти задачи требуют работы с HTML и CSS. От вёрстки никуда не деться.
Это вводный курс по вёрстке. После него профессиональным верстальщиком вы не станете, но возможности ваши резко возрастут. Вы научитесь самостоятельно подключать работу фронтендеров к бекенду, писать парсеры и верстать из готовых шаблонов с Twitter Bootstrap.
В курсе много программирования на Python: мы столкнём вас с ситуациями, когда программисту без вёрстки не справится, и поработаете на стыке двух сфер: бекенд и фронтенд.
‣ HTML и CSS
‣ Twitter Bootstrap
‣ Chrome DevTools
‣ Шаблоны Jinja2
Вы сделаете сайт для винодельни с вековыми традициями. На их сайте регулярно обновляется ассортимент. Чтобы не возвращаться к вёрстке каждый раз, вы построите свою CMS на Python.
Знакомство с вёрсткой вы начнёте не с нудной теории, а сразу сделаете полезную фичу. Сначала практика, потом теория.
В этом уроке будет много работы с Chrome Dev Tools. Это инструмент для работы с вёрсткой прямо в браузере. Любому мастеру нужны инструменты.
У блога есть 2 составляющих: код на Python и вёрстка. По отдельности они не работают. Вы получите две неработающих половинки и соберёте из них работающий блог.
Django пользуется моделью MTV: model, template, view. Первый и третий рассмотрены в курсе Django ORM. Остался последний компонент: template. В этом уроке вы научитесь им пользоваться.
Будет крутой галочкой в резюме, если вы будете готовы поправить мелкие косяки верстальщика: поменять цвет на зелёный или закруглить края кнопки. В этом уроке вы узнаете как делать мелки правки в вёрстке.
А в этом уроке вы подарите новый дом книгам: сверстаете сайт-библиотеку. Верстать будете из готовых блоков, но сильно это задачу не упростит: всё равно будет над чем попотеть.
Половина того, что вы видите в интернете, сделано с помощью Bootstrap. Это огромная библиотека стилей и компонентов для ваших страничек. Bootstrap поможет, если нужно быстро что-нибудь сверстать: получится не только быстро, но и симпатично.
Github позволяет бесплатно хостить свёрстанные сайты у себя. Этот и все последующие уроки вы будете публиковать в интернете, чтобы любой мог почитать книги с вашего сайта или посмотреть видео из вашего видеоплеера.
Каждый урок — это новый учебный проект с пошаговыми инструкциями и практическими советами.
Преподаватель прочитает ваш код и расскажет, как сделать лучше.
Занимайтесь в любое удобное время, в своем темпе.
Можно купить курс сейчас, а к занятиям приступить позже, когда будете готовы.
Эти знания помогут вам в следующих сложных курсах:
‣ Владение Python на начальном уровне: циклы, функции, словари и списки.
‣ Размещение кода на GitHub
‣ Чтение документации на английском со словарем
Рекомендуем начать подготовку с более простых курсов:
