React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]
HTML-код
- Опубликовано: 12 май 2024
- Дорожная карта и экосистема React 2024 - bit.ly/3NxXf7z (тут на сайте исходники к видео)
Эксклюзивный контент в Telegram: t.me/NextgenSocialBot
Telegram канал: t.me/js_by_vladilen
Instagram: / vladilen.minin
Полный курс по JavaScript для начинающих: • JavaScript c Нуля - Ку...
Основы NodeJS: • Node JS - Быстрый Курс...
Донат за полезный контент: www.donationalerts.com/r/vlad...
React. Курс для начинающих 2024
2 недели работы дамы и господа. Прошу любить и жаловать и распространять
Я подумал о том, что русскому RUclips не хватает обновленного качественного курса для начинающих с нуля по этой технологии.
Тем более, что прошлые ролики имеют тенденцию устаревать и знания необходимо обновлять. Теперь у каждого есть возможность за 4 часа изучить React и начать им пользоваться.
Так же этот курс демонстрация того, как мы даем знания в Result: поэтапно, структурированно, наглядно и понятно. Когда другие прокачивают маркетинг, продавая посредственный продукт, наша команда доказывает вам это делом
Таймкоды:
0:00:00 - Как проходить курс
0:03:51 - Что такое React JS
0:10:20 - Как создать React приложение
0:13:35 - Create React App
0:17:36 - Vite & React
0:20:40 - Что такое React компоненты
0:27:55 - Как работает React приложение
0:34:30 - Создаем React компонент
0:43:00 - Вывод динамических данных
0:51:40 - Как работают React Props
0:58:53 - Про архитектуру приложений
1:04:42 - Что такое React Children
1:07:35 - События в React
1:17:56 - Что такое React State
1:21:27 - Как работает useState
1:33:35 - Условные операторы в React
1:38:35 - Работа со списками
1:46:46 - Разделение на компоненты
1:53:05 - React Fragment
2:00:56 - Как работает JSX
2:07:40 - Реализация интерактивных табов
2:15:45 - Стилизация React приложений
2:22:14 - styled-components
2:26:04 - Работа с формами
2:43:02 - Продвинутая работа со State
2:51:22 - Как работает useRef
3:01:42 - Создаем модальное окно. React Portal
3:13:12 - Как работает useEffect
3:22:22 - Работа с HTTP (Backend)
3:29:25 - Пример с useCallback
3:34:20 - Создаем свой React хук
3:40:40 - Дальнейшие шаги
Я составил полную и актуальную дорожную карту того, что в React есть и что нужно выучить, включая полную экосистему из библиотек и фреймворков на момент 2024 года. Вы можете бесплатно ее скачать (там же исходники для видео) по ссылке: bit.ly/3NxXf7z
Так же если контент был полезен можете поддержать меня на Boosty: boosty.to/vladilen
Имба курс. Я смотрел последннее видео и ни начто не претендую, но хотел спросить: а будет какой-нить продвинутый/для новичков курс по vue? Просто курсов по реакт много хороших, а вод по vue нет.
и без старья всякого?
Блин столько заумных видео смотрел на удеми, от нуля до среднего уровня и них... толком не понял за пол года. Но благодаря этому видео понял все что учил и как что используется и откуда берется. Очень круто объясняете. Хочу от вас увидеть похожие уроки в стиле удеми. Чтобы просто скачать не дорого готовые уроки и пройти хуки, редукс и т.д. Вижу ссылку на бусти, но толком не понимаю что это и как и есть ли там такие же курсы как на удеми от вас. Про вашу школу давно знаю с самого начала моего пути, но 150к рублей - 300к рублей посчитал не той суммой за учебу, когда есть уроки на удеми дешевле.
Реакт фронт-енд это все конечно хорошо ну какой смысл учить если работу тупо не найти я уже сделал и фейковое резюме и рассылаю по 100+ откликов и просто нечего! На мой взгляд it это инфоциганство 23 года! Это как проводить курс как стать генеральным директором Газпрома да не как не стать! Родиться сыном путина в лучшем случае
@@user-ez2om1wu3i А вы не заметили что про крипту так же было, из всех чайников кричали про это, как раз перед тем как это стало загибаться. Так же и с программированием. Когда все рубили бабки, не было столько курсов, как только начало загибаться, люди начали давать свои знания чтобы на этом заработать. У меня есть товарищь который давно в ит, до сих пор работает, работа есть но для людей с опытом, и то возможно не в россии.Но я считаю что знания ваши потом пригодятся, чтобы настроить сайт или сделать кому то по знакомству сайт для сервиса, мойки и т.д. Да и надо искать фриланс.
Жду не дождусь ❤
Огромное спасибо Владилен , за твой труд.
Действительно полезная информация для начинающих.
Обязательно к просмотру. Спасибо 🎉
Лайк поставил, смотреть не буду. Пойду на завод
Шансов попасть на завод гораздо больше
Посмотри потом.
@@ThePredsedatel только не показывайте зарплаты на заводах джунам
@@daniil__kryuchkov раскрой подкол
Без шуток , на заводе график 2/2 . Могу удобно обучаться и усваивать инфу.
нет слов...спасибо! Сижу, слушаю и наслаждаюсь!
Большое спасибо за видео! Дай Бог тебе здоровья и всего наилучшего!
Обязательно когда дойду до реакта, посмотрю.
Надеюсь это будет самый популярный курс на тутубе.
Удачи!)
Очень жду❤
Это пожалуй лучший курс по React на русскоязычном сегменте! Спасибо за старания и во вложенный труд!
Какой же кайф понимать что тут происходит все больше и больше )
Огромное спасибо за материалы!
Спасибо за контент. Не перестаешь радовать
Хороший материал! Лайк, подписка однозначно. Давай видос со сложными концепциями❤
Круто! Спасибо огромное за твою помощь!
Лайк, комментарий, колокольчик, подписан давно))
спасибо 🔥 действительно интересный и вовлекающий урок. Легко и понятно объясняешь 👍
О круто. спасибо!! Учу реакт благодаря тебе
@Vladilen 1:55:00 с офф документации
"Оператор запятая выполняет каждый из его операндов (слева направо) и возвращает значение последнего операнда." - поэтому возвращает последнее.
Круто! Очень ждем!!
Благодарю за труды! Было интересно👍
Как всегда офигенно и все по делу
Владилен, спасибо за Ваш труд. Как всегда контент супер! Главное простыми словами и всё понятно, а если что-то не понятно, то просто стоит пересмотреть ещё раз )
От души за контент, Владилен☺
Подача нереальная, все понятно, по полочкам!спасибо🔥
Прекрасный урок! Он вдохновил меня на изучение реакта, хотя лежит купленный платный курс. Спасибо большое, Владилен.
Классная подача материала. Ну и конечно, вся соль в описании) Привет с СПб :)
Учил Vue 2.0 у Владилена, курс которого был от 2018 года, затем Vue 3.0.
С 2021 года и до сих пор я на этом канале и очень интересно также было посмотреть базу по реакт. После изучения одного фрэймворка, другой кажется похожим и не страшным. Спасибо за годноту.
вам удалось устроиться на работу в айти?
@@dabdabdabdaya Да
Как раз вовремя. Спасибо большое))
С удовольствием пройду!
Отлично, ждем!
Спасибо большое, буду делать!
как раз только подумывал начать учить реакт, и тут такое чудо. я когда премьеру увидел - оооочень обрадовался
я вот заканчиваю углубленный js и перехожу на react, как я понял мы просто смотрим за автором видео и погружаемся в пучину?
@@user-ho6lv3ql3j агась
@@user-ho6lv3ql3jты можешь изучать хоть через видео автора, хоть через документацию, как удобнее, сказать по секрету, то и там и тут куча води, и первые 3 часа можно вложить в 1 час, и кстати, эти 3 часа из видео описаны в документации на 25 страниц, но там подробнее и больше примеров(очень больше).
@@user-ho6lv3ql3j начал react?
Супер! Спасибо огромное! Это лучший видос на ютубе, для тех кто хочет понять, что такое реакт!
Полезно, спасибо!)
Спасибо, видео шикарное!
Наконец то, это то что мне нужно было. Много раз пыталась запустить приложение на реакте с разных туторов и статей, не получалось, но посмотрел вас(конечно же учла свои прошлые ошибки, без этого никак) и всё получилось. Как же давно я ждала этого счастливого момента..😂
Ура🥳
Здравствуйте. У вас очень отличные видео. Понял какие совершил ошибки.
Не дожидаясь сразу лайк. У тебя всегда только годное)
Спасибо большое💜
Ура, спасибо тебе огромное!
Как всегда очень качественный контент! Спасибо Владилен!!!
Спасибо за таймкоды, сам курс тоже неплох, я уже был знаком с реактом, но пару моментов прояснил
Ваши уроки самые понятные и качественные. Вы мне очень помогли освоить react js, который не как не мог понять. Спасибо большое вам. =)
Владилен, Спасибо, что делитесь знаниями!
Актуалненько! Спасибо!!!!
Красавчик, недавно спрашивал будет ли что-то по реакту, ты сказал да. Сдержал слово. Классно, спасибо
Очередной годный контент подъехал, спасиб!
Спасибо за работу!
Коммент в поддержку. За ролик спасибо.
Посмотрю на выходных, хотелось бы по vue vuex подобное
Владилен спасибо тебе за контент! 🤜
Очень круто и понятно изложенный материал! Приятный голос - это бонус))
Уууиф кайф, ждал норм уроков реакт, а тут ты 😮
Владилен, спасибо огромное!
Спасибо. Очень познавательно. ПОдскажите что за форматтер вам строчки красиво c отступами расставляет в visual studio code?
Ну это видео прям очень простое. Хэйтеры которые говорят что Владилен очень сложно преподносит информацию, вам сюда. Если честно я уже привык к более продвинутой инфе. Нравится когда ты начинаешь заигрываться и добавлять что-то сложное, что-то своё)
Круто. Прям классный материал. Я помню еще очень давно скачивал твои курсы с торрентов, чтобы выучиться. Денег на тот момент не хватало. Но потом, когда появился доход, чтобы отблагодарить, купил несколько курсов на udemi по моему. Было бы классно увидеть свежий подобный курс по NUXT 3 (Vue 3 compositionAPI) + TS + Pinia + Тестирование.
я тоже качал, качаю и буду качать)))
@@RuslanNumber1 а откуда качаете? где можно найти
@@kerfuflekhjk2941 на торренте
Как всегда круто!
спасибо огромное, очень помогли
Владилен - красава, его видео очень полезные для новичков
Супер! Спасибо Вам огромное! Логическое изложение материала и качество подхода!
Спасибо, интересно
Да, крутой контент, спасибо.
Очень нужен курс, жду!!!
525 лайк это мой, если что!) Коммент в поддержку автора и видео! Новичкам желаю удачи и упорства в освоении материала! 🔥
Спасибо за труд! Как всегда на высоте. Vite отлично работает. Но увлёкся webpack для саморазвития а также оптимизации чанков. Собрать годный контент тяжело в инете и приходится лопатить много документации. Скажи ты не планируешь контент по webpack случайно? Желательно с typescript :) Ещё раз спасибо!
Есть по третей версии на канале. Но он очень похож на текущую сборку
Благодарю за контент
Мы ждем следующего курса по next js
лучший просто! спасибо за старания
У тебя талант преподносить сложные концепции простым языком. По опыту скажу , ты разъясняешь куда лучше , чем в платных академиях )
Я с вами почти полностью согласен, но useEffect, как по мне, можно было бы объяснить получше.
Поэтому он открыл платную академию😂
@@nestromae вот-вот
@@nestromaeповерь, стоит денег
Да, спасибо, офигенно!
Мужик, спасибо тебе!!! Никогда не изучал реакт, ты бесподобно объяснил!!! Жму руку))))
Заканчиваю бесплатный курс по HTML/CSS. Далее в плане твой ютуб курс по JS. Сюда зашёл для оценки того, хорошо ли вообще воспринимается материал. Резюме: мне нравится, как ты объясняешь! Возможно это своего рода вкусовщина, но лично мне твоя манера изложения точно подходит. Могу сравнивать с многими преподавателями и методологией GeekBrains, там было очень сложно научиться чему-то конкретному.
Спасибо за проделанную работу и то, что делишься этой базой условно бесплатно! 👍🏼
Приду на платную часть, когда буду готов.
Привет, можешь ссылкой поделиться на курс по HTML/CSS?
А вот и сработала продажа
@@RavenMusicNest что?
сам учился на GB, но остановился там на половине обучения и рыл у Владилена бесплатный контент) Деньги за половину обучения вернул, но работу нашел. По факту мне самому не было понятно очень многое из того, что лили в уши, а некоторые преподы сами еще "плавали" в материале. Разве что курс по HTML/CSS от Игоря Кубикова был топ. За все остальное моя оценка 3 с минусом. В обучении разочаровался, но не сдался. Ютуб и др. источники вытянули :)
Успехов в обучении. Главное не сдавайся, все получится.
@@user-ev5lg3iv5n клюнул человек на крючок, что
Спасибо за твою отработаю ❤
Здорово👏✊👍
Спасибо)
Спасибо!
Спасибо за урок!
Надеюсь запись стрима будет, Владилен слушаю вас с удовольствием.
Спасибо ты лучший😎
Очень интересный випуск, так держать
Спасибо за курс
Спасибо за контент!
Приветствую. 56:00 не совсем понял. Как ключ объекта может принять знак равенства если там двоеточия? Я не понимаю. Например в ways[1] сидит объект. Как?
А за труд спасибо конечно.
Огромнейшее уважение за проделанную работу и открытый энтузиазм
Я реально с полного 0 научился понимать реакт
Порой были моменты, когда копился тильт, эмоции брали свое, но спокойный голос автора приводил в чувства и успокаивал xD
Лучшая реклама вашей школы, спасибо
Харрш, редко подобные подгоны увидишь. Будет ли в дальнейшем материал по Redux. А так спасибо за курсы, увлажненной почвы твоему родовому древу
По релакс есть на канале, но мб обновлю
@@VladilenMinin Спасибо ☺️
а редакс нужен еще? хуки же есть
@@alexeystaroverov4804 бомби на хуках
Видео крутое! Как раз хотел после Vue изучить React. Не подскажете, кстати, презентацию на чем делали?
Tome.app
Уважаемый Владилен, благодарю за Ваш труд. Очень качественный продукт. К сожалению ссылка на исходники не работает, еще есть возможность их скачать?
Думаю, можно будет глянуть
Спасибо за урок
Владилен молодец, спасибо!
Более лаконичного и понятного вводного курса по React просто не найти. Реально у тебя талант делать сложное - простым и понятным. Особенно для тех кто изучал ранее python :)
Было бы интиресно услышать ещё и про работу с масивом через map.)
ролик просто бомба!
Интересует такой вопрос. Насколько актуально изучение таких js модулей (пакетов) как React Router, React Query, Redux и т.п. в виду существования полноценных react-фреймворков по типу Next.js? Подобные фреймворки покрывают в полной мере функционал упомянутых модулей или нет? Если это совсем не связанные друг с другом технологии, возможности которых не пересекаются и служат для решения совершенно разных задач, прошу прощение за тупой вопрос.
ОЧЕНЬ КРУТО !!!
Видео супер! Подскажите что за тема стоит в VS Code?
здравствуйте. В разделе "как работает jsx" вы оборочиваете 2 элемента в массив, а обязательно ли так делать я выполнил не в массиве и все так же работает. просто если делать с помощью массива придется добавлять ключи к каждому элементу
Лучший просто даже не для начинающего, типо смотришь тыячу других видео и даже не можешь оттуда учить половину того что здесь было спасибо друг
Здравствуйте Владилен. У меня есть вопросы касательно javaScript, то есть как вы добавляете js код в html (судя по тому что внутри div используется return), разве это не в React было возможно?
Как правильно описать стили с использованием styled-components или создать их отдельными module файлов? К чему стремиться?🤔