Главная страницаКатегория react.jsСоздайте Tiktok с помощью React

Создайте Tiktok с помощью React

Name: Создайте Tiktok с помощью React
Price: 12.5 USD
Rating: 4.6 (26 reviews)

Build Tiktok with React

Reed Barger

★4.6 (всего оценок - 26)

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

4 ч 23 мин

Категория

React.js

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

39 Видео

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

29 сент. 2021 г., 22:39

Язык

Английский

Дата выхода

27 сент. 2021 г., 03:00

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

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

Хотите создать полноценный клон Tiktok и при этом глубоко прокачать свои навыки в React? Этот курс — идеальный способ перейти от теории к реальной практике, создавая современное веб‑приложение с нуля.

Что вы будете создавать

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

Ключевые навыки и технологии

Современная фронтенд‑разработка на React

Создание масштабируемых интерфейсов с использованием функциональных компонентов
Реализация кастомных React Hooks для повторного использования логики
Работа с модальными окнами, выпадающими списками, формами и системами видео‑плеера

Работа с Firebase

Cloud Firestore — хранение и мгновенная синхронизация данных
Firebase Storage — загрузка и управление видеофайлами
Firebase Authentication — быстрая интеграция входа через Google, Facebook, Twitter
Развёртывание приложения с помощью Firebase Tools

Важные веб‑API и профессиональные инструменты

Drag & Drop для загрузки и управления файлами
Intersection Observer для оптимизации подгрузки видео
Использование Draft.js и react-firebase-hooks
Ускорение верстки с Emmet

Почему этот курс вам подойдет

Материал подается практично, понятно и применимо к реальным задачам разработки. Вы не просто изучите React — вы создадите полноценное приложение уровня продакшн, используя лучшие практики и современные инструменты.

Подойдет для:

Начинающих разработчиков, которые хотят перейти от основ к реальным проектам
Фронтенд‑разработчиков, желающих улучшить навыки и добавить сильный проект в портфолио
Всех, кто хочет научиться работать с Firebase и современными веб‑API

Результат обучения

К окончанию курса у вас будет:

Полностью работоспособный клон Tiktok
Глубокое понимание React и архитектуры клиентских приложений
Уверенные навыки работы с Firebase, хранилищем, авторизацией и базой данных
Портфолио‑проект, который выгодно выделит вас среди других кандидатов

Готовы построить свой собственный Tiktok? Присоединяйтесь к курсу и начните создавать современные веб‑приложения уже сегодня.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:14
1. Tools You Need
Урок 2. 00:01:00
2. Starting Code
Урок 3. 00:04:16
3. Starting Code Overview
Урок 4. 00:05:46
4. VSCode with React (Optional)
Урок 5. 00:05:26
5. Firebase Setup
Урок 6. 00:05:31
6. Connect Firebase with React
Урок 7. 00:06:47
7. Create LogIn component
Урок 8. 00:10:18
8. Check if new user
Урок 9. 00:09:59
9. Create SignUp UI
Урок 10. 00:07:39
10. Sign Up user
Урок 11. 00:09:56
11. Add User Context
Урок 12. 00:04:49
12. Add Routes to AuthApp Component
Урок 13. 00:05:46
13. Add Header Component
Урок 14. 00:02:40
14. Build NotFound Page
Урок 15. 00:07:02
15. Build Upload Page
Урок 16. 00:08:37
16. Create useDragDrop Hook
Урок 17. 00:06:09
17. Get Video Duration
Урок 18. 00:08:42
18. Add useFirebaseUpload Hook
Урок 19. 00:08:21
19. Add UploadPreview and UploadProgress Components
Урок 20. 00:11:02
20. Add Discard Modal
Урок 21. 00:11:59
21. Create Draft Editor Component
Урок 22. 00:06:29
22. Finish Draft Editor Functionality
Урок 23. 00:07:13
23. Create Success Modal
Урок 24. 00:06:53
24. Submit New Posts
Урок 25. 00:07:50
25. Build Sidebar Component
Урок 26. 00:05:34
26. Display Feed Posts
Урок 27. 00:09:10
27. Create useVideo Hook
Урок 28. 00:06:17
28. AutoPlay on Scroll with Intersection Observer
Урок 29. 00:07:30
29. Add LikeButton and MessagesButton Components
Урок 30. 00:04:49
30. Add Follow Button Component
Урок 31. 00:11:30
31. Create VideoPost Page
Урок 32. 00:06:39
32. Add and Display Video Post Comments
Урок 33. 00:08:49
33. Create Profile Header
Урок 34. 00:09:13
34. Add ProfileTabs Component
Урок 35. 00:06:54
35. Build Dropdown Component
Урок 36. 00:06:40
36. Add SearchBar Functionality
Урок 37. 00:04:24
37. Display Search Results
Урок 38. 00:02:28
38. Add Debounce Function to Search Users
Урок 39. 00:02:30
39. Deploy App with Firebase Tools

Автор - Reed Barger

Reed Barger

Рид является основателем React Bootcamp, учебного курса премиум-класса, разработанного, чтобы дать вам шестизначную карьеру в React. Его работы были представлены на ведущих сайтах разработчиков, таких как FreeCodeCamp, Scrimba и React Status. На своих онлайн-курсах Рид научил более 50 000 студентов повысить уровень своих навыков React и JavaScript в более чем 100 странах.

+52

Комментарии

Nightmare
22 мая 2022 г., 05:38
hi admin, u can add the "starting code", pls
JamesCode
17 дек. 2021 г., 17:08
Fix the 7th vidéo if you can pleaseee :)
Thank you !!
Anonymous
28 окт. 2021 г., 13:56
Please fix the 7th video
dimi
20 окт. 2021 г., 11:44
Confirm the same issue with 7th lesson.
Dave
19 окт. 2021 г., 18:43
It's great to have all the videos now. Just one problem: I can't get lesson7.mp4 to play. On my Mac, it runs in QuickTime Player and VLC but there's no sound or pic -- just a black screen. This video is apparently entitled "Create Login Component". Anyone else have this problem?
Anonymous
15 окт. 2021 г., 06:32
please add videos
Amstel
3 окт. 2021 г., 14:39
Hi admin,
I am getting "File not found" when I try to download. Kindly help.
CourseHunter Team Amstel
3 окт. 2021 г., 23:42
Hi, just contact email that u see there.
olderman
30 сент. 2021 г., 11:10
Is ony 7 videos ?
ron
30 сент. 2021 г., 02:32
why only 7 videos?
CourseHunter Team ron
30 сент. 2021 г., 11:10
author still making course
david.goldenlover CourseHunter Team
1 окт. 2021 г., 21:22
okay, but still thanks :)