Последние поступления

  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс
  • Видеокурс

    Последние новости

    • Онлайн-школа создания видео с доступом по подписке на более, чем 50 видео-курсов по теме видеопроизводства. (Сергей Панферов)
    • Уроки. Онлайн - Сервис Figma. Бесплатно с 29 октября по 4 ноября. (Даниил Волосатов)
    • Скидки до 40%. Распродажа в честь Хэллоуина. (
    • Скидка 30%. Цветокоррекция летних портретов. (Евгений Карташов и команда «Фото-монстра»)
    • Скидка 30% на курсы Александра Куртеева
    • Бесплатный вебинар «Capture One Pro. Быстрый старт». (Ильдар Хайрулин - Фотошоп-мастер)

      Мы в сети

      VK
      FB

      Оформите подписку!

       Введите Ваш E-m@il и
      получайте свежие новости

      Видеокурс
      Видеокурс "React JS, Redux, ES2015 с Нуля до Гуру". (Михаил Русаков, Владилен Минин)
      Видеокурс

      Видеокурс Видеокурс "React JS, Redux, ES2015 с Нуля до Гуру". (Михаил Русаков, Владилен Минин)

      Страница автора - Михаил Русаков
      Страница автора

      Автор: Владилен Минин, Михаил Русаков

      Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения. Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015. Далее Вы узнаете как на данный момент организовать профессиональное рабочее окружение для разработки FrontEnd части. После, вы узнаете зачем нужны JavaScript-фреймворки и что такое ReactJS и почему стоит учить именно его. Вы изучите теоретическую часть данного фреймворка и узнаете о всех тонкостях работы с ним. А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

      Смотреть видео:

      React JS, Redux, ES2015 с Нуля до Гуру. (Владилен Минин)

      Содержание:

      Раздел №1. Продвинутый javascript

      • Урок №1. “Инструменты разработчика”.

      Вы узнаете, какие инструменты используют профессиональные разработчики

      • Урок №2. “Работа с DOM”.

      Вы узнаете, какие особенности есть при работе с DOM деревом

      • Урок №3. “События”.

      Вы узнаете тонкости работы с событийной моделью

      • Урок №4. “Типы данных и переменные”.

      Вы узнаете какие типы данных есть в javascript и их особенности

      • Урок №5. “Замыкания”.

      Вы узнаете, что такое замыкания и как их использовать

      • Урок №6. “Контекст”.

      Вы узнаете, что такое bind call и apply и в чем их отличие

      • Урок №7. “Классы”.

      Вы узнаете как создавать классы в старом стандарте языка

      • Урок №8. “Прототипированное наследование”.

      Вы узнаете как делать наследование классов

      • Урок №9. “Jquery ajax”.

      Вы узнаете как делать асинхронные фоновые запросы к серверу

      • Урок №10. “Eslint”.

      Вы узнаете, что такое eslint и зачем он нужен

      Раздел №2. ES2015

      • Урок №1. “Что такое es2015”.

      Вы узнаете, что такое стандарт javascript es2015

      • Урок №2. “Переменные”.

      Вы узнаете как создавать переменные и в чем их отличие

      • Урок №3. “Строки и шаблонизация”.

      Вы узнаете особенности работы со строками

      • Урок №4. “Объекты”.

      Вы узнаете особенности создания и работы с объектами

      • Урок №5. “Функции”.

      Вы узнаете как можно создавать функции

      • Урок №6. “Классы”.

      Вы узнаете как создавать классы

      • Урок №7. “Модули”.

      Вы узнаете про нативные модули в javascript

      • Урок №8. “Промисы”.

      Вы узнаете что такое Promises и как с ними работать

      Раздел №3. Организация front-end приложения

      • Урок №1. “Структура”.

      Вы узнаете из чего формируется инфраструктура современного приложения

      • Урок №2. “Создание с нуля”.

      Вы узнаете, как создавать проект с полного нуля

      • Урок №3. “package.json”.

      Вы узнаете, что такое package.json, как он облегчает работу и его особенности

      • Урок №4. “Webpack”.

      Вы узнаете основы работы со сборщиком webpack

      • Урок №5. “Настройка webpack”.

      Вы узнаете про продвинутую настройку webpack

      • Урок №6. “Настройка eslint”.

      Вы узнаете как подключить и настроить eslint к проекту

      • Урок №7. “Less”.

      Вы узнаете как работать с css препроцессором less

      Раздел №4. React js теория

      • Урок №1. “Зачем нужны js фреймворки”.

      Вы узнаете зачем нужны javascript фреймворки

      • Урок №2. “Сравнение с angular”.

      Вы узнаете про плюсы и минусы фреймворка react по сравнению с angular

      • Урок №3. “Как работает react”.

      Вы узнаете почему react такой быстрый и эффективный

      • Урок №4. “Создание структуры проекта”.

      Вы узнаете и получите полностью настроенную структуру проекта

      • Урок №5. “Создание первого компонента”.

      Вы узнаете как создаются компоненты

      • Урок №6. “JSX синтаксис”.

      Вы узнаете особенности jsx синтаксиса

      • Урок №7. “Props”.

      Вы узнаете, что такое props и как передавать различные параметры к компоненту

      • Урок №8. “State”.

      Вы узнаете, что такое state в компоненте

      • Урок №9. “Связь компонентов”.

      Вы узнаете как связать несколько компонентов

      • Урок №10. “Жизненный цикл компонента”.

      Вы узнаете что такое жизненный цикл компонента и зачем он нужен

      • Урок №11. “Коллекции”.

      Вы узнаете как выводить и работать с коллекциями или массивами в компоненте

      • Урок №12. “Роутеры”.

      Вы узнаете как работать с роутерами и как осуществлять навигацию между страницами

      Раздел №5. Redux теория

      • Урок №1. “Что такое redux”.

      Вы узнаете, что такое redux

      • Урок №2. “Как работает redux”.

      Вы узнаете про то как redux работает и почему это будущее современных приложений

      Раздел №6. React практика

      • Урок №1. “Изучение архитектуры”.

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

      • Урок №2. “Настройка redux”.

      Вы узнаете и увидите по шагам как настроить redux

      • Урок №3. “Настройка devtools”.

      Вы узнаете как подключить специальные инструменты для удобной разработки

      • Урок №4. “Создание роутеров”.

      Вы узнаете и увидите как создать расширяемую систему роутинга

      • Урок №5. “Страница 404”.

      Вы узнаете как создать роутинг для обработки несуществующих страниц

      • Урок №6. “Главная страница”.

      Вы научитесь создавать главную страницу приложения

      • Урок №7. “Главная страница и redux”.

      Вы узнаете как соединить главную страницу с redux

      • Урок №8. “Добавление функционала”.

      Вы научитесь добавлять дополнительные действия к списку элементов и обрабатывать их в redux

      • Урок №9. “Эмуляция асинхронности”.

      Вы узнаете как хранить данные в браузере у пользователя и как сделать асинхронные запросы

      • Урок №10. “Оптимизация страницы”.

      Вы научитесь оптимизировать код страницы под redux

      • Урок №11. “Страница списка”.

      Вы научитесь создавать страницу списка элементов

      • Урок №12. “Страница детального отображения”.

      Вы научитесь делать страницу для детального отображения каждого элемента списка

      • Урок №13. “Абстрактный компонент модального окна”.

      Вы узнаете как создать компонент модального окна, которое работает на redux и которое динамически создает свое содержимое, то есть модальное окно будет всего одно на все приложение

      • Урок №14. “Модальное окно редактирования”.

      Вы узнаете как на основе компонента модального окна создавать окно для редактирования элементов списка

      • Урок №15. “Модальное окно удаления”.

      Вы узнаете как создать модальное окно для удаления элемента

      • Урок №16. “Создание формы и валидация”.

      Вы научитесь создавать формы для обработки данных пользователя с валидацией

      • Урок №17. “Продакш сборка”.

      Вы научитесь делать финальную минифицированную сборку проекта в 1 javascript файл.

      Бонусы

      • Бонус №1. Создание компонента выбора даты (date time picker)

      Компонент написанный на react js обладает большой независимостью и и простотой использования. В этом бонусном уроке будет разобрано как создать собственный компонент по выбору даты и времени в одно поле и разобраны основные моменты, которые нужно учитывать при создании своих независимых компонент или плагинов.

      • Бонус №2. Создание динамического поиска по большому объему данных

      React JS является самым быстрым и производительным решением для вывода данных в html. Для демонстрации такой возможности в данном бонусе будет разобрано как сделать динамический мгновенный поиск по данным, то есть без перезагрузки страницы по более чем 10 000 элементам сразу. Вы узнаете как это реализовать и увидите как быстро это работает.

      • Бонус№ 3. Создание списка товаров с детализацией каждого из них и верстка с css flexbox

      Этот бонус является наглядной демонстрацией как ReactJS можно комбинировать с любым типом сайтов, будь то статический сайт или SPA. Будет разобрано как вывести список товаров с названием и картинкой и в динамическом режиме при клике на каждый из них выводить детальный вид товара в отдельном окне. Также в этом бонусе вы узнаете про основы адаптивной верстки с помощью flexbox.

      И еще один большой специальный бонус!

      • Специальный бонус. JavaScript Jquery и AJAX с Нуля до Гуру

      При покупке данного курса в качестве бонуса вам абсолютно бесплатно достанется курс по основам javascript! Этот бонус отлично подойдет для тех, кто еще не знаком с этим языком. В нем рассказываются основы синтаксиса языка, его функций, а также тонкости работы с библиотекой JQuery. Вы получите полный набор навыков и знаний по базовому javascript и будете обладать всеми необходимыми навыками для прохождения курса по react. Так что если вы новичок и ни разу не писали еще на javascript, или вы иногда используете javascript то стоит пройти данный курс в первую очередь, а уже после переходить к курсу по react, где будет рассмотрен и изучен javascript более детально.

      • Страница курса - React JS, Redux, ES2015 с Нуля до Гуру. (Владилен Минин)
      • Похожие видеокурсы по теме:
        Видеокурс Бесплатный видеокурс
        Видеокурс Бесплатный видеокурс
        Видеокурс Бесплатный видеокурс
        Видеокурс Бесплатный видеокурс
        Видеокурс Видеокурс
        Видеокурс Видеокурс
      • Смотрите бесплатное видео по теме:
        Промо ролики видеокурса React JS. Основы. (Владилен Минин - Webformyself)
        Промо ролики видеокурса Верстка дизайна сайта с нуля. (Алексей  Захаренко - WebForMySelf)
        Это бесплатный видео курс Верстка сайта на Grid. Быстрый старт. (Денис Булыга  - Webformyself)
        Промо ролики видеокурса Основы адаптивной верстки сайт под мобильные . (Андрей Бернацкий - WebForMySelf)
        Промо ролики видеокурса Секреты техники резиновой верстки сайта. (Андрей Бернацкий - WebForMySelf)
        Промо ролики видеокурса Фреймворк Bootstrap. Верстаем адаптивно. (Андрей Кудлай - Webformyself)

      Добавить комментарий


      Защитный код
      Обновить