Курс React, практичний 12-годинний інтерфейс Redux - DVD

Назва - Курс React, Redux - практичний інтерфейс

Дізнайтеся, як створити програму за допомогою React і Redux. Надайте йому вигляд матеріального інтерфейсу та інтегруйте його з Firebase.

• Тривалість - 12 годин 8 хвилин
• Рівень: середній просунутий
• Дата випуску: 04.07.2020
• Версія програми: React, Redux 2020

Чого ви дізнаєтеся?

Курс Frontend, під час якого ви реалізуєте практичний прикладний проект за допомогою найпопулярніших технологій frontend. Основою додатку буде використання Redux і React з material-ui. Бібліотека Axios використовуватиметься для http-запитів, а база даних оброблятиметься Firebase. Під час курсу ви створите кулінарну книгу, де зможете переглядати та додавати рецепти. Програма, що створюється, базується на системі входу та авторизації, можливості додавати та редагувати власні рецепти, створювати списки рецептів і перевіряти дані.

• Ви створите програму в React і Redux

• ви дізнаєтесь, що таке фрагменти

• як створити зовнішній вигляд за допомогою material-ui

• ви використовуватимете проміжне програмне забезпечення в Redux< /li>

• ви впроваджуватимете компоненти

• ви вивчатимете хуки в React

• ви будете використовувати firebase< /li>

• обробляти стани програми

• створити http-запити в axios і отримати

• виявляти помилки

• створити логіку входу

• додати автентифікованих користувачів

Короткий вступ

Мета курсу — показати, як використовувати теоретичні знання та втілювати їх на практиці. Протягом 12 годин навчання ви побачите, як програміст працює над додатком, створюючи його з нуля. Ви почнете з встановлення всіх пакетів і створення структури папок. Потім ви швидко ознайомитеся з тим, як реалізувати елементи material-ui. Автор курсу також нагадає, як реалізувати бібліотеку axios, що таке проміжне програмне забезпечення в Redux і як використовувати Firebase. Однак ви повинні пам’ятати, що вам потрібно знати основи Redux і React, щоб користуватися курсом.

Різноманітні типи проектів

На курсі ви створите кілька різних проектів, завдяки яким дізнаєтеся про всі інструменти та можливості роботи з програмою. Ви створите сцену з низьким полі, статичну макетну модель, візуалізацію кімнати та анімацію з використанням симуляції та ефектів частинок. Проекти дуже корисні та дозволять вам вивчити більшість найважливіших прийомів роботи. Усі необхідні файли проекту додаються до курсу.

Компоненти програми

У курсі ви навчитеся додавати різноманітні компоненти, такі як панелі швидкого доступу, прокручування вгору, циклічний прогрес, бічна панель, фільтрація, реєстрація та система входу. Ви створите форму на основі різних типів полів, які реагують на помилки та введені дані. Ви визначите, як поля форми повинні поводитися залежно від введених даних. Попутно ви будете мати справу з поширеними помилками та подбати про візуальну сторону форми. Хуки React допоможуть вам реалізувати функціональні компоненти.

База даних

Завдяки базі даних ваша програма зможе додавати та редагувати рецепти. Для роботи програми потрібна база даних, яка в курсі базується на Firebase. Завдяки цьому ваша програма зможе обробляти систему входу та реєстрації користувачів. Ви також додасте авторизацію, яка дозволить вам переглядати елементи програми для окремих користувачів. Ви дізнаєтеся, як створювати http-запити на рівні коду, що допоможе вам зі знаннями axios і fetch.

1. Вступ

2. Встановлення пакетів і структури папок

3. Надбудова Material-UI

4. Зміна основних кольорів у MUI

5. Повноекранний круговий прогрес

6. плагін redux-thunk

7. Закусочні

8. Прокрутити до верхньої кнопки

9. Appendix_ гачки

10. Навігація – ящик

11. Навігація – маршрутизація

12. Додавання вступу до рецепту та першого введення

13. Додавання рецепту інших вхідних даних

14. Додавання компонентів рецепта 1

15. Додавання інгредієнтів до рецепту, частина 2

16. Додавання рецепта, створення форми

17. Firebase – створення бази даних

18. Додавання запитів Fetch і axios

19. Додавання рецепта до бази даних

20. Відображення рецептів, які завантажуються з бази даних

21. Переглянути список рецептів

22. Додавання рецептів, окремий рецепт, частина 1

23. Відображення рецептів, один рецепт, частина 2

24. Видалення рецепту

25. Редагування рецепта частина 1

26. Редагування рецепта частина 2

27. Фільтрування рецептів частина 1

28. Фільтрування рецептів частина 2

29. Фільтрація рецептів, частина 3

30 Форма входу в систему

31. Логін, форма нагадування пароля

32. Реєстраційна форма входу

33. Конфігурація firebase входу

34. Реєстрація входу

35. Логіка входу в систему

36. Скидання пароля для входу

37. Автоматичний вхід

38. Авторизовані запити

39. Призначення рецептів певному користувачеві

Як вибрати версію курсу:

Відеокурс доступний у двох формах:

1. в електронному вигляді - як посилання для завантаження упакованого архіву. Після покупки ви отримаєте посилання на електронну пошту. У цьому випадку шукайте аукціон, позначений як цифрова версія.

2. box on DVD - замість посилання для завантаження ви отримаєте DVD за вказаною адресою. У цьому випадку шукайте аукціон, позначений як DVD.

Чи підійде курс до програми, яку я маю?

Курси створюються на різних версіях програми. Проте в більшості випадків вони підходять до будь-якої версії. Курси створені таким чином, щоб вони були сумісні та нейтральні до старих версій програмного забезпечення. Тож якщо у вас, наприклад, Photoshop 2019 року, а курс створено на версії Photoshop 2020, він підійде на 100%.

Чи отримаю я програму разом із курсом?

Курси - це відеоролики, що демонструють роботу в заданій програмі. Жоден із курсів не супроводжується програмою, яку ви повинні придбати самостійно.