Сайт портфолио на React JS урок для новичков. Базовый вводный курс в React для начинающих смотреть онлайн

Создание многостраничного сайта на React JS. Подробный урок с объяснениями для новичков. ↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓ Создаем сайт Портфолио на React JS. Как установить react, создать приложение create react app, как очистить проект от ненужных файлов. Несколько страниц с использованием React Router Dom. Properties пользовательские свойства (просы / props) в React компонентах. Состояние в компонентах, хуки useState, useEffect. Написание своего хука useLocalStorage. Темная тема для сайта. Базовый курс по основам React для новичков. Материалы к уроку: https://webcademy.ru/blog/952/ Первая часть с версткой: https://www.youtube.com/watch?v=tYdnepSqtNE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс "Разработка сайтов на PHP + MySQL": https://webcademy.ru/phpcourse/ Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: https://webcademy.ru/ 💈 Вступайте в группу Вконтакте: https://vk.com/webcademy 💈 Подписывайтесь на Telegram: https://t.me/webcademynews :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды и код к уроку :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Материалы к уроку: https://webcademy.ru/blog/952/ 00:00 Обзор проекта 00:50 Обзор готовой верстки 03:32 Установка Node JS 05:13 Установка create-react-app 08:34 Создание react приложения 10:20 Запуск react приложения 11:45 Изучение JS. Информация о курсе 12:24 Файлы стартового CRA приложения 17:42 Что такое компонент, на примере компонента App 23:25 Удаляем ненужные файлы из приложения 26:35 Перенос верстки главной страницы 37:25 Создание отдельных компонентов 38:05 Компонент Navbar 43:18 Компонент Header 50:00 Компонент Footer 52:35 Компонент Home для главной страницы 0:56:55 Страница с проектами 1:01:50 Страница с контактами 1:03:40 Правка sticky footer 1:07:29 Карточка с проектом. Отдельный компонент 1:11:29 Данные по проектам в отдельном файле 1:16:31 Подключаем файл с данными по проектам 1:21:32 Свойства компонента. Передача и использование 1:24:02 Вывод всех проектов через map 1:26:11 Recancellation алгоритм 1:29:39 Страница для отдельного проекта 1:33:11 Компонент для кнопки GitHub 1:36:45 Многостраничность для сайта 1:37:30 Установка react-router-dom 1:38:55 Исправление ошибок 1:40:33 Подключение роутера, маршруты для страниц 1:44:57 Добавление ссылок на страницы в Navbar. NavLink 1:48:50 Выделение активной ссылки 1:52:00 ScrollToTop при переходе между страницами 1:54:55 Параметры в роутере. Страницы для проектов 2:04:14 Ссылки на страницы с проектами 2:08:54 Отдельный компонент для кнопки с ночной темой 2:13:55 Отслеживание клика по кнопке 2:16:14 Состояние для темной темы 2:19:05 Изменение состояния 2:20:50 Изменение состояния на противоположенное 2:23:00 Добавление класса к body и кнопке. Хук useEffect 2:27:40 useRef для работы с кнопкой 2:32:26 Работа с localStorage. Кастомный хук useLocalStorage 2:41:15 Определение системных настроек темной темы 2:47:26 Прослушка изменения системных настроек с темой 2:50:20 Итог по функционалу кнопки btnDarkMode 2:51:50 Избавляемся от useRef в btnDarkMode 2:55:00 Фикс замечаний в консоли 2:56:10 Финал #HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #react #reactjs #JS #JAVASCRIPT #JavaScript #уроки #бесплатно #курс #rutube #Rutube #RUTUBE #рутуб #Рутуб #РУТУБ #ЮрийКлючевский

Рады приветствовать вас в нашем кинозале, у нас собрана огромнейшая база видео файлов и вы всегда сможете найти любой фильм на свой вкус и увидеть его совершенно бесплатно и не нужно регистрироваться. Онлайн просмотр кино стало любимым времяпрепровождением для все киноманов, ведь не всегда есть время, чтобы посетить кинотеатр, но мі собрали огромную базу видео и фильмов, сериалов, мультфильмов для онлайн просмотра. Ваш отдых - это наша работа, мы пополняем нашу базу регулярно и только лучшими и кассовыми фильмами, и все это у нас бесплатно и без регистрации. Наша задача обеспечить просмотр ваших любимых фильмов с максимальным комфортом, без рекламы и в любое удобное для Вас время. У нас собраны лучшее из коллекций всемирного кинематографа онлайн, вы можете смотреть фильмы бесплатно без регистрации , выбирая любимый фильм из нашей коллекции, которая включает в себя копии мировой классики и последние кино новинки. Все посетители выбирая наш сайт смогут найти киноленту по своему вкусу и начать просмотр с удовольствием. Для просмотра видео используются любые онлайн - браузеры установленные на вашем компьютере. Все, что необходимо, чтобы смотреть фильмы онлайн - это хорошее настроение! Не забываемого вам пребывания у нас в интернет-кинозале, онлайн кинотеатре ULTRADOX!