Что вам даст данный курс Видеокурс содержит в себе все основные тренды развития современной разработки web-приложений, поэтому практическая часть данного курса будет разрабатываться на новом стандарте javascript, который вышел в 2015 году, добавив этому языку программирования много нового функционала. Мы расскажем, какие новые фичи были добавлены, и как ими пользоваться в реальных приложениях.
Изучив блок про организацию front-end приложения, вы будете знать, какими инструментами пользуются разработчики клиентской части. Вы выясните, что такое git, npm, node, webpack, package.json, css-препроцессор less и многое другое.
В части про теорию react вы узнаете основные возможности react и поймете, как им пользоваться.
redux вы освоите основные принципы и преимущества data-flow и будете знать, как его использовать.
Кроме теоретической части, курс также включает и практическую часть, эти занятия помогут вам закрепить материал. В практической части вы сможете создать современное SPA на javascript и react на новом стандарте javascript с полного нуля.
В рамках практики будут разобраны все основные моменты, которые встречаются при реальной разработке приложений. Оптимизация будет также затронута.
Пройдя этот курс, вы сможете глубже понять javascript из блока по продвинутому javascript. Вы узнаете самые актуальные возможности языка в новом стандарте.
В процессе обучения на основе реально востребованных практических заданий вы: Освоите всю необходимую теорию; Закрепите теорию на практике; Узнаете секреты профессионалов; Создадите свое портфолио; Расширите свое резюме
С такими знаниями можно спокойно найти себе высокооплачиваемую работу в разных отраслях бизнеса.
Описание уроков Продвинутый javascript
Урок 1. “Инструменты разработчика”. Вы узнаете, какие инструменты используют профессиональные разработчики
Урок 2. “Работа с DOM”. Вы узнаете, какие особенности есть при работе с DOM деревом
Урок 3. “События”. Вы узнаете тонкости работы с событийной моделью
Урок 4. “Типы данных и переменные”. Вы узнаете какие типы данных есть в javascript и их особенности
Урок 5. “Замыкания”. Вы узнаете, что такое замыкания и как их использовать
Урок 6. “Контекст”. Вы узнаете, что такое bind call и apply и в чем их отличие
Урок 7. “Классы”. Вы узнаете как создавать классы в старом стандарте языка
Урок 8. “Прототипированное наследование”. Вы узнаете как делать наследование классов
Урок 9. “Jquery ajax”. Вы узнаете как делать асинхронные фоновые запросы к серверу
Урок 10. “Eslint”. Вы узнаете, что такое eslint и зачем он нужен
ES2015
Урок 1. “Что такое es2015”. Вы узнаете, что такое стандарт javascript es2015
Урок 2. “Переменные”. Вы узнаете как создавать переменные и в чем их отличие
Урок 3. “Строки и шаблонизация”. Вы узнаете особенности работы со строками
Урок 4. “Объекты”. Вы узнаете особенности создания и работы с объектами
Урок 5. “Функции”. Вы узнаете как можно создавать функции
Урок 6. “Классы”. Вы узнаете как создавать классы
Урок 7. “Модули”. Вы узнаете про нативные модули в javascript
Урок 8. “Промисы”. Вы узнаете что такое Promises и как с ними работать
Организация front-end приложения
Урок 1. “Структура”. Вы узнаете из чего формируется инфраструктура современного приложения
Урок 2. “Создание с нуля”. Вы узнаете, как создавать проект с полного нуля
Урок 3. “package.json”. Вы узнаете, что такое package.json, как он облегчает работу и его особенности
Урок 4. “Webpack”. Вы узнаете основы работы со сборщиком webpack
Урок 5. “Настройка webpack”. Вы узнаете про продвинутую настройку webpack
Урок 6. “Настройка eslint”. Вы узнаете как подключить и настроить eslint к проекту
Урок 7. “Less”. Вы узнаете как работать с css препроцессором less
Урок 2. “Сравнение с angular”. Вы узнаете про плюсы и минусы фреймворка react по сравнению с angular
Урок 3. “Как работает react”. Вы узнаете почему react такой быстрый и эффективный
Урок 4. “Создание структуры проекта”. Вы узнаете и получите полностью настроенную структуру проекта
Урок 5. “Создание первого компонента”. Вы узнаете как создаются компоненты
Урок 6. “JSX синтаксис”. Вы узнаете особенности jsx синтаксиса
Урок 7. “Props”. Вы узнаете, что такое props и как передавать различные параметры к компоненту
Урок 8. “State”. Вы узнаете, что такое state в компоненте
Урок 9. “Связь компонентов”. Вы узнаете как связать несколько компонентов
Урок 10. “Жизненный цикл компонента”. Вы узнаете что такое жизненный цикл компонента и зачем он нужен
Урок 11. “Коллекции”. Вы узнаете как выводить и работать с коллекциями или массивами в компоненте
Урок 12. “Роутеры”. Вы узнаете как работать с роутерами и как осуществлять навигацию между страницами
Redux теория
Урок 1. “Что такое redux”. Вы узнаете, что такое redux
Урок 2. “Как работает redux”. Вы узнаете про то как redux работает и почему это будущее современных приложений
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: Электронная доставка на email
После оплаты заказа на сайте, вам приходит ссылка на курс/тренинг/материалы на почту указанную в заказе.
Стоимость доставки: 0рублей
Политика конфиденциальности
Общие положения
Некоторые объекты, размещенные на сайте, являются интеллектуальной собственностью компании "Все онлайн курсы и тренинги vsekursi24.ru". Использование таких объектов установлено действующим законодательством РФ.
На сайте "Все онлайн курсы и тренинги vsekursi24.ru" имеются ссылки, позволяющие перейти на другие сайты. Компания "Все онлайн курсы и тренинги vsekursi24.ru" не несет ответственности за сведения, публикуемые на этих сайтах и предоставляет ссылки на них только в целях обеспечения удобства для посетителей своего сайта.
Личные сведения и безопасность
Компания "Все онлайн курсы и тренинги vsekursi24.ru" гарантирует, что никакая полученная от Вас информация никогда и ни при каких условиях не будет предоставлена третьим лицам, за исключением случаев, предусмотренных действующим законодательством Российской Федерации.
В определенных обстоятельствах компания "Все онлайн курсы и тренинги vsekursi24.ru" может попросить Вас зарегистрироваться и предоставить личные сведения. Предоставленная информация используется исключительно в служебных целях, а также для предоставления доступа к специальной информации.
Личные сведения можно изменить, обновить или удалить в любое время в разделе "Аккаунт" > "Профиль".
Чтобы обеспечить Вас информацией определенного рода, компания "Все онлайн курсы и тренинги vsekursi24.ru" с Вашего явного согласия может присылать на указанный при регистрации адрес электронный почты информационные сообщения. В любой момент Вы можете изменить тематику такой рассылки или отказаться от нее.
Как и многие другие сайты, "Все онлайн курсы и тренинги vsekursi24.ru" использует технологию cookie, которая может быть использована для продвижения нашего продукта и измерения эффективности рекламы. Кроме того, с помощь этой технологии "Все онлайн курсы и тренинги vsekursi24.ru" настраивается на работу лично с Вами. В частности без этой технологии невозможна работа с авторизацией в панели управления.
Сведения на данном сайте имеют чисто информативный характер, в них могут быть внесены любые изменения без какого-либо предварительного уведомления.
Чтобы отказаться от дальнейших коммуникаций с нашей компанией, изменить или удалить свою личную информацию, напишите нам через форму обратной связи