0/5, Голосов: 0
Доступно

[Loftschool] React.js.Разработка веб-приложений

Тема в разделе "Курсы по программированию", создана пользователем Izhen Sparzhen, 7 сен 2017.

Метки:
Цена: 19125р.
Взнос: 526р.
100%

Основной список: 81 участников

Резервный список: 48 участников

Статус темы:
Закрыта.
  1. Izhen Sparzhen

    Izhen Sparzhen Izhen Sparzhen БанЗабанен

    React.js. Разработка веб-приложений
    Больше никаких хаков с jQuery! Только структурированный код и декларативный подход в приложениях. React.js имеет огромную экосистему библиотек, зная его, не составит труда начать писать полноценные мобильные приложения с помощью React Native!

    За 5 недель мы изучим React.js и разработаем свое веб-приложение. Освоим джентльменский набор инструментов React-разработчика. Весь код будет храниться на github, тестироваться в облаке, а сообщения об успешных тестах и ошибках у клиента прилетят нам в Slack.

    screenshot-loftschool.com-2017-09-07-18-49-03.png

    Пройдя курс, вы научитесь



      • Разрабатывать полноценные приложения на стеке React.js

        React.js является лишь представлением данных, для полноценной работы приложения мы изучим как хранить данные, общаться с сервером и следить за свежестью данных на клиентской стороне.



      • Оптимизировать React.js приложения

        Прежде чем оптимизировать, мы научимся понимать когда нам нужно заниматься этим, и как правильно найти места, нуждающиеся в оптимизации. Мы научимся пользоваться современными инструментами google chrome и с помощью них найдем кандидатов на оптимизацию.



      • Правильно разделять работу с данными и представлением

        Узнав какие абстракции используют разработчики известных библиотек, вы сможете улучшить свои приложения, используя такие же приемы. Строго разделив представление от данных, вы научитесь рендерить React-приложения как на стороне клиента, так и на стороне сервера, делать time travel debug и использовать приемы оптимистичных интерфейсов.



      • Применять лучшие практики по управлению потока ваших данных

        С данными вашего приложения нужно работать очень аккуратно, неправильные данные могут вызвать ошибку в правильно работающем коде. Вы научитесь нормализовывать данные, писать абстракции работающие со всеми типами данных, организовывать общение ваших компонент, от родителя к ребенку, от ребенка к родителю, и даже от ребенка к ребенку :)



      • Тестировать все части вашего фронтенд-приложения

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



      • Выбирать правильные инструменты для вашего стартапа

        Существует огромное множество библиотек, которые позволяют не писать код, а использовать чужие наработки, будучи уверенными что там все протестировано и проверено. Нам предстоит изучить не только стек React-приложений, но и изучить самые популярные библиотеки, которые могут пригодиться в разработке больших приложений.



      • Правильно разделять ваш код и UI на компоненты, а компоненты в правильную файловую иерархию

        Правильно разделив код на компоненты, вы сможете переиспользовать их много раз в разных частях вашего приложения. Мы изучим тонкости умных компонент, глупых компонент и компонент высшего порядка: зачем они нужны, и как такие компоненты упрощают разработку больших приложений.



      • Мониторить работу вашего приложения и быстрое обнаружение ошибок у клиентов

        Написать и протестировать приложение — это еще пол беды, вы научитесь мониторить ошибки с помощью современных средств и вовремя на них реагировать, получая уведомления в отдельный канал slack о любой ошибке, случившейся у клиентов вашего приложения.
    • Настройка рабочей среды
      • Приветствие
      • Фичи es6/7 которые мы будем использовать на курсе
      • Настройка окружения: vs code, github, npm & yarn, eslint, prettier
      • Полезные плагины для vs code
      • Установка create-react-app, настройка своего проекта
      • Принцип работы webpack и create-react-app
    • REACT.js Введение
      • Компонентный подход к разработке
      • Virtual DOM: причины создания, принцип работы
      • JSX: верстка на js
      • Жизненный цикл: React-компоненты от инициализации до unmount.
      • Как все это работает вместе
    • Компоненты React
      • Вложенные компоненты в JSX при помощи props.children.
      • Связь с DOM с помощью refs.
      • Проверка аргументов компоненты с помощью PropTypes
      • Три синтаксиса для компонент: Stateless компоненты, ES6-классы и React.createClass.
      • Отличие React.Component от React.PureComponent
      • Components, elements и instances
    • Поток данных в React
      • Где и как хранить данные
      • Внутренний state компонент
      • Поток данных: props и state
      • Передача данных между близкими компонентами, родителю, детям, соседям
      • Работа со стилями
      • Context: механизм связывания компонент
      • Синтетические события реакта, способы подписки
    • React semantic-ui. Изучаем и используем внешнюю библиотеку компонент
      • Установка
      • Изучаем принципы работы компонент
      • Компоненты уровня компоновки страниц
      • Компоненты оформления элементов
      • Работа с коллекциями
      • Компоненты порталы
    • React-router. Используем роутинг на стороне браузера.
      • Как работает роутинг на клиенте.
      • React-router v4. Как работает static routing и dynamic routing.
      • Вложенные роуты в static routing и их аналог в dynamic routing.
      • Передача аргументов через url.
      • Тесты для роутов.
      • Авторизация пользователя
      • Редиректы и переходы на странице.
    • Тестирование react приложений.
      • Что такое TDD.
      • Рабочее окружение для написание тестов: список популярных тест раннеров, типы тестов, типы синтаксисов тестов.
      • Jest: пишем в стиле TDD тесты для react и следим за изменениями.
      • Snapshot тестирование: упрощаем процесс тестирования стандартных сценариев.
      • Enzyme: тестируем правильный рендеринг компоненты.
    • Введение в Redux
      • 3 принципа redux
      • Actions
      • Action creators
      • Reducers
      • Store
      • Data flow
      • Redux devtools
      • react-redux: Использование с react
    • Redux - Использование с React.
      • Как работает redux middlewares
      • Redux-actions: укрощаем многословность redux
      • Селекторы состояния
      • Библиотека reselect, мемоизация селекторов
      • Тесты для redux action creators
      • Тесты для redux reducers
    • Redux-saga. Управляем побочными эффектами
      • Что такое побочные эффекты в react.
      • Redux-saga и организация управления побочными эффектами.
      • Функции генераторы function* и управление генератором с помощью yield.
      • Возможности генераторов для организации работы с побочными эффектами в redux-saga.
      • Изучаем основные функции помощники redux-saga(put, call, takeEvery, takeLatest)
    • Redux-saga. Типы операций
      • Разница между блокирующими и не блокирующими операциями.
      • Параллельное исполнение задач,
      • Исполнение задач в состоянии гонки
      • Последовательное исполнение групп параллельных задач
      • Композиции саг, отмена саг, форк саг
    • Redux-saga. Работа с сетью
      • Подключаем axios для работы с сетью
      • Асинхронные экшены
      • Асинхронный поток данных
      • normalizr: горизонтальная нормализация данных
      • Тесты для разных операций redux-saga
    • Redux-form: Работа с формами
      • Основные принципы работы.
      • Используем Field, FieldArray, FieldSection для компоновки формы
      • Нормализация данных
      • Валидируем данные по comit формы или при вводе
      • Асинхронный комит формы
    • Деплой и тестирование в облаке
      • Что такое continuous integration и delivery integration
      • Настраиваем jenkins для тестирования в облаке
      • Регистрируемся на www.netlify.com
      • Деплой приложения на внешний сервер
      • Настраиваем rollbar для поимки сообщений у клиента
    • Дополнительные инструменты разработки
      • React Storybook
      • React Media
      • JSX Control Statements
      • React Performance.
      • Работа с lodash и moment.js

     
    Последнее редактирование модератором: 10 июн 2018
    6 пользователям это понравилось.
  2. Последние события

    1. skladchik.com

      Осталось 5 дней до завершения складчины.

      4 авг 2018
    2. skladchik.com

      Складчина доступна.

      4 авг 2018
    3. Storand

      Storand не участвует в складчине.

      1 авг 2018
    4. Storand

      Storand участвует в складчине.

      1 авг 2018

    Последние важные события

    1. skladchik.com

      Осталось 5 дней до завершения складчины.

      4 авг 2018
    2. skladchik.com

      Складчина доступна.

      4 авг 2018
    3. skladchik.com

      Взнос в складчине составляет 263р.

      10 июн 2018
    4. skladchik.com

      Складчина активна.

      10 июн 2018
  3. Testimonial

    Testimonial Testimonial МодерМодератор Команда форума

  4. Micron

    Micron Micron БанЗабанен

    Видео-курс, который научит разработке, отладке и аудиту производительности ваших сайтов - Modern Devtools
     
  5. KirillTyrov

    KirillTyrov KirillTyrov БанЗабанен

    Интересуют хорошие материалы по JavaScript, а еще лучше вместе с React.js + (Redux.js), Angular.js, NodeJS, Ramda.js, Lodash.js, Express.js + MongoDB, Dokku.js, GraphQL.js, Mailgun.js, DigitalOcean.js, RethinkDB?
     
    1 человеку нравится это.
  6. Taranis

    Taranis Taranis БанЗабанен

  7. Пиня

    Пиня Пиня ОргОрганизатор

  8. John Dalton

    John Dalton John Dalton ЧКЧлен клуба

  9. cranston

    cranston cranston ЧКЧлен клуба

  10. GogiFaust

    GogiFaust GogiFaust РезервистРезервист

  11. freedev

    freedev freedev ЧКЧлен клуба

  12. Томас Шелби

    Томас Шелби Томас Шелби ЧКЧлен клуба

  13. Serg Smith

    Serg Smith Serg Smith ЧКЧлен клуба

  14. opaopalalala

    opaopalalala opaopalalala ЧКЧлен клуба

    2 пользователям это понравилось.
  15. Knayz

    Knayz Knayz ЧКЧлен клуба

    Глубокое погружение в реакт:
    [manning] Redux в действии - книга про современное управление React состоянием, самые последние фишки Saga Mobx GraphQL
    [manning] Изоморфные Web приложения - книга раскрывающую проблему CEO при использовании реакта, т.к. рендеринг страниц и роутинг работают в браузере, роботам сложно индексировать страницы
    [manning] D3.js в действии второе издание - книга как научить react использовать графику, при помощи самой популярной векторной библиотекой на javascript - D3
     
  16. harold

    harold harold ЧКЧлен клуба

    Нужен организатор. Начало обучения 22.01.2018
     
  17. Izhen Sparzhen

    Izhen Sparzhen Izhen Sparzhen БанЗабанен

     
    1 человеку нравится это.
  18. Гуськом

    Гуськом Гуськом ЧКЧлен клуба

  19. Prametei

    Prametei Prametei ОргОрганизатор

    Записывайтесь на курс [Специалист] Разработка мобильных приложений с использованием Xamarin

    Преимущества Xamarin:

    • позволяет создавать приложение в единой среде (Visual Studio) и на одном языке (C#);
    • при этом можно скомпилировать одно и то же приложение под каждую мобильную платформу (Android, iOS, Windows Phone);
    • содержит средства как кроссплатформенной разработки (Xamarin.Forms, XAML), так и возможности использование средств, специфичных для каждой ОС;
    • содержит много плагинов, расширяющих возможности разработки – можно не изобретать велосипед.
     
  20. FuckingYou

    FuckingYou FuckingYou СкладчикСкладчик

    А курс действителен? А то уже 2 дня прошло, реквизитов так и нет(
     
  21. iamlabean

    iamlabean iamlabean СкладчикСкладчик

    *обратите внимание, организатора до сих пор нет, следовательно провести складчину некому, следовательно реквизитов вы тоже не увидите до тех пор пока не появится организатор и не начнет сборы
     
Статус темы:
Закрыта.

Поделиться этой страницей