[Brad Traversy, Florin Pop] 50 Проектов за 50 дней — HTML, CSS и JavaScript (2025)

Развивайте свои навыки, создавая 50 быстрых, уникальных и увлекательных мини-проектов.

***Язык курса — английский, русский перевод***

Чему вы научитесь:

Проектное обучение для оттачивания навыков HTML, CSS и JavaScript
Идеально подходит для новичков, которые ищут вещи для создания уникальных проектов в короткие сроки.
Современный стиль с Flexbox, CSS-анимацией, пользовательскими свойствами и т. д.
Манипулирование DOM, события, методы массива, HTTP-запросы и многое другое
Материалы курса:
52 разделов • 167 лекций • Общая продолжительность 19 ч 2 мин
Раскрывающиеся карточки
Шаги выполнения
Анимация вращающейся навигации
Виджет скрытого поиска
Размытая загрузка
Анимация прокрутки
Разделенная целевая страница
Волна формы
Звуковая панель
Шутки папы
Код события
Сворачивание часто задаваемых вопросов
Средство выбора случайным образом
Анимированная навигация
Увеличивающийся счетчик
Питьевая вода
Приложение для просмотра фильмов
Фоновый слайдер
Тематические часы
Эффект пульсации кнопки
Перетаскивание
Приложение для рисования
Кинетический загрузчик
Заполнитель содержимого
Липкая панель навигации
Двойной вертикальный слайдер
Всплывающее уведомление
Профили на Github
Сердечко с двойным щелчком
Эффект автотекста
Генератор паролей
Хороший Дешевый Быстрый
Приложение для заметок
Анимированный обратный отсчет
Карусель изображений
Ховерборд
Pokedex
Навигация по мобильным вкладкам
Фон для проверки пароля
3d-боксы для фона
Пользовательский интерфейс для проверки учетной записи
Живой пользовательский фильтр
Дизайн пользовательского интерфейса для обратной связи
Пользовательский слайдер диапазона
Мобильная навигация Netflix
Приложение для викторины
Переключатель «Окно отзывов»
Лента случайных изображений
Список задач
Игра «Лови насекомых»
Требования: Очень базовые знания HTML, CSS и JavaScript

Описание:

Это чисто проектный курс. Он ориентирован на новичков, но разработчики среднего уровня также могут получать удовольствие от создания новых вещей. Этот курс включает в себя более 50 мини-проектов в HTML, CSS и JavaScript, которые связаны с DOM (Document Object Model). Вот список того, что мы создадим в этом курсе:
Многие люди слишком рано переходят на frontend-фреймворк. Изучение чистого JavaScript и понимание того, как работает объектная модель документа, являются необходимыми перед переходом на фреймворк. Этот курс научит вас этому, создавая реальные проекты всех типов.
Вы также узнаете больше о HTML5 и CSS, включая семантические теги в разметке, основные свойства CSS, такие как цвета, выравнивание, flexbox и тени, а также о создании адаптивных макетов с помощью медиазапросов CSS, пользовательских свойств CSS, анимации/переходов и многого другого.
50 проектов могут показаться большим количеством, но мы смогли сделать их достаточно маленькими, чтобы вы могли завершить проект всего за несколько часов. Конечно, это зависит от вашего уровня мастерства.

Для кого этот курс:

Начинающие и опытные веб-разработчики, желающие создавать интересные и уникальные проекты с использованием HTML, CSS и JavaScript.

Учителя:

Брэд Трэверси. Full Stack веб-разработчик и преподаватель в Traversy Media
Флорин Поп. Веб-разработчик, ютубер и стример