leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
3 ч 31 мин
Категория
FirebaseКоличество уроков
22 Видео
Дата добавления
6 янв. 2020 г., 22:38
Язык
Английский
Дата выхода
1 янв. 2020 г., 22:33
Дата обновления
29 апр. 2026 г., 06:18
Fullstack React и Firebase — это практический курс, в котором вы шаг за шагом создадите полнофункциональное приложение-викторину. Вы научитесь работать с API, интегрировать Firebase, сохранять результаты пользователей и публиковать готовое приложение. Курс идеально подходит тем, кто хочет укрепить навыки работы с React и освоить базовую серверную логику без сложного backend‑стека.
О чём этот курс
Курс фокусируется на создании приложения с использованием современного фронтенда и облачной серверной инфраструктуры. Вы создадите проект, который включает:
- Получение данных из внешнего API (Open Trivia DB)
- Аутентификацию и базу данных в Firebase
- Сохранение лучших результатов пользователей
- Развёртывание проекта с помощью Netlify
Что вы узнаете
Работа с React
- Создание компонентов и управление состоянием
- Использование хуков для обработки логики викторины
- Обработка асинхронных запросов к API
Интеграция Firebase
- Настройка проекта Firebase
- Использование Firestore для хранения результатов
- Базовые принципы безопасности и структуры данных
Развёртывание приложения
- Подготовка к сборке
- Публикация проекта на Netlify
- Настройка переменных окружения
Инструменты, используемые в курсе
Автор использует следующие инструменты:
- Hyper Terminal: https://hyper.is/
- VS Code: https://code.visualstudio.com/
- ES7 React Snippets: расширение
- Emmet Abbreviations: документация
- Репозиторий GitHub: код проекта
Кому подойдёт курс
Курс будет полезен:
- Начинающим фронтенд-разработчикам
- Тем, кто хочет освоить React через практический проект
- Разработчикам, которым нужно быстро поднять backend через Firebase
- Тем, кто хочет научиться работать с внешними API и хранением данных
Почему этот курс стоит пройти
Вы не только создадите приложение, но и разберётесь с базовыми навыками, которые пригодятся в реальных проектах: интеграции API, управлением данными, оптимизацией интерфейса и публикацией продукта. В конце курса у вас будет рабочий полнофункциональный проект, который можно добавить в портфолио.
- Урок 1.00:03:40#1 Series Introduction
- Урок 2.00:04:59#2 Project Setup
- Урок 3.00:04:06#3 Creating a Homepage
- Урок 4.00:09:45#4 Routing
- Урок 5.00:10:13#5 Displaying Questions
- Урок 6.00:18:11#6 Connecting to Open Trivia
- Урок 7.00:11:36#7 Helpers
- Урок 8.00:05:59#8 Loader
- Урок 9.00:06:57#9 Changing Questions
- Урок 10.00:12:53#10 Validating Answers
- Урок 11.00:07:12#11 Tracking Correct Answers
- Урок 12.00:12:19#12 Creating a HUD
- Урок 13.00:06:18#13 Finishing the Quiz
- Урок 14.00:12:13#14 High Score Form
- Урок 15.00:05:35#15 Cleaning up Code
- Урок 16.00:10:22#16 Firebase Setup
- Урок 17.00:12:10#17 React and Firebase
- Урок 18.00:09:22#18 Connecting to the DB
- Урок 19.00:15:59#19 Displaying High Scores
- Урок 20.00:15:54#20 Refactoring to Hooks
- Урок 21.00:11:47#21 Deploying with Netlify
- Урок 22.00:03:39#22 Where To Go From Here
Автор - leveluptutorials
Комментарии