Udemy Полны курс по JavaScript React нуля до результата 2022 RU

/01 - Подготовка к работе/

001 -.url

001 Как проходить данный курс.mp4

002 -.url

002 Почему этот курс.mp4

003 Условные обозначения и материалы.html

004 -.url

004 Node.js.url

004 VSCode.url

004 Настройка рабочего пространства.mp4

005 Про редакторы кода и учебники.html

006 -JSHint.url

006 JSHint-Options.url

006 jshintrc.zip

006 Как работать с JSHint.mp4

external-links.txt

/02 - Основы JavaScript/

001 -JavaScript.url

001 Что такое JS и как его подключить к странице.mp4

002 Про упражнения и дополнительные уроки.mp4

003 -.url

003 code-style.png

003 Strict-mode.url

003 Переменные и строгий режим.mp4

004 (д) Правила и типы названия переменных.mp4

005 -.url

005 -BigInt.url

005 -Symbol-.url

005 types-2020.jpg

005 Классификация типов данных в JavaScript.mp4

006 (д) Разница между объектами и массивами и неочевидные синтаксические возможности.mp4

007 -typeof.url

007 Document.write-.url

007 Простое общение с пользователем.mp4

008 -.url

008 Интерполяция (ES6).mp4

009 -.url

009 Операторы в JS.mp4

010 -.url

010 -Git-.url

010 -Git.url

010 Git.url

010 Github.url

010 Учимся работать с системой контроля версий Git и с сервисом GitHub.mp4

011 -gitignore.url

011 gitignore.zip

011 Gitkraken.url

011 Как работать с GitHub с разных компьютеров, gitignore и Git Kraken.mp4

012 (д) Сетевые протоколы. Подключение компьютера к аккаунту Github через SSH.mp4

012 -.url

012 -HTTP.url

012 HTTPS-vs-SSH-in-git.url

013 -.url

013 script.js

013 Практика, ч.1. Начинаем создавать приложение.mp4

014 -.url

014 Условия.mp4

015 (д) Логические операторы.mp4

015 -.url

016 -.url

016 .jpg

016 Циклы.mp4

017 (д) Цикл в цикле и метки.mp4

017 -.url

018 -.url

018 script.js

018 Практика, ч2. Применяем условия и циклы.mp4

019 -.url

019 functions.jpg

019 Функции, стрелочные ф-ции (ES6).mp4

020 (д) Еще раз про аргументы функций.mp4

021 (д) Про важность return.mp4

022 -.url

022 Методы и свойства строк и чисел.mp4

023 -.url

023 script.js

023 Практика , ч3. Используем функции.mp4

024 (д) Метод trim().mp4

024 -.url

025 Callback- функции.mp4

025 Callback-.url

026 -.url

026 -for-in.url

026 -Javascript-.url

026 Объекты, деструктуризация объектов (ES6).mp4

027 -.url

027 -for.of-for.in.url

027 Objects-Arrays.jpg

027 Массивы и псевдомассивы.mp4

028 () Алгоритмы в целом и в JavaScript.html

029 -.url

029 Object.assign-.url

029 Spread-operator.url

029 Передача по ссылке или по значению, Spread оператор (ES6-ES9).mp4

030 -proto-.url

030 Основы ООП, прототипно-ориентированное наследование.mp4

031 -.url

031 script.js

031 Практика , ч4. Используем объекты.mp4

032 Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints.mp4

033 -.url

033 classification.jpg

033 cssText.url

033 Динамическая типизация в JS.mp4

034 -.url

034 ..url

034 Замыкание и лексическое окружение.mp4

035 -.url

035 Task.docx

035 Задачи с собеседований на понимание основ.mp4

036 -.url

036 elements.zip

036 Получение элементов со страницы.mp4

037 -.url

037 caniuse.com.url

037 elements.zip

037 Действия с элементами на странице.mp4

038 -.url

038 project-mDB.zip

038 Практика. Задание на отработку действий со страницей.mp4

039 -.url

039 addEventListener-.url

039 preview.zip

039 removeEventListener-.url

039 События и их обработчики.mp4

040 -data-.url

040 index.html

040 Навигация по DOM - элементам, data-атрибуты, преимущество forof.mp4

041 -.url

041 Array.isArray-.url

041 Object.values-.url

041 Рекурсия.mp4

042 -.url

042 script.js

042 Практика. Используем события на странице проекта.mp4

043 -.url

043 index.html

043 События на мобильных устройствах.mp4

044 Async, defer, динамические скрипты.mp4

045 Ресурсы для оттачивания навыков программирования.html

external-links.txt

/03 - Дополнительные основы JavaScript/

001 Про дополнительную информацию по основам.html

002 (д) Оператор нулевого слияния (Nullish, ) ES11.mp4

002 -.url

002 preview.zip

003 (д) Оператор опциональной цепочки (.) ES11.mp4

003 -.url

003 preview.zip

004 (д) Живые коллекции и полезные методы.mp4

004 -.url

004 preview.zip

005 (д) Тип данных Symbol.mp4

005 -.url

006 (д) Дескрипторы свойств и полезные методы объектов.mp4

006 Object.entries-.url

006 Object.keys-.url

006 Object.values-.url

007 () Итерируемые конструкции.mp4

007 -for-of.url

007 for.in-versus-for.of.url

007 hasOwnProperty.url

007 How-to-iterate-over-a-JavaScript-object-.url

007 The-Essential-Guide-to-JavaScript-Iterators.url

008 () Map.mp4

008 -.url

009 () Set.mp4

009 -.url

009 find-.url

010 () BigInt.mp4

010 -.url

external-links.txt

/04 - JavaScript в работе/

001 Про что будет этот модуль.mp4

002 -1.url

002 -2.url

002 ClassList и делегирование событий.mp4

002 classList.url

002 index.html

002 matches.url

002 style.css

003 -.url

003 Food-dist.zip

003 Food.zip

003 Создаем табы в новом проекте.mp4

004 -.url

004 index.html

004 JavaScript-.url

004 style.css

004 Скрипты и время их выполнения. setTimeout и setInterval.mp4

005 (д) Сборщик мусора и утечки памяти.mp4

005 -.url

005 -JavaScript.url

005 -VS-.url

005 Memory-Inspector.url

006 () WeakMap и WeakSet.mp4

006 -WeakMap.url

006 -WeakSet.url

007 -.url

007 -Date.url

007 Работа с датами.mp4

008 -.url

008 Создаем таймер обратного отсчета на сайте.mp4

009 () Обработка прошедшей даты.mp4

010 -.url

010 metric-all.png

010 preview.zip

010 Параметры документа, окна и работа с ними.mp4

011 -.url

011 Создаем модальное окно.mp4

012 -.url

012 Модификации модального окна.mp4

013 (д) MutationObserver, ResizeObserver и contenteditable.mp4

013 -.url

013 -ResizeObserver.url

013 MutationRecord.url

013 preview.zip

013 ResizeObserver.url

014 -.url

014 Функции-конструкторы.mp4

015 -this.url

015 Контекст вызова. This.mp4

016 -.url

016 Классы (ES6).mp4

017 Где отслеживать информацию о новых стандартах.html

018 -.url

018 Используем классы в реальной работе.mp4

019 -.url

019 Rest оператор и параметры по умолчанию (ES6).mp4

019 rest.url

external-links.txt

/05 - Продвинутый JavaScript/

001 MAMP.url

001 OpenServer.url

001 Локальные сервера.mp4

002 -.url

002 Http.url

002 JSON формат передачи данных, глубокое клонирование объектов.mp4

002 JSON.url

003 -.url

003 -formData-JSON.url

003 -FormData.url

003 -HTTP.url

003 -XMLHttpRequest.url

003 AJAX и общение с сервером.mp4

003 calc.zip

003 XMLHttpRequest.readyState.url

003 XMLHttpRequest.url

004 -.url

004 Реализация скрипта отправки данных на сервер.mp4

005 -.url

005 spinner.svg

005 Красивое оповещение пользователя.mp4

006 -.url

006 Promise (ES6).mp4

006 Promise-1.url

006 Promise-2.url

007 -.url

007 Fetch API.mp4

007 Fetch-API.url

008 filter.url

008 map.url

008 Object.entries-.url

008 reduce.url

008 Методы перебора массивов.mp4

009 -.url

009 db.json

009 Json-server.url

009 Подробно про npm и проект. JSON-server.mp4

010 -.url

010 -JavaScript.url

010 db.json

010 Получение данных с сервера. AsyncAwait (ES8).mp4

011 -.url

011 Axios.url

011 cdnjs.url

011 Дополнительно Что такое библиотеки. Библиотека axios.mp4

012 -.url

012 Создаем слайдер на сайте, вариант 1.mp4

013 -.url

013 string.slice-.url

013 Создаем слайдер на сайте, вариант 2.mp4

014 -.url

014 styles.css

014 Создаем навигацию для слайдов.mp4

015 -.url

015 Cookie-.url

015 LocalStorage-.url

015 preview.zip

015 Как сохранить данные без БД. Работа с localStorage.mp4

016 -.url

016 -RegExp.url

016 Регулярные выражения.mp4

017 -.url

017 Создаем калькулятор на сайте, часть 1.mp4

018 -.url

018 Создаем калькулятор на сайте, часть 2.mp4

019 -get-set.url

019 Геттеры и сеттеры (свойства объектов).mp4

020 -.url

020 -JavaScript.url

020 script.js

020 Инкапсуляция.mp4

021 -.url

021 Прием модуль, как и зачем его использовать.mp4

022 -.url

022 -CommonJS.url

022 -devtool.url

022 -Webpack.url

022 Webpack. Собираем наш проект.mp4

022 webpack.config.js

023 ES6 Modules.mp4

024 -.url

024 -JS.url

024 Собираем наш проект и фиксим баги.mp4

025 -JS.url

025 Формируем портфолио на GitHub.mp4

026 try-catch.url

026 Ошибки. Как избежать “поломки” своего кода.mp4

027 (д) Создание своих ошибок.mp4

027 -.url

027 -Error.url

027 preview.zip

028 -.url

028 -webpack.url

028 Babel.url

028 Core.js.url

028 es6-promise.url

028 foreach-polyfill.url

028 webpack.config.js

028 Как превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы.mp4

029 -jquery.url

029 angular.url

029 React.url

029 Vue.url

029 Современные библиотеки и фрэймворки.mp4

030 -.url

030 -2.url

030 cdnjs.url

030 jquery.zip

030 Библиотека Jquery.mp4

031 -.url

031 Функции-генераторы.mp4

032 -.url

032 CSS3-.url

032 index.html

032 JS анимации, requestAnimationFrame.mp4

032 script.js

032 style.css

033 () Web Animations API.mp4

033 -.url

033 Element.animate-.url

033 preview.zip

034 -.url

034 Event loop, подробная работа асинхронных и синхронных операций.mp4

035 -.url

035 Макро и микрозадачи.mp4

036 -.url

036 -JS.url

036 8-JavaScript-2020-.url

036 fotorama.url

036 galleria.js.url

036 hammerjs.url

036 OwlCarousel.url

036 Slick-slider.url

036 tiny-slider.url

036 Работаем с готовым кодом.mp4

037 Какие проекты можно придумать и реализовать самостоятельно.html

external-links.txt

/06 - Библиотека React. Базовый уровень/

001 -.url

001 Введение.mp4

002 -.url

002 Что такое реакт, зачем он нам и почему не обычный JS.mp4

003 -.url

003 VirtualDOM.url

003 Фундаментальные принципы Реакта.mp4

004 -Chrome.url

004 Create React App - создаем свое приложение.mp4

004 Create-React-App.url

004 plugin-transform-react-jsx.url

005 -.url

005 -JSX.url

005 -React.url

005 Работаем с JSX-препроцессором, ограничения в нем.mp4

006 -.url

006 Элементы и компоненты.mp4

007 -.url

007 Строгий режим.mp4

008 Strict Mode и React 18+.html

009 -.url

009 -github.url

009 employees-template.zip

009 Создание нового проекта.mp4

010 -.url

010 Свойства компонентов.mp4

011 -.url

011 Практика свойств на проекте.mp4

012 -.url

012 -Fiber.url

012 Работа со списками и алгоритм согласования.mp4

013 -.url

013 Состояния компонентов.mp4

014 -.url

014 Самостоятельное задание на работу с состояниями.mp4

015 -.url

015 События в React и вспоминаем this.mp4

016 -.url

016 Практика состояний на проекте.mp4

017 -.url

017 Работа с формами, управляемые и неуправляемые компоненты.mp4

018 -.url

018 findIndex.url

018 react-id-generator.url

018 uniqueId-lodash.url

018 uuid.url

018 Иммутабельность состояния и собственные события.mp4

019 -.url

019 Практика. Подъём состояния.mp4

020 -.url

020 React-фрагменты.mp4

021 -.url

021 Практика. Реализуем поиск и фильтры.mp4

022 -.url

022 -ARIA.url

022 Семантика и доступность контента.mp4

023 Стили в React. Inline Styles.mp4

024 npm-sass.url

024 Стили в React. CSS и SASSSCSS.mp4

025 Стили в React. Динамические классы и стили.mp4

026 styled-components.com.url

026 Tagged-templates.url

026 Стили в React. Styled Components.mp4

027 ant-design.url

027 CSS-modules.url

027 Material-Design.url

027 react-bootstrap.url

027 reactstrap.url

027 Стили в React. Готовые библиотеки компонентов со стилями.mp4

028 -.url

028 -static.url

028 Поля классов и static.mp4

029 -.url

029 Заключение модуля.mp4

external-links.txt

/07 - Библиотека React. Средний фундаментальный уровень/

001 -.url

001 -API.url

001 an-api-of-ice-and-fire.url

001 Marvel-api.url

001 News-API.url

001 pokeapi.url

001 Weather-API.url

001 Что такое API и как работают реальные приложения.mp4

002 -.url

002 -API-.url

002 -github.url

002 Marvel-API.url

002 Marvel-layout.zip

002 marvel-starter.zip

002 Новый проект и работа с сервером.mp4

003 -.url

003 Трансформация данных и компонент со случайным персонажем.mp4

004 -.url

004 -1.url

004 -2.url

004 error.gif

004 Spinner.js

004 Хороший тон приложения (спиннер, ошибки...).mp4

005 -.url

005 object-fit.url

005 Жизненный цикл компонентов.mp4

006 -.url

006 -omponentDidUpdate.url

006 Практика с жизненным циклом, componentDidUpdate.mp4

007 -.url

007 componentDidCatch.url

007 getDerivedStateFromError.url

007 Предохранители (Error Boundaries).mp4

008 -.url

008 Пагинация данных (дозагрузка персонажей).mp4

009 -.url

009 prop-types-npm.url

009 Проверка типов с помощью PropTypes.mp4

010 -React.children.url

010 App.js

010 BootstrapTest.js

010 cloneElement-.url

010 index.js

010 Вставка элементов через props.children.mp4

011 Специализация и наследование.mp4

012 -.url

012 App.js

012 App.js.url

012 Render-props паттерн.mp4

013 -.url

013 App.js

013 Что такое ref и зачем он нужен.mp4

014 -.url

014 -2.url

014 App.js

014 Порталы.mp4

015 -.url

015 filezilla-ftp-.url

015 heroku.url

015 link-host.url

015 “Бандлинг” и выгрузка проекта на сервер.mp4

external-links.txt

/08 - Библиотека React. Хуки и средний продвинутый уровень/

001 -.url

001 Введение в хуки.mp4

002 -.url

002 starter.zip

002 useState.mp4

003 -.url

003 -API-.url

003 useEffect.mp4

004 -.url

004 useCallback.mp4

005 -.url

005 useMemo.mp4

006 -.url

006 -App.js.url

006 App.js

006 useRef.mp4

007 -.url

007 Практика. Перепишем весь проект на хуки.mp4

008 -.url

008 -10-.url

008 API-.url

008 App.js

008 Создание собственных хуков.mp4

009 -.url

009 Практика собственных хуков на проекте.mp4

010 -.url

010 Что такое batching и как он работает в React 18+.mp4

011 (д) useTransition, useDeferredValue и другие нововведения React 18+.mp4

011 -.url

011 App.js

011 data.js

011 json-generator.url

011 The-Plan-for-React-18.url

012 -.url

012 React-Router.url

012 Навигация в приложении, React Router v5+.mp4

013 -.url

013 History-API.url

013 React Router v6+.mp4

014 -.url

014 no-match-.url

014 Практика создания динамических путей.mp4

015 -.url

015 Динамические импорты и React.lazy.mp4

016 -.url

016 App.js

016 React.memo, Pure Component и оптимизация скорости работы приложения.mp4

016 shouldComponentUpdate-.url

017 -.url

017 React Context и useContext.mp4

018 -.url

018 App.js

018 useReducer.mp4

019 -.url

019 -HOC.url

019 App.js

019 Компоненты высшего порядка (HOC).mp4

020 -.url

020 -React.url

020 5-React-.url

020 8-React.url

020 13-React.url

020 Top-10-React-Hook-libraries.url

020 Библиотеки и экосистема React.mp4

021 -.url

021 React Transition Group.mp4

021 react-motion.url

021 starter.zip

022 -.url

022 final-form.url

022 Form-final.js

022 Formik, Yup и работа с формами любой сложности, часть 1.mp4

022 Formik.url

022 react-hook-form.url

022 starter.zip

022 Yup.url

023 -.url

023 Form-final.js

023 Formik, Yup и работа с формами любой сложности, часть 2.mp4

024 -.url

024 Разбор домашнего задания.mp4

025 -.url

025 -seo-.url

025 nextjs.url

025 react-helmet.url

025 react-snap.url

025 SEO-оптимизация веб-приложений, React-helmet.mp4

026 -.url

026 machina-js.url

026 Robot.url

026 x-state.url

026 ❗Принцип конечного автомата (FSM, Finite-state machine) и +1 подход к состояниям.mp4

027 Разбираем ошибки сторонних библиотек и проблему с фокусом.mp4

external-links.txt

/09 - React + Redux/

001 -.url

001 Redux-DevTools.url

001 redux.key

001 redux.pptx

001 Основные принципы Redux. Теория.mp4

002 -.url

002 index.js

002 Основные принципы Redux. Практика.mp4

003 -.url

003 Чистые функции.mp4

004 -.url

004 bindActionCreators.url

004 final-code.zip

004 Оптимизация через actionCreators и bindActionCreator.mp4

005 -.url

005 src.zip

005 Добавим React в проект.mp4

006 -.url

006 -connect.url

006 Counter.js

006 useSelector-vs-connect.url

006 Соединяем React и Redux при помощи connect.mp4

007 -.url

007 -zombie-children.url

007 Counter.js

007 Соединяем React и Redux при помощи хуков.mp4

008 -.url

008 Redux devtools.mp4

009 -.url

009 -github.url

009 -google-drive.url

009 Classnames-npm.url

009 concurrently-npm.url

009 hero-admin-panel-template.zip

009 json-server-npm.url

009 uuid-npm.url

009 Правило названия action и домашнее задание (мини-экзамен).mp4

010 -.url

010 Разбор самых сложных моментов.mp4

011 -.url

011 combineReducers.url

011 reselect.url

011 Комбинирование reducers и красивые селекторы. CreateSelector().mp4

012 Про сложность реальной разработки.mp4

013 -.url

013 Store enhancers.mp4

014 -.url

014 Middleware.mp4

015 -.url

015 Redux-thunk.mp4

015 redux-thunk.url

016 -.url

016 -Redux-Toolkit.url

016 cra-template-redux.url

016 index.js

016 Redux Toolkit configureStore().mp4

017 -.url

017 index.js

017 Redux Toolkit createAction().mp4

018 -.url

018 Redux Toolkit createReducer().mp4

019 -.url

019 Redux Toolkit createSlice().mp4

020 -.url

020 Redux Toolkit createAsyncThunk().mp4

021 -.url

021 Redux Toolkit createEntityAdapter().mp4

022 Подводные камни домашнего задания.mp4

023 -.url

023 -TODO-list.url

023 Про разные структуры проектов и закрепление материала.mp4

024 -.url

024 react-query.url

024 ❗️ Redux Toolkit RTK Query.mp4

025 -.url

025 -JS.url

025 -React-php.url

025 Что дальше.mp4

external-links.txt

/10 - Эпилог/

001 -.url

001 -92-WordPress.url

001 -JS.url

001 -link-host.url

001 -React-PHP-Fullstack-.url

001 -youtube-.url

001 Эпилог.mp4

external-links.txt

/11 - (Бонус из Практического курса) Реальный проект на JS в классическом стиле/

001 -.url

001 Вступление к практическому курсу.mp4

002 -.url

002 -gulp.url

002 -Node.js-.url

002 -npm.url

002 original.zip

002 Настраиваем сборку проекта и разбираемся с ТЗ.mp4

003 -.url

003 CSS-overflow.url

003 DOMContentLoaded.url

003 Работа с модальными окнами.mp4

004 -.url

004 -forEach.url

004 Работа с табами (вкладками) на странице.mp4

005 -.url

005 async-await.url

005 Fetch-API.url