Проекты
Связаться с нами
Вёрстка для питониста
Модуль из 7 уроков

В наше время даже самый махровый бэкенд-разработчик обязан разбираться в вёрстке. Добавление странички в админку, парсинг и тестирование работы сайта, и даже простой вывод данных — все эти задачи требуют работы с HTML и CSS. От вёрстки никуда не деться.

Это вводный курс по вёрстке. После него профессиональным верстальщиком вы не станете, но возможности ваши резко возрастут. Вы научитесь самостоятельно верстать небольшие веб-сервисы, познакомитесь с mobile-first подходом и освоите Twitter Bootstrap — самый популярный фреймворк для быстрой вёрстки.

В модуле много программирования на Python: шаблоны, парсеры, обработка HTML форм на сервере — всё то, для чего вёрстка бывает нужна программисту.

Урок 1 из 7
Продаём элитное вино
Продаём элитное вино
Вы сделаете сайт для винодельни с вековыми традициями. На их сайте регулярно обновляется ассортимент. Чтобы не возвращаться к вёрстке каждый раз, вы построите свою CMS на Python.
С места в карьер
Знакомство с вёрсткой вы начнёте не с нудной теории, а сразу сделаете полезную фичу. Сначала практика, потом теория.
Главный инструмент верстальщика
В этом уроке будет много работы с Chrome Dev Tools. Это инструмент для работы с вёрсткой прямо в браузере. Любому мастеру нужны инструменты.
15 заданий
5 учебных часов
ревью кода
Урок 2 из 7
Оживляем блог на Django
Оживляем блог на Django
У блога есть 2 составляющих: код на Python и вёрстка. По отдельности они не работают. Вы получите две неработающих половинки и соберёте из них работающий блог.
Третий столп Django
Django пользуется моделью MTV: model, template, view. Первые два рассмотрены в модуле Django ORM. Остался третий компонент: template. В этом уроке вы научитесь им пользоваться.
Сделайте "красиво"
Будет крутой галочкой в резюме, если вы будете готовы поправить мелкие косяки верстальщика: поменять цвет на зелёный или закруглить края кнопки. В этом уроке вы узнаете как делать мелки правки в вёрстке.
25 заданий
12 учебных часов
ревью кода
Урок 3 из 7
Парсим онлайн-библиотеку
Парсим онлайн-библиотеку
В этом уроке вы распарсите онлайн-библиотеку книг: скачаете тысячи изданий с помощью Python. Интерфейс этой библиотеки устарел: выглядит она довольно безобразно. Вы сверстаете новую и наполните её скачанными книгами.
Научитесь писать парсеры
Парсеры — это программы, которые скачивают из интернета странички и разбирают их на составляющие: заголовок, картинка, текст... С помощью парсинга можно выкачивать с сайтов гигабайты полезной информации.
Верстайте быстро, дёшево, красиво
Половина того, что вы видите в интернете, сделано с помощью Bootstrap. Это огромная библиотека стилей и компонентов для ваших страничек. Bootstrap поможет, если нужно быстро что-нибудь сверстать: получится не только быстро, но и симпатично.
19 заданий
8 учебных часов
ревью кода
Урок 4 из 7
Верстаем виджет с нуля
Верстаем виджет с нуля
В предыдущем уроке вы верстали из готовых блоков вёрстки. В этом вы узнаете, как сделать свой, с нуля.
20 заданий
12 учебных часов
ревью кода
Урок 5 из 7
Пишем сайт под смартфон
Пишем сайт под смартфон
Многие сайты выглядят уродливо, если открыть их с телефона. Чтобы такого не случилось с вашим сайтом, нужно знать специальные приёмы, которые вы изучите в этом уроке.
18 заданий
12 учебных часов
ревью кода
Урок 6 из 7
Верстаем форму оплаты
Верстаем форму оплаты
В этом уроке вы сверстаете сервис по переводу денег с карты на карту. Затем напишете бекенд на Python, который получит данные от браузера, проверит, и попросит исправить ошибки, если они есть.
Как отправить данные на сервер
Что происходит, когда пользователь заполняет форму на странице сайта и нажимает Submit ? Вы узнаете как настраивать такие формы и обрабатывать ошибки ввода.
16 заданий
8 учебных часов
ревью кода
Урок 7 из 7
Верстаем сайт по макету
Верстаем сайт по макету
В этом уроке вы используете всё, чему научились в предыдущих. Вы получите картинку, а вы сами сверстаете по ней целый сайт. На нём будут формы, нестандартные компоненты и адаптация под смартфоны.
22 задания
12 учебных часов
ревью кода
Навыки и технологии

Мы продаём навыки, а не знания. В задачах модуля вы отработаете:

‣ HTML и CSS

‣ Twitter Bootstrap

‣ Chrome DevTools

‣ Шаблоны Jinja2

‣ Парсинг с Beautiful Soup

Учебные материалы встроены в модуль.

Минимальные требования

‣ Владение Python на начальном уровне: циклы, функции, словари и списки.

Как подготовиться
Рекомендуем начать подготовку с более простых модулей
Знакомство с Python
8 уроков, 94 задания
  • переменные
  • функции
  • циклы
  • условия
  • строки
  • списки
  • словари
  • библиотеки
  • файлы
Посмотреть Первый урок бесплатный 5 000 Р
Как проходят занятия
Что вы получите
7 уроков
Теория и практические советы. Кратко и по делу.
Пошаговые инструкции
Покажем, как подступиться к решению задач из реального мира.
Кодревью
Преподаватель подскажет, как повысить качество кода.
Неограниченный доступ к учебным материалам
Занимайтесь в удобное время, в своем темпе.
Знания, необходимые для следующего шага
Эти знания помогут вам в следующих сложных модулях:

Посмотрите другие модули
API веб-сервисов
6 уроков, 80 заданий
  • HTTP
  • ВКонтакте API
  • Instagram API
  • схема url
  • библиотека requests
  • REST API
Посмотреть Первый урок бесплатный 2 500 Р
Знакомство с Django: ORM
6 уроков, 108 заданий
  • запросы
  • поля
  • модели
  • поиск по полям
  • миграции
Django
выйдет осенью
  • схема url
  • forms
  • templates
  • admin UI
  • apps
Посмотреть 5 000 Р
Командная строка
5 уроков, 41 задание
  • bash
  • cd, ls, pwd
  • nano, vim
  • запуск программ
  • permissions
  • env variables
Git и GitHub
5 уроков, 49 заданий
  • коммиты
  • клонирование
  • форк
  • история
  • ветки
Работа с соцсетями
5 уроков, 72 задания
  • ВКонтакте
  • Facebook
  • Таблицы Google
  • Google Диск
  • Instagram
  • Telegram
Посмотреть Первый урок бесплатный 5 000 Р
Асинхронный Python
8 уроков, 129 заданий
  • asyncio
  • aiohttp
  • сокеты
  • стриминг
  • чаты
Django REST Framework
выйдет зимой
  • CRUD
  • serializers
  • JWT
  • наследование
  • версионирование
  • тестирование
Посмотреть 5 000 Р
Docker
выйдет зимой
  • Dockerfile
  • volumes
  • networks
  • docker-compose
  • docker-machine
  • Docker Hub
Посмотреть 5 000 Р
Чат-боты на Python
7 уроков, 105 заданий
  • Telegram
  • ВКонтакте
  • Redis
  • deploy
  • long polling
  • state machine
Посмотреть Первый урок бесплатный 8 000 Р
Знакомство с Python
8 уроков, 94 задания
  • переменные
  • функции
  • циклы
  • условия
  • строки
  • списки
  • словари
  • библиотеки
  • файлы
Посмотреть Первый урок бесплатный 5 000 Р
Устраиваемся на работу
выйдет зимой
  • HeadHunter
  • исследование рынка
  • воронка продаж
  • конверсии
  • собеседование
Посмотреть 15 000 Р