udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
JavaScript и React для разработчиков: освойте основные функции
JavaScript and React for Developers: Master the Essentials
★2.6 (всего оценок - 17)
Продолжительность
3 ч 18 мин
Категория
React.jsКоличество уроков
62 Видео
Дата добавления
4 июл. 2018 г., 04:45
Язык
Английский
Дата выхода
11 июн. 2018 г., 10:00
Дата обновления
29 апр. 2026 г., 00:44
Освойте JavaScript и React на практике, углубив понимание современных веб‑технологий и улучшив навыки разработки. Курс поможет вам перейти от базового владения программированием к созданию продвинутых, динамичных веб‑приложений с использованием наиболее востребованных инструментов индустрии.
Для кого подходит этот курс?
Курс создан для тех, кто уже имеет базовый опыт программирования и хочет уверенно развиваться в направлении веб‑разработки. Подойдёт:
- студентам технических направлений;
- разработчикам, знакомым с Java, Python или другими языками;
- самоучкам, стремящимся создать портфолио;
- тем, кто хочет перейти в фронтенд и изучить React.
Материал подаётся последовательно, так что вы быстро освоитесь даже при минимальном опыте в JavaScript.
Чему вы научитесь?
В программе собраны ключевые темы, необходимые для уверенной работы с JavaScript и React:
Глубокие основы JavaScript
- DOM, события, колбэки, AJAX: разберётесь, как работает интерактивность в браузере.
- Асинхронность: промисы, async/await, работа с сетевыми запросами.
- ES6 и современные стандарты: стрелочные функции, классы, деструктуризация, модули.
Работа с API и реальными данными
Научитесь подключаться к сторонним API, обрабатывать ответы, визуализировать данные и использовать их в собственных проектах.
Профессиональные инструменты разработки
- npm и Yarn для управления зависимостями;
- Grunt и Gulp для автоматизации;
- webpack для сборки проектов;
- структурирование кода и организация файлов.
React: современный подход к веб‑интерфейсам
- жизненный цикл компонентов;
- хуки, состояние и пропсы;
- работа со списками, формами и событиями;
- управление состоянием приложения.
Создание полноценных проектов
Вы шаг за шагом создадите современное веб‑приложение на React и научитесь разворачивать его в интернете, используя практики, применяемые в реальной разработке.
Практические задания и проекты
В курсе предусмотрены задания разных уровней сложности, включая:
- toggler‑компонент с управлением состоянием;
- приложение для поиска изображений NASA;
- персональный сайт‑портфолио;
- менеджер заметок на React.
Каждый проект можно адаптировать под свои идеи и включить в портфолио. Викторины помогут закрепить знания и подготовиться к техническим собеседованиям.
Результаты обучения
К концу курса вы:
- уверенно пройдёте собеседование по JavaScript и React;
- сможете создавать и развертывать современные веб‑приложения;
- получите рабочее портфолио для начала карьеры фронтенд‑разработчика.
Этот курс станет прочной основой для дальнейшего развития и успешного старта в мире веб‑разработки.
- Урок 1.00:01:00Introduction
- Урок 2.00:01:34Optional: Install Software for Mac
- Урок 3.00:01:31Optional: Install Software for Windows
- Урок 4.00:00:38Introduction to the DOM
- Урок 5.00:03:41What is the DOM?
- Урок 6.00:07:42What Can I Do with the DOM?
- Урок 7.00:00:56The DOM Activity: Find a DOM Node
- Урок 8.00:01:49Activity Review
- Урок 9.00:00:36Intro to Events and Callbacks
- Урок 10.00:01:04Events
- Урок 11.00:06:21Callbacks
- Урок 12.00:00:35Events and Callbacks Activity: Website Theme Toggler
- Урок 13.00:01:25Events and Callbacks Activity: Solution
- Урок 14.00:00:44Intro to AJAX
- Урок 15.00:02:19What is AJAX?
- Урок 16.00:02:00AJAX & HTTP Specifics
- Урок 17.00:04:28Calling an API Activity Part 1: The Callback Method
- Урок 18.00:05:20Calling an API Activity Part 2: The Promises Method
- Урок 19.00:00:36Intro to JSON
- Урок 20.00:02:42Use JSON
- Урок 21.00:01:51Calling an API Activity Part 3: JSON
- Урок 22.00:05:53Calling an API Activity: Solution
- Урок 23.00:00:33Intro to Scope
- Урок 24.00:06:05Scope and the Variable this
- Урок 25.00:00:35Intro to ES6
- Урок 26.00:01:36Transpiling and Polyfilling
- Урок 27.00:06:47var vs let vs const
- Урок 28.00:03:51Default Values
- Урок 29.00:05:18Destructuring
- Урок 30.00:05:50Literals
- Урок 31.00:02:41Arrow Functions
- Урок 32.00:01:35JavaScript Section Final Activity: NASA Search API
- Урок 33.00:00:38Part 2: On Your Own
- Урок 34.00:03:16JavaScript Recap
- Урок 35.00:00:39Intro to Dependency Management
- Урок 36.00:02:33Optional: Install Software for Mac
- Урок 37.00:07:08npm and Yarn
- Урок 38.00:03:55Grunt
- Урок 39.00:10:19Grunt Activity
- Урок 40.00:03:59Gulp
- Урок 41.00:09:06Gulp Activity
- Урок 42.00:01:09webpack
- Урок 43.00:01:45Web Application Building Recap
- Урок 44.00:00:37Intro: What is React?
- Урок 45.00:02:44Why React
- Урок 46.00:02:55Where React Lives
- Урок 47.00:01:17JSX
- Урок 48.00:00:34Intro to Component Lifecycle Methods
- Урок 49.00:02:33Initialization, Mounting, Updating, and Unmounting
- Урок 50.00:08:22Build a Konami Code React App Activity: Part 1
- Урок 51.00:00:27Intro to React State and Properties
- Урок 52.00:00:58React State
- Урок 53.00:01:11React Props
- Урок 54.00:06:39Build a Konami Code React App Activity: Part 2
- Урок 55.00:04:59Build a Konami Code React App Activity: Solution
- Урок 56.00:00:32Intro to React Component Types
- Урок 57.00:01:48Presentational Components
- Урок 58.00:01:05Container Components
- Урок 59.00:12:41Markdown Note Manager Project
- Урок 60.00:08:59Markdown Note Manager Project: Solution
- Урок 61.00:02:24React Recap
- Урок 62.00:03:54Conclusion
Автор - udemy
Комментарии