ReactJS. Профессиональная frontend-разработка
О чём курс
Frontend-разработчики с базой JavaScript могут перейти на React и начать создавать интерактивные интерфейсы, используя стек, на котором работают Netflix и Airbnb. Курс сфокусирован на переходе от чистого JS к компонентной архитектуре: вы разберете работу Virtual DOM, настройку сборки через Webpack и управление состоянием через Redux. В процессе обучения вы спроектируете собственную социальную сеть, связав React-фронтенд с бэкендом на Node.js, Express и MongoDB. Итогом станет понимание жизненного цикла компонентов и практический навык интеграции клиентской части с сервером.
Программа обучения
- Урок 1. Введение в ReactJS: современный Javascript
- Знакомство с ReactJS; сравнение с другими технологиями; современный JS; что нового в ES6 и как это использовать; классы, наследования, модули rest/spread, параметры, промисы, модули.
- Урок 2. Настройка среды разработки
- Настройка и конфигурирование Webpack; определение структуры проекта; создание заглавной страницы проекта.
- Урок 3. Первое приложение на ReactJS
- Что же такое ReactJS и как с ним работать; JSX, ReactComponent, ReactDOM.render, Render function; создаём и отрисовываем первый компонент; добавляем Layout компонент; определяемся с набором компонентов нашего приложения; реализуем заготовки компонентов системы.
- Урок 4. ReactJS под капотом
- Virtual DOM; состояние компонентов; как задавать состояние компонента по умолчанию; как изменять состояние компонента; основные этапы жизненного цикла компонента; встраиваем стили в компоненты.
- Урок 5. Взаимодействие в ReactJS
- Как организуется взаимодействие компонентов; отрисовка и события в ReactJS; передача параметров в компоненты с помощью свойства props; связываем обработчики событий с методами; связываем обработчики событий с методами; как отрисовать несколько компонентов в рамках одного компонента (дочерние компоненты).
- Урок 6. Роутинг в ReactJS приложении
- Что такое роутинг; добавляем ReactRouter в наше приложение; основные возможности ReactRouter; организуем роутинг в нашем приложении; параметры роутинга.
- Урок 7. Концепция Flux на примере использования Redux
- Что такое Flux; FluxDispatcher; EventEmitter; Store; что такое Redux и для чего он нам нужен; Reducers; Redux EventEmitter и Store.
- Урок 8. Знакомство с NodeJS, EpxressJS и MongoDB
- Что такое NodeJS; что такое ExpressJS; что такое MongoDB; устанавливаем и нас
Отзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».