🎯 Популярный курс

Вёрстка для бэкенд-программиста

Построй DevBlog — блог разработчика — на HTML, CSS и Bootstrap с Django Templates за 5 уроков.

🎯 Войти и купить 📋 Посмотреть программу

5,0⭐ Рейтинг

5 Уроков

65 Заданий

~21,7 ч Длительность

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

Что вы изучите

Подробная программа курса с практическими заданиями и проектами

📖

О курсе

🎨 Создавай страницы, которые увидит пользователь

Ты уже умеешь писать Python и работать с API. Следующий шаг — HTML и CSS: именно здесь код превращается во что-то видимое. Этот курс строит один проект DevBlog — блог разработчика — от голого HTML до Django-шаблонов.

В этом курсе ты построишь DevBlog за 5 уроков:
- HTML-скелет: семантические теги, навигация, многостраничный сайт
- CSS-стилизация: цвета, типографика, Flexbox, адаптивный дизайн
- Формы: вход и регистрация с HTML5-валидацией
- Bootstrap: сетка, готовые компоненты, утилитарные классы
- Django-шаблоны: наследование, теги, фильтры, статика

Стек курса:

HTML5 · CSS3 · Bootstrap 5 · Django Templates · Bootstrap Icons

Требования:

Базовый Python и знакомство с Django на уровне «запустить сервер». Всё остальное объясняется в курсе.

🔒

Урок 1: HTML — скелет страницы DevBlog

Создаёшь репозиторий, собираешь HTML-структуру главной страницы DevBlog и отправляешь её на проверку.

⏱️ ~4 ч 20 мин 📚 13 заданий

🔒

Урок 2: CSS — стилизация DevBlog

Создаёшь style.css, подключаешь к index.html и превращаешь HTML-скелет в стильную страницу с Flexbox.

⏱️ ~4 ч 20 мин 📚 13 заданий

🔒

Урок 3: Формы — login.html и register.html

Добавляешь в DevBlog страницы входа и регистрации с валидацией, стилями и навигацией между ними.

⏱️ ~4 ч 20 мин 📚 13 заданий

🔒

Урок 4: Bootstrap — рефакторинг DevBlog

Подключаешь Bootstrap и переписываешь все три страницы DevBlog с использованием готовых компонентов и сетки.

⏱️ ~4 ч 20 мин 📚 13 заданий

🔒

Урок 5: Django-шаблоны — оживляем DevBlog

Переносишь все страницы DevBlog в Django-шаблоны: base.html, home.html, login.html, register.html с наследованием и тегами.

⏱️ ~4 ч 20 мин 📚 13 заданий

⭐

Отзывы студентов

Отзывов пока нет. Они появятся, когда студенты начнут проходить курс и делиться своим опытом обучения.

💻 Примеры кода из курса

Изучайте на реальных примерах

Посмотрите, какой код вы будете писать в рамках курса

lesson_example.py
# Создаем класс для курса
class Course:
    def __init__(self, title, duration):
        self.title = title
        self.duration = duration
        self.students = []
    def enroll_student(self, student):
        self.students.append(student)
        return f"Добро пожаловать, {student}!"

interactive_app.js
// Интерактивное обучение
const learningApp = {
  courses: [],
  support: 'в день',
  practice: '100%',
  addCourse(course) {
    this.courses.push(course);
    console.log(`Курс ${course} добавлен!`);
  }
};

Готовы начать изучение?

Присоединяйтесь к растущему сообществу студентов, которые уже начали изменять свою жизнь благодаря этому курсу. Получите персональную поддержку и практические навыки.

🎯 Записаться бесплатно 📚 Другие курсы

🔥 Рекомендации