Главная страницаКатегория другое (frontend)Front-End Проект: Создания игры (Digital Pet Game)

Front-End Проект: Создания игры (Digital Pet Game)

Name: Front-End Проект: Создания игры (Digital Pet Game)
Price: 12.5 USD
Rating: 4.7 (23 reviews)

Front-End Project: Build a Digital Pet Game

frontendmasters

Brian Holt

★4.7 (всего оценок - 23)

Продолжительность

3 ч 39 мин

Категория

Другое (Frontend)

Количество уроков

25 Видео

Дата добавления

29 апр. 2020 г., 19:18

Язык

Английский

Дата выхода

24 апр. 2020 г., 22:13

Дата обновления

29 апр. 2026 г., 07:40

Этот курс поможет вам шаг за шагом пройти путь от пустой папки до полностью работающей веб‑игры. Вы узнаете, как опытные разработчики планируют архитектуру, выбирают инструменты и выстраивают процесс разработки, чтобы проект был понятным, расширяемым и качественным.

О чём этот семинар

На практическом занятии вы создадите игру Digital Pet Game под руководством Брайана Холта — эксперта фронтенд‑разработки. Курс покажет, как превратить идею в структурированный проект, правильно разбить задачи и организовать кодовую базу.

Главные цели курса

Понять, как планировать структуру фронтенд‑проекта.
Научиться применять лучшие практики сообщества.
Получить опыт настройки рабочей среды с нуля.
Разобраться, как писать чистый и поддерживаемый код на JavaScript.
Овладеть основами анимации в браузере.

Чему вы научитесь на практических примерах

Построение архитектуры проекта

Вы разберётесь, как формировать файловую структуру, разделять ответственность между модулями, организовывать состояние приложения и готовить базу для будущего масштабирования.

Использование ванильного JavaScript

Курс фокусируется на чистом JavaScript без фреймворков, что позволяет глубоко понять механику браузера, DOM‑манипуляции и управление игровым процессом.

Создание интерактивности и анимаций

Вы реализуете анимации для персонажа цифрового питомца, научитесь работать с requestAnimationFrame, таймерами и реакцией на действие пользователя.

Что входит в программу

Лучшие практики сообщества — подходы, проверенные профессионалами.
Архитектура проекта — грамотная и гибкая структура кода.
Инфраструктура фронтенда — настройка окружения, сборка, инструменты.
Vanilla JavaScript — глубокое понимание основ.
Анимации — создание плавных и отзывчивых визуальных эффектов.

Итог

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

Удален по просьбе правообладателя

Урок 1.00:09:22
Introduction
Урок 2.00:10:47
The Project
Урок 3.00:11:27
Hello World
Урок 4.00:13:54
Build Process
Урок 5.00:05:11
Code Style
Урок 6.00:06:07
Code Formatting
Урок 7.00:04:35
Editor Setup
Урок 8.00:07:37
Linting
Урок 9.00:01:55
Testing & Type Checking
Урок 10.00:05:29
Organizing Your Code
Урок 11.00:14:46
Init the Project
Урок 12.00:04:16
Debugging ESLint
Урок 13.00:08:11
State Machine
Урок 14.00:07:41
Building the UI: HTML
Урок 15.00:17:19
Building the UI: CSS
Урок 16.00:05:54
Unhiding Elements
Урок 17.00:10:39
Interacting with the UI: Adding Buttons
Урок 18.00:05:17
Interacting with the UI: Creating Constants
Урок 19.00:11:30
Adding New States
Урок 20.00:10:19
Adding Helper Functions
Урок 21.00:14:14
Transitioning Between States
Урок 22.00:07:26
Refactoring
Урок 23.00:11:30
Building a New Action
Урок 24.00:08:24
Resetting States
Урок 25.00:05:34
Wrapping Up

Авторы - Brian Holt, frontendmasters

Brian Holt

Брайан Холт в настоящее время занимает должность вице-президента по продукту в SQLite Cloud, привнося свой богатый опыт в области JavaScript-инженерии в продуктовую сферу. Его обширный опыт включает работу инженером по JavaScript и менеджером проектов в таких технологических гигантах, как Netflix, Stripe, Snowflake, LinkedIn, Microsoft и Reddit. Брайан обладает острым взглядом на опыт разработчиков и облачные сервисы. Вне работы Брайан заканчивае

+15

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+793

Комментарии