Поиск
Искать только в заголовках
Автор:
Искать только в заголовках
Автор:
Главная
Отзывы
Получить доступ
Стол заказов
FAQ
Обновление ссылок
Заработать
Поддержка
Вход
Регистрация
Поиск
Искать только в заголовках
Автор:
Искать только в заголовках
Автор:
Меню
Установить приложение
Установить
Ответить в теме
Главная
Каталог курсов
IT, ИИ, программирование, тестирование, аналитика
Stepik - React - Полное руководство (2023)
JavaScript отключён. Для полноценно использования нашего сайта, пожалуйста, включите JavaScript в своём браузере.
Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нем неправильно.
Необходимо обновить браузер или попробовать использовать
другой
.
Сообщение
<blockquote data-quote="Slivopedia" data-source="post: 2229" data-attributes="member: 1"><p><strong>Stepik - React - Полное руководство (2023)</strong></p><p><strong></strong></p><p><strong>[ATTACH=full]982[/ATTACH]</strong></p><p><strong></strong></p><p><strong>Для кого этот курс:</strong></p><p>Для новичков, желающих в краткие сроки "въехать" в разработку с помощью React JS</p><p></p><p><strong>Данный курс предназначен для тех, кто много слышал о библиотеке React, но при этом ни разу полноценно не пробовал поработать с ней.</strong></p><p>Обучение построено вокруг небольшого учебного проекта, который вы начнете разрабатывать практически с первых лекций.</p><p>Таким образом, по мере разработки вы будете гармонично подходить к каждой следующей теме, изучая ее применительно к тому, над чем работаете.</p><p>Это позволит избежать набора не сильно связанных между собой тем, которые разобраны на изолированных друг от друга примерах.</p><p></p><p><strong>Вы изучите все основные современные технологии библиотеки React, а также две крупные библиотеки, без которых современная react-разработка почти не встречается: React Router и Redux Toolkit.</strong></p><p>Курс даётся сразу с точки зрения функциональных компонентов, но при этом есть лекции с разбором компонентов на основе классов.</p><p>Для комфортного прохождения курса вам необходимы базовые знания HTML + CSS + JS.</p><p>Последнему в курсе посвящены несколько лекций - тем темам JS, без понимания которых вам будет сложнее разобраться в React.</p><p></p><p><strong>По окончании данного курса вы сможете:</strong></p><p>- реализовывать пользовательские интерфейсы на React</p><p>- правильно логически разделять приложение на компоненты</p><p>- научитесь связывать компоненты между собой, как используя технологию props, так и с - помощью глобального стейта, применяя встроенные возможности React, такие, как useContext, или стейтменеджер Redux Toolkit</p><p>- освоите создание маршрутизации в приложении</p><p>- научитесь работать с параметрами запроса и даже делать динамический контент в рамках участка страницы в зависимости от текущего URL адреса.</p><p>Помимо фундаментальных тем, на курсе разбираются более широкие аспекты разработки: виды стилизации компонентов, более продвинутые хуки и работа React “под капотом”. Для удобства прохождения курс разбит на 50 основных лекций, которые посвящены самой библиотеке React + дополнительные лекции по нативному языку JavaScript, которые помогут вам лучше понять основной материал.</p><p></p><p><strong>Программа курса</strong>:</p><p><strong>JS необходимый для курса</strong></p><ol> <li data-xf-list-type="ol">Репозиторий кода для курса</li> <li data-xf-list-type="ol">Переменные</li> <li data-xf-list-type="ol">Шаблонный литерал. Динамика в строках</li> <li data-xf-list-type="ol">Условный оператор if</li> <li data-xf-list-type="ol">Тернарный оператор</li> <li data-xf-list-type="ol">Оператор нулевого слияния и &&</li> <li data-xf-list-type="ol">Метод foreach</li> <li data-xf-list-type="ol">Массивы - метод Find</li> <li data-xf-list-type="ol">Массивы - метод Filter</li> <li data-xf-list-type="ol">Массивы - метод Map</li> <li data-xf-list-type="ol">Массивы - метод Reduce</li> </ol><p><strong>Знакомство с React</strong></p><ol> <li data-xf-list-type="ol">Что такое React</li> <li data-xf-list-type="ol">Знакомство с синтаксисом</li> </ol><p><strong>Первые компоненты на React</strong></p><ol> <li data-xf-list-type="ol">Создаём первый компонент</li> <li data-xf-list-type="ol">JSX разметка. Синтаксис и размещение элементов</li> <li data-xf-list-type="ol">Композиция компонентов, родители и потомки</li> <li data-xf-list-type="ol">Динамические значения и выражения в JSX</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Разбор JSX</strong></p><ol> <li data-xf-list-type="ol">Под капотом JSX</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Быстрый старт приложения. Создание бойлерплейта</strong></p><ol> <li data-xf-list-type="ol">Установка шаблона приложения CreateReactApp</li> <li data-xf-list-type="ol">Подготовка структуры проекта</li> <li data-xf-list-type="ol">Подготовка файлов для будущих компонентов</li> <li data-xf-list-type="ol">Styled Components. Стилизация</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Передача данных между компонентами. Props</strong></p><ol> <li data-xf-list-type="ol">React Props - передача данных между компонентами</li> <li data-xf-list-type="ol">Как работают пропсы с точки зрения JS</li> <li data-xf-list-type="ol">Пропсы в Styled Components</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Состояние приложения</strong></p><ol> <li data-xf-list-type="ol">Состояние, реактивность, useState</li> <li data-xf-list-type="ol">state vs props. Практика работы с состоянием</li> <li data-xf-list-type="ol">Поднятие состояние. Более совершенная передача данных</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Рендеринг списков в приложении</strong></p><ol> <li data-xf-list-type="ol">Рендеринг списков в React</li> <li data-xf-list-type="ol">Практика работы со списками</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Условный рендеринг компонентов</strong></p><ol> <li data-xf-list-type="ol">Возможности условного рендеринга</li> <li data-xf-list-type="ol">Улучшаем компонент статистики</li> <li data-xf-list-type="ol">Добавляем новые компоненты из MUI</li> <li data-xf-list-type="ol">Используем Nivo</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>React фрагменты</strong></p><ol> <li data-xf-list-type="ol">Фрагменты - удобная группировка элементов</li> </ol><p><strong>Хуки useState и useEffect</strong></p><ol> <li data-xf-list-type="ol">useState и использование предыдущего значения состояния</li> <li data-xf-list-type="ol">useState и сложные типы данных</li> <li data-xf-list-type="ol">useEffect - использование зависимостей</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Библиотека react-router</strong></p><ol> <li data-xf-list-type="ol">Разбор типов роутинга</li> <li data-xf-list-type="ol">Построение базовых маршрутов приложения</li> <li data-xf-list-type="ol">useNavigate и useParams</li> <li data-xf-list-type="ol">useSearchParams</li> <li data-xf-list-type="ol">Советы по маршрутизации, маршрут индексной страницы, маршрут заг</li> <li data-xf-list-type="ol">Применяем новые знания в приложении</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Процесс рендеринга в React</strong></p><ol> <li data-xf-list-type="ol">Концепции рендеринга, иммутабельность элементов, принцип объектн</li> <li data-xf-list-type="ol">Классовые компоненты, работа с состоянием и пропсами</li> <li data-xf-list-type="ol">Жизненный цикл компонента и его методы</li> <li data-xf-list-type="ol">setState, привязка контекста внутри классовых компонентов</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Управление состоянием. Redux Toolkit</strong></p><ol> <li data-xf-list-type="ol">Работа с состоянием - продвинутый уровень</li> <li data-xf-list-type="ol">Знакомство с Redux Toolkit</li> <li data-xf-list-type="ol">Редюсер и слайс</li> <li data-xf-list-type="ol">Глобальное состояние. useSelector и useeDispatch</li> <li data-xf-list-type="ol">Продолжаем применять Redux в приложении</li> <li data-xf-list-type="ol">Вынос всего ключевого состояния</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Компоненты высшего порядка - НОС</strong></p><ol> <li data-xf-list-type="ol">Особенности компонентов высшего порядка</li> <li data-xf-list-type="ol">Расширение функционала с помощью HOC</li> <li data-xf-list-type="ol">Виды стилизации и ещё немного о HOC</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Дополнительные хуки</strong></p><ol> <li data-xf-list-type="ol">useRef и useContext</li> <li data-xf-list-type="ol">useMemo</li> <li data-xf-list-type="ol">useCallback</li> <li data-xf-list-type="ol">Создание пользовательских хуков</li> <li data-xf-list-type="ol">ДЗ для самостоятельной работы</li> </ol><p><strong>Что вы получаете:</strong></p><ul> <li data-xf-list-type="ul">реализовывать пользовательские интерфейсы на React</li> <li data-xf-list-type="ul">правильно логически разделять приложение на компоненты</li> <li data-xf-list-type="ul">научитесь связывать компоненты между собой, как используя технологию props, так и с помощью глобального стейта, применяя встроенные возможности React, такие, как useContext, или стейтменеджер Redux Toolkit</li> </ul><p><strong>Заключение:</strong></p><ol> <li data-xf-list-type="ol">Заключение</li> </ol><p><strong>Продажник:</strong></p><p><strong></strong></p><p><strong>*** Hidden text: cannot be quoted. ***</strong></p><p><strong></strong></p><p><strong></strong></p><p><strong>Скачать:</strong></p><p><strong></strong></p><p><strong>*** Hidden text: cannot be quoted. ***</strong></p><p><strong></strong></p></blockquote><p></p>
[QUOTE="Slivopedia, post: 2229, member: 1"] [B]Stepik - React - Полное руководство (2023) [ATTACH type="full"]982[/ATTACH] Для кого этот курс:[/B] Для новичков, желающих в краткие сроки "въехать" в разработку с помощью React JS [B]Данный курс предназначен для тех, кто много слышал о библиотеке React, но при этом ни разу полноценно не пробовал поработать с ней.[/B] Обучение построено вокруг небольшого учебного проекта, который вы начнете разрабатывать практически с первых лекций. Таким образом, по мере разработки вы будете гармонично подходить к каждой следующей теме, изучая ее применительно к тому, над чем работаете. Это позволит избежать набора не сильно связанных между собой тем, которые разобраны на изолированных друг от друга примерах. [B]Вы изучите все основные современные технологии библиотеки React, а также две крупные библиотеки, без которых современная react-разработка почти не встречается: React Router и Redux Toolkit.[/B] Курс даётся сразу с точки зрения функциональных компонентов, но при этом есть лекции с разбором компонентов на основе классов. Для комфортного прохождения курса вам необходимы базовые знания HTML + CSS + JS. Последнему в курсе посвящены несколько лекций - тем темам JS, без понимания которых вам будет сложнее разобраться в React. [B]По окончании данного курса вы сможете:[/B] - реализовывать пользовательские интерфейсы на React - правильно логически разделять приложение на компоненты - научитесь связывать компоненты между собой, как используя технологию props, так и с - помощью глобального стейта, применяя встроенные возможности React, такие, как useContext, или стейтменеджер Redux Toolkit - освоите создание маршрутизации в приложении - научитесь работать с параметрами запроса и даже делать динамический контент в рамках участка страницы в зависимости от текущего URL адреса. Помимо фундаментальных тем, на курсе разбираются более широкие аспекты разработки: виды стилизации компонентов, более продвинутые хуки и работа React “под капотом”. Для удобства прохождения курс разбит на 50 основных лекций, которые посвящены самой библиотеке React + дополнительные лекции по нативному языку JavaScript, которые помогут вам лучше понять основной материал. [B]Программа курса[/B]: [B]JS необходимый для курса[/B] [LIST=1] [*]Репозиторий кода для курса [*]Переменные [*]Шаблонный литерал. Динамика в строках [*]Условный оператор if [*]Тернарный оператор [*]Оператор нулевого слияния и && [*]Метод foreach [*]Массивы - метод Find [*]Массивы - метод Filter [*]Массивы - метод Map [*]Массивы - метод Reduce [/LIST] [B]Знакомство с React[/B] [LIST=1] [*]Что такое React [*]Знакомство с синтаксисом [/LIST] [B]Первые компоненты на React[/B] [LIST=1] [*]Создаём первый компонент [*]JSX разметка. Синтаксис и размещение элементов [*]Композиция компонентов, родители и потомки [*]Динамические значения и выражения в JSX [*]ДЗ для самостоятельной работы [/LIST] [B]Разбор JSX[/B] [LIST=1] [*]Под капотом JSX [*]ДЗ для самостоятельной работы [/LIST] [B]Быстрый старт приложения. Создание бойлерплейта[/B] [LIST=1] [*]Установка шаблона приложения CreateReactApp [*]Подготовка структуры проекта [*]Подготовка файлов для будущих компонентов [*]Styled Components. Стилизация [*]ДЗ для самостоятельной работы [/LIST] [B]Передача данных между компонентами. Props[/B] [LIST=1] [*]React Props - передача данных между компонентами [*]Как работают пропсы с точки зрения JS [*]Пропсы в Styled Components [*]ДЗ для самостоятельной работы [/LIST] [B]Состояние приложения[/B] [LIST=1] [*]Состояние, реактивность, useState [*]state vs props. Практика работы с состоянием [*]Поднятие состояние. Более совершенная передача данных [*]ДЗ для самостоятельной работы [/LIST] [B]Рендеринг списков в приложении[/B] [LIST=1] [*]Рендеринг списков в React [*]Практика работы со списками [*]ДЗ для самостоятельной работы [/LIST] [B]Условный рендеринг компонентов[/B] [LIST=1] [*]Возможности условного рендеринга [*]Улучшаем компонент статистики [*]Добавляем новые компоненты из MUI [*]Используем Nivo [*]ДЗ для самостоятельной работы [/LIST] [B]React фрагменты[/B] [LIST=1] [*]Фрагменты - удобная группировка элементов [/LIST] [B]Хуки useState и useEffect[/B] [LIST=1] [*]useState и использование предыдущего значения состояния [*]useState и сложные типы данных [*]useEffect - использование зависимостей [*]ДЗ для самостоятельной работы [/LIST] [B]Библиотека react-router[/B] [LIST=1] [*]Разбор типов роутинга [*]Построение базовых маршрутов приложения [*]useNavigate и useParams [*]useSearchParams [*]Советы по маршрутизации, маршрут индексной страницы, маршрут заг [*]Применяем новые знания в приложении [*]ДЗ для самостоятельной работы [/LIST] [B]Процесс рендеринга в React[/B] [LIST=1] [*]Концепции рендеринга, иммутабельность элементов, принцип объектн [*]Классовые компоненты, работа с состоянием и пропсами [*]Жизненный цикл компонента и его методы [*]setState, привязка контекста внутри классовых компонентов [*]ДЗ для самостоятельной работы [/LIST] [B]Управление состоянием. Redux Toolkit[/B] [LIST=1] [*]Работа с состоянием - продвинутый уровень [*]Знакомство с Redux Toolkit [*]Редюсер и слайс [*]Глобальное состояние. useSelector и useeDispatch [*]Продолжаем применять Redux в приложении [*]Вынос всего ключевого состояния [*]ДЗ для самостоятельной работы [/LIST] [B]Компоненты высшего порядка - НОС[/B] [LIST=1] [*]Особенности компонентов высшего порядка [*]Расширение функционала с помощью HOC [*]Виды стилизации и ещё немного о HOC [*]ДЗ для самостоятельной работы [/LIST] [B]Дополнительные хуки[/B] [LIST=1] [*]useRef и useContext [*]useMemo [*]useCallback [*]Создание пользовательских хуков [*]ДЗ для самостоятельной работы [/LIST] [B]Что вы получаете:[/B] [LIST] [*]реализовывать пользовательские интерфейсы на React [*]правильно логически разделять приложение на компоненты [*]научитесь связывать компоненты между собой, как используя технологию props, так и с помощью глобального стейта, применяя встроенные возможности React, такие, как useContext, или стейтменеджер Redux Toolkit [/LIST] [B]Заключение:[/B] [LIST=1] [*]Заключение [/LIST] [B]Продажник: *** Hidden text: cannot be quoted. *** Скачать: *** Hidden text: cannot be quoted. *** [/B] [/QUOTE]
Вставить цитаты...
Имя
Проверка
Ответить
Главная
Каталог курсов
IT, ИИ, программирование, тестирование, аналитика
Stepik - React - Полное руководство (2023)
Верх
Низ
