Войти

Python-фреймворк Django
Вы научитесь верстать веб-страницы, писать и оптимизировать веб-приложения на Django, продолжите развиваться в IT-индустрии и станете более востребованным разработчиком.
SkillBox
Стоимость: 16 800 р. / Разово

Описание курса

Длительность 6 месяцев Онлайн в удобное время Обучение на практике Доступ к курсу навсегда

Программа курса

Веб-вёрстка. Базовый уровень


Знакомство с курсом

  • Как работают сайты. Вёрстка. Backend и frontend.
  • Возможности HTML, CSS, JS.
  • Редактор кода. Codepen.
  • Работа с devtools.

Базовый HTML

  • Ускорение работы. Emmet.
  • Элементы HTML-разметки. Базовые теги.
  • Теги картинок и ссылок. Кнопки.
  • Теги таблиц.
  • Служебные теги.
  • Кодстайл HTML.

Базовый CSS

  • Ускорение работы. Live server.
  • Подключение CSS.
  • Селекторы. Вес селектора.
  • Единицы измерения CSS.
  • Стилизация.
  • Свойство display.
  • Блочная модель.
  • Позиционирование.
  • Кодстайл CSS.

Работа с макетом

  • Про форматы изображений.
  • Работа с макетом. Photoshop.
  • Работа с макетом. Figma.

Layout. HTML-разметка

  • HTML-семантика.
  • Контентные и декоративные изображения.
  • Структура проекта и разметка header.
  • Разметка hero и what we do.
  • Разметка testimonials и contacts.
  • Разметка footer.

Layout. Flexbox

  • Flexbox. Теория.
  • Подготовка стилей. Header.
  • Hero + what we do.
  • Testimonials + contacts.
  • Footer.

Layout. Стилизация

  • Header + hero.
  • What we do + Testimonials.
  • Contacts + Footer.
  • Итоги модулей 5-7.

Продвинутый HTML

  • Узконаправленные теги.
  • Теги для аудио и видео. Iframe. Нюансы использования.
  • Продвинутое подключение изображений.
  • Формы.

Продвинутый CSS

  • Подключение шрифтов.
  • Комбинаторные селекторы.
  • Псевдоклассы.
  • Псевдоэлементы.
  • CSS transition.
  • CSS transform.
  • Кастомные свойства.
  • CSS functions.
  • БЭМ-нейминг.

Сетки

  • Что такое сетка?
  • Построение собственной сетки.
  • Сетки на примере Bootstrap.
  • Практика: Bootstrap.
  • Пример сложной сетки.

Адаптивность. Десктоп и планшет

  • Виды вёрстки.
  • Медиазапросы. Теория.
  • Медиазапросы. Практика.
  • Лучшие практики.
  • Pixel Perfect.

Адаптивность. Мобильные устройства

  • Адаптивные изображения.
  • Настройка сервера для проверки адаптивности.
  • Формы на нативных устройствах.

JavaScript для верстальщика

  • Что такое JavaScript.
  • DOM.
  • События.
  • Готовые решения: слайдер.
  • Готовые решения: аккордеон.
  • Экосистема JS.

Доступность

  • Понятие доступности.
  • Проверка доступности. Клавиатура.
  • Проверка доступности. Скринридер.
  • Влияние семантики на доступность.
  • Aria.
  • Вредные и полезные советы.

Кросс-браузерность

  • Введение.
  • Стандартные стили браузеров.
  • Способы обеспечения кросс-браузерности.
  • Проверка кросс-браузерности.

База знаний

  • Кастомизация чекбоксов и радиокнопок.
  • Кастомизация селекта.
  • Работа с Яндекс.Картами.
  • Тултипы.
  • Кастомный скроллбар на сайте.
  • Перезапуск плагина.
  • Валидация формы.

Работа с хостингом

  • Покупка и настройка хостинга.
  • FTP. Работа с файлами, выгрузка сайта.
  • Создание поддоменов и почты.

Анимация

  • Зачем нужна анимация?
  • Анимация по правилам UX.
  • Анимация на CSS.
  • Готовые решения в анимациях.

Веб-вёрстка. Продвинутый уровень


Вёрстка HTML-писем

  • Общие правила верстки писем. Почтовики.
  • Инструменты.
  • Практика: верстаем письмо.

SVG

  • Основные теги в SVG. Вставка на страницу.
  • Базовые фигуры. Атрибуты и свойства.
  • Анимация SVG.
  • SVG-фильтры.
  • SVG-спрайты.
  • Практика. Делаем что-нибудь красивое.

Анимация на JS

  • Введение в анимацию на JS.
  • Возможности анимации через JS.
  • Gsap для анимации.

Оптимизация и процесс загрузки

  • Отрисовка.
  • Вкладка performance.

Сборщики

  • Введение. Настраиваем окружение.
  • Gulp. Пишем первый таск.
  • Gulp. Дорабатываем сборку.
  • Webpack. Делаем простую сборку.
  • Webpack. Дорабатываем сборку.
  • Союз двух сборщиков.

Препроцессоры и постпроцессоры

  • Введение в препроцессоры.
  • Sass. Возможности.
  • Обзор Less, postcss.

CSS Grid

  • Понятие Display: grid.
  • Свойства контейнера.
  • Свойства дочерних элементов.
  • Практика: создаём сайт.

CMS

  • Введение в CMS.
  • CMS WordPress. Установка.
  • CMS WordPress. Разделение шаблона.
  • CMS WordPress. Подключение стилей и скриптов.
  • CMS WordPress. Выводим данные на страницу из админ-панели.

База знаний: часть 2


    Будущее вёрстки

    • Что нас ждёт в будущем?
    • Новые HTML-теги.
    • Новые CSS-свойства.

    Python-фреймворк Django


    Введение в веб-фреймворки

    • Основы веб-технологий.
    • Веб-разработка: кратко о веб-серверах, HTML и HTTP.
    • Пишем простейшее серверное приложение на Python.
    • Компоненты веб-приложения и первый запуск Django.
    • Пишем приложение на Django.

    Введение в Django

    • Виртуальное окружение.
    • Разбор manage.py help.
    • Разбор urls.py и views.py.
    • Разбираемся с шаблонами.
    • Итоги урока.

    Обработка запросов в Django

    • Концепция MVC.
    • Путь от request до response.
    • Middleware.
    • Язык шаблонов Django.
    • Class Based Views.
    • Generic views.

    База данных и модели

    • Объектно-реляционное отображение (ORM).
    • Модели и поля в Django ORM.
    • Свойства полей.
    • Поля отношений.
    • Метаданные моделей и индексы.
    • ListView, DetailView (Generic views).

    Формы

    • HTML-формы и POST-запросы.
    • Формы в Django.
    • Процесс управления формой в Django.
    • Валидация форм.
    • Дополнительные возможности валидации форм.
    • ModelForm.

    Административный интерфейс в Django

    • Админка из коробки.
    • ModelAdmin.
    • Фильтры и поле поиска.
    • Редактирование связанных записей.
    • Группировка полей.
    • Групповые действия.

    Аутентификация и авторизация

    • Login. Как это работает? Аутентификация.
    • Пишем view для аутентификации.
    • Стандартные view для аутентификации.
    • Пользователи и сессии.
    • Logout. Как это работает?

    Регистрация и права доступа

    • Регистрация.
    • Расширенная модель пользователя.
    • Групповые и персональные права.
    • Работа с правами в админ-панели Django.
    • Другие способы ограничения доступа.

    Работа с файлами

    • POST-запросы и отправка файлов.
    • Обработка загруженных файлов.
    • FileField и хранение файлов.
    • Загрузка нескольких файлов и работа с административной панелью.

    Тестирование

    • Пишем тесты.
    • Тесты в Django.
    • Тесты для страниц сайта.
    • TDD (Test-driven development).
    • Пирамида тестирования.

    Локализация и интернационализация

    • Что такое интернационализация и локализация?
    • Стандартные средства интернационализации в Django.
    • Интернационализация в шаблонах.
    • Интернационализация в коде приложения.
    • Интернационализация административной панели.

    Оптимизация с помощью кэширования

    • Что такое кэширование?
    • Система кэширования Django.
    • Кэширование представлений (страниц).
    • Кэширование фрагмента шаблона.
    • Использование низкоуровневого cache API Django.

    Введение в Django REST Framework

    • REST как основа дизайна API-приложений.
    • Знакомство с Django REST Framework.
    • Используем serializer Django REST Framework.
    • Знакомство с class-based views DRF.
    • Используем миксины Django REST Framework.
    • Фильтрация.

    Документирование

    • Зачем нужно документирование?
    • Знакомимся с Django docstring и admindocs.
    • Best practices документирования проекта.
    • Документация в Django REST Framework.
    • Знакомство со сторонними инструментами для генерации спецификаций.

    Эффективная работа с базой данных в Django

    • Эффективное взаимодействие с базой данных.
    • Проблема N+1, select_related и prefetch_related.
    • Использование транзакций.
    • Приёмы оптимизации скорости и количества запросов.
    • Агрегации и аннотации.

    Логирование и профилирование

    • Зачем нужно логирование?
    • Логирование в Django.
    • Зачем нужно профилирование?
    • Знакомство с дополнительными инструментами (Sentry, ELK).

    Экспорт данных

    • Форматы данных XML, JSON, YAML.
    • Сериализация в Django.
    • Фикстуры.
    • Лента новостей.
    • Карта сайта.

    Преподаватели

    Алексей Половинкин

    Python-teamlead компании AGIMA

    Сергей Корниенко

    Frontend team-lead инвестиционного маркетплейса Московской биржи

    Максим Васянович

    Разработчик-фрилансер

    Оставьте отзыв первым!