1

Step 1

1-6 Старт - о курсе

2

Step 2

7-21 Введение JS

3

Step 3

22-48 Проект 1

4

Step 4

49-118 Проект 2

5

Step 5

118-143 Проект 3

6

Step 6

144-158 Проект 4

1

Step 1

1-6 Старт - о курсе

2

Step 2

7-21 Введение JS

3

Step 3

22-48 Проект 1

4

Step 4

49-118 Проект 2

5

Step 5

118-143 Проект 3

6

Step 6

144-158 Проект 4

08 August 2019 15 March 2020
The goal is overdue by 2111 days
Details Briefly

Goal abandoned

The author does not write in the goal 5 years 10 months 20 days

Goal author

Дмитрий

Russia

Send message

Add to friends

General

Пройти курс по React

Прохожу курс по React. Цель закончить курс к 15 сентября.

 Goal Accomplishment Criteria

Курс пройден. Создано 3 приложения.

  1. 1-6 Старт - о курсе

    1. введение

    2. о реакт

    3. настройка среды

    4. как скачать примеры

    5. JS 2015

  2. 7-21 Введение JS

    1. введение

    2. переменные

    3. массивы

    4. параметры

    5. rest

    6. spread

    7. деструктуризация

    8. шаблонные строки

    9. объекты

    10. object spread

    11. прототипы

    12. классы

    13. свойства классов

    14. модули

  3. 22-48 Проект 1

    1. инфо

    2. создание проекта

    3. элементы реакт

    4. компоненты

    5. JSX

    6. упражнение

    7. структура проекта (часть 1)

    8. props свойства компонента

    9. коллекция и ключи

    10. input css

    11. структура проекта (часть 2)

    12. компоненты классы

    13. обработка событий

    14. state

    15. setState()

    16. обновление состояния

    17. собственные события

    18. удаление элемента

    19. добавление элемента

    20. данные в приложении

    21. редактирование жлемента

    22. работа с формами

    23. контроллируемые компоненты

    24. инфо

    25. поиск

    26. фильтры

  4. 49-118 Проект 2

    1. инфо

    2. создание проекта

    3. выбор http api

    4. fetch api

    5. ошибки в fetch API

    6. создание клиента

    7. создание компонентов

    8. получение данных из API для компонента

    9. трансформация

    10. индикатор загрузки

    11. обработка ошибок

    12. работа с API

    13. жизненый цикл компонента

    14. componentDidMount()

    15. componentDidMount() практика

    16. componentDidUpdate()

    17. componentDidUpdate() практика

    18. componentWillUnmount()

    19. componentDidCatch()

    20. componentDidCatch() практика

    21. Паттерны

    22. Функции

    23. Render

    24. Свойства элементы

    25. Children

    26. Практика - рефакторинг элемента

    27. работа с props.children

    28. клонирование элементов

    29. компоненты высшего порядка

    30. рефакторинг компоненттов

    31. композиция компонентов высшего порядка

    32. контекст

    33. context API

    34. использование НОС

    35. Трансформация props

    36. Обновление контекста

    37. Рефакторинг - делаем код чище

    38. Рефакторинг компонентов высшего порядка

    39. Compose

    40. defaultProps

    41. NPM

    42. prop-types

    43. роутинг

    44. react-router

    45. link

    46. Route

    47. Динамические пути

    48. withRouter

    49. относительные пути

    50. опциональные параметры

    51. авторизация

    52. switch

    53. redux введение

    54. установка библиотек

    55. reducer

    56. redux Store

    57. чистые функции

    58. UI для Redux

    59. действия с параметрами

    60. Action creator

    61. структура

    62. bindActionCreators()

    63. Использование React and Redux

    64. react and redux and function connect()

    65. mapDispatchToProps в виде объекта

  5. 118-143 Проект 3

    1. введение

    2. инициализация

    3. стуктура

    4. вспомогательные компоненты

    5. redux

    6. каркас приложения

    7. роутинг

    8. чтение данных

    9. отправка действий

    10. стили

    11. асинхронные данные

    12. отличия setState() and reducer

    13. обработка ошибок

    14. mapDispatchToProps

    15. Naming

    16. Компоненты контейнеры

    17. Подключение нового компонента

    18. добавления элемента в массив

    19. обновление элемента в массиве

    20. удаление элемента из массива

    21. организация кода reducer`a

    22. store Enhancers

    23. Middleware

    24. Thunk

    25. далее

    26. сборка

  6. 144-158 Проект 4

    1. babel install

    2. plagins babel

    3. config babel

    4. babel presets

    5. оптимизиция под браузеры

    6. динамический выбор браузеров.

    7. файлы конфигурации

    8. polyfills

    9. JSX

    10. зависимости

    11. webpack

    12. instal WebPack

    13. файл конфигурации

  • 663
  • 08 August 2019, 06:38

Similar goals

Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

You can buy a PRO account, or get it for free by inviting 3 friends to SmartProgress

Invite friends

Raising
goals up

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder