[javascript.ru] Курс по React.JS, 2017

Гитарист · 16 дек 2015

В этом курсе мы с вами шаг за шагом пройдем от знакомства с основными идеями до использования самых новых инструментов и инфраструктуры React, на практике будем развивать одностраничное приложение. Начнем с построения простых компонентов, научимся настраивать окружение, поговорим про системы сборки и особенности работы с ES2015 синтаксисом.

Постепенно мы разберем особенности построения SPA с использованием React, будем использовать сторонние компоненты и библиотеки для создания бизнес-логики. Вы в деталях узнаете классическую для React-приложений архитектуру: Unidirectional dataflow, и научитесь строить ее с использованием современной и наиболее популярной реализацией Flux – Redux.js

Курс состоит из 4-х блоков:

Знакомство с React. 

Инфраструктура React. 

Построение приложений с React: Redux.js. 

React для SPA: react-router и продвинутые API Реакта

Знакомство с React
В этом блоке мы разберем основные идеи Реакта, научимся писать простые компоненты и узнаем, в чем принципиальное отличие React.js от других популярных фреймворков. Создадим первые компоненты, используя декларативный подход.

Обзор и сравнение популярных современных фреймворков: Angular, Ember, React.

Настройка Babel и Webpack, HMR и React-transform (react-hot-loader).

Основы работы с Реактом, Virtual DOM, JSX.

Три синтаксиса для компонентов: Stateless components, ES2015-классы и React.createClass.

Поток данных: props и state.

Lifecycle: Жизнь React-компонента от инициализации до unmount.

Связь с DOM: keys & refs.

Готовим компоненты к повторному использованию: propTypes, mixins, decorators.

Инфраструктура React
Сейчас, говоря "React", уже редко имеют ввиду саму библиотеку, которая просто позволяет декларативно описывать ваш UI. Сегодня React – это большая инфраструктура, которая включает в себя различные бибилиотеки для работы с данными, бизнес-логикой, сторонними компонентами, декораторами и множеством другого полезного кода.

Вложенные компоненты в JSX при помощи props.children.

Оптимизируем наше приложение с shouldComponentUpdate.

Immutable.js: узнаем как и зачем использовать иммутабельные данные.

Анимации в React, CSSTransitionGroup.

Использование сторонних компонентов.

Построение приложений с React: Redux.js
Когда приложения становятся сложнее и в них появляется интерактивность, приходиться задумываться про организацию бизнес-логики, настраивать потоки данных и взаимодействие с сервером. В процесе построения простого новостного приложения мы детально разберем самую популярную библиотеку для одностороннего потока данных, узнаем ее особенности и научимся использовать дев-тулзы.

Знакомство с Flux – разбор основных элементов и идей.

Построение компонентов синхронной и асинхрнонной бизнес логики с Flux.

Ключевые отличия Redux и Flux.

Особенности Redux.js: функциональный подход, Redux dev tools, возможности для мониторинга и универсальных приложений.

Store, как иммутабельный отъект: Redux + Immutable.js.

Actions и Reducers, как чистые функции.

Настраиваем синхронный поток с Redux, переиспользуем созданные ранее компоненты.

React-redux для связи компонентов с логикой.

Side-effects в Redux: создание и использование Middlewares.

Варианты реализации асинхронных actions в Redux.

React для SPA: react-router и продвинутые API Реакта
Разработка single-page applications – одно из основных направлений фронтэнда. Мы разберем, как строить их, используя React. Научимся использовать react-router и продвинутые элементы API React.JS.

Зачем нужен роутинг и как он устроен, проектируем структуру приложения.

Настраиваем вложенные роуты.

Выбираем и настаиваем history для нашего приложения.

Используем context – еще один механизм передачи данных.

Объеденяем react-router и Redux.

Обзор Advanced API react-router.

Авторизация в react-router.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

Faraday

Курс уже пройден или записи будут выкладываться по мере прохождения?

adsl3008

Ребят, вышел офигенный курс, от друга javascript.ru Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... !

SandraW · 21 июн 2023

Освой Профессию‌ ‌Data‌ ‌Scientist‌ [SkillBox]
Дата-сайентист — одна из самых востребованных профессий в мире.

Вас ждут 8 курсов, онлайн-лекции и практические задания, а также 2 дипломных проекта.
После обучения вы сможете претендовать на позицию Junior Data Scientist.

Чему вы научитесь:
+ Программировать на Python
+ Визуализировать данные
+ Разрабатывать интерактивную инфографику
+ Работать с библиотеками и базами данных (Pandas, NumPy и Matplotlib, PostgreSQL, SQLite3, MongoDB)
+ Программировать на R
+ Применять нейронные сети для решения реальных задач
+ Освоите фреймворки для обучения нейронных сетей Tensorflow и Keras
+ Построите рекомендательную систему и добавите её в своё портфолио

ПОРА ПРОФЕССИЮ МЕЧТЫ ПРЕВРАЩАТЬ В РЕАЛЬНОСТЬ! Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

P.S. Дефицит дата-сайентистов наблюдается не только в России, но и во всем мире. ВЭФ считает эту профессию одной из самых востребованных в ближайшие пять лет. В России, по данным HeadHunter, только с 2021 по 2022 год число вакансий на должность дата-сайентиста выросло на треть. При этом уровень предлагаемых зарплат в сфере остается высоким — в среднем 180 тысяч рублей в месяц.

SandraW

[Skillbox] Профессия Frontend-разработчик PRO 2021
Присоединяйтесь к топовой складчине от лучшей школы обучения:
ВВы научитесь верстать веб-страницы, создавать веб-приложения, работать с JavaScript, в Photoshop и Figma.
Закрепите навыки на офлайн-воркшопах, пополните портфолио и освоите востребованную профессию.
В курс входят несколько курсов:
Веб-вёрстка
JavaScript
React.js
Vue.js

Дополнительные курсы
Универсальные знания программиста, Онлайн-сессии по веб-разработке
Обзор курса по слепому методу печати
Photoshop, Figma
Английский для IT-специалистов, Система контроля версий Git
Язык запросов SQL, Карьера и развитие для программиста
Работа в командной строке Bash, Алгоритмы и структуры данных
Защита дипломных проектов
Программа трудоустройства
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

AniLe307

[Udemy] Полный учебный курс по тестированию ПО 2021
Курс доступен и раздаётся сразу после оплаты !
Для кого этот курс:

Для тех, кто хочет начать новую карьеру

Желающих изучать тестирование ПО

Тестировщиков, которые хотят углубить и систематизировать свои знания

Для тех, кто хочет стать Freelance-тестировщиком

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

adsl3008

Вышел курс по React.js на русском языке
Подходит для frontend/full-stack разработчиков
Состоит из 3-х частей:

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

Вступайте!

Leo.

[Яндекс Практикум] Аналитик данных

Начните зарабатывать, анализируя

Что именно вы будете делать, когда станете аналитиком
Выгружать, преобразовывать и очищать данные с помощью SQL-запросов.
Создавать дашборды с помощью Tableau и других инструментов.
Запускать А/В-тестирования для проверки гипотез.
Рассчитывать ключевые метрики работы компании и оценивать их значимость.
Помогать бизнесу принимать решения на основе данных.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...