- 112
- 33 562
Dev Hot Spot
Germany
เข้าร่วมเมื่อ 9 พ.ค. 2024
Добро пожаловать на наш канал, где мы вместе исследуем захватывающий мир JavaScript, двигаясь от простых концепций к более сложным задачам, и все это с использованием фреймворка ReactJS.
Мы предлагаем вам увлекательное путешествие, начиная с основ JavaScript и постепенно двигаясь вперед, изучая продвинутые темы и концепции. Наши уроки структурированы пошагово, чтобы вы могли легко следовать за нами, независимо от вашего уровня опыта.
Но это еще не все! Мы также добавляем в уроки элементы ReactJS, одного из самых мощных и популярных фреймворков JavaScript. Вы научитесь создавать динамичные и интерактивные веб-приложения, используя современные подходы к веб-разработке.
Присоединяйтесь к нашему каналу, чтобы углубить свои знания в JavaScript и ReactJS, и стать востребованным специалистом в мире веб-разработки. Давайте вместе погрузимся в захватывающий мир программирования!
Мы предлагаем вам увлекательное путешествие, начиная с основ JavaScript и постепенно двигаясь вперед, изучая продвинутые темы и концепции. Наши уроки структурированы пошагово, чтобы вы могли легко следовать за нами, независимо от вашего уровня опыта.
Но это еще не все! Мы также добавляем в уроки элементы ReactJS, одного из самых мощных и популярных фреймворков JavaScript. Вы научитесь создавать динамичные и интерактивные веб-приложения, используя современные подходы к веб-разработке.
Присоединяйтесь к нашему каналу, чтобы углубить свои знания в JavaScript и ReactJS, и стать востребованным специалистом в мире веб-разработки. Давайте вместе погрузимся в захватывающий мир программирования!
JavaScript Модули: Named Exports для Начинающих | Быстро и Просто
Узнайте, что такое Named Exports в JavaScript и как их правильно использовать! 📚 В этом коротком видео я расскажу, зачем нужны именованные экспорты, как подключать модули без ошибок и где они применяются. 🚀 Посмотрите урок, чтобы освоить важные основы JavaScript модулей и сделать ваш код эффективнее.
📌 Полный урок доступен на моем канале - не пропустите! Подписывайтесь, чтобы быть в курсе новых видео.
📌 Полный урок доступен на моем канале - не пропустите! Подписывайтесь, чтобы быть в курсе новых видео.
มุมมอง: 14
วีดีโอ
Управление Формами в React с useState
มุมมอง 26หลายเดือนก่อน
th-cam.com/video/GqGgM5dK58A/w-d-xo.html Хотите быстро научиться управлять формами в React? В этом видео я покажу, как с помощью useState сохранять значения инпутов и обрабатывать изменения. Узнайте, как эффективно работать с формами, избегать ошибок и использовать лучшие практики. Минимум теории - максимум пользы! 📢 Полный видеоурок уже на канале! Узнайте все тонкости работы с формами в React ...
React Формы и useState: Управление Инпутами и Сохранение Данных | Урок 41
มุมมอง 117หลายเดือนก่อน
Как правильно работать с формами в React и сохранять значения input-полей? В этом уроке мы разберём, как эффективно управлять формами и полями ввода с помощью useState. Вы узнаете, как сохранять значения input в переменных, обрабатывать изменения и предотвращать ошибки. 📚 Что будет в видео? Использование useState для управления формами Сохранение значений input-полей Разбор частых ошибок и лучш...
React JS: Pagination | для Начинающих | Урок 40
มุมมอง 112หลายเดือนก่อน
React JS: Pagination | для Начинающих | Урок 40
React для Начинающих: Добавляем Два Компонента в Существующий Проект | Часть 2 | Урок 39
มุมมอง 1472 หลายเดือนก่อน
React для Начинающих: Добавляем Два Компонента в Существующий Проект | Часть 2 | Урок 39
React JS: Проверка и обновление проекта с пагинацией: Начало работы с клиентом | JavaScript #38
มุมมอง 2402 หลายเดือนก่อน
React JS: Проверка и обновление проекта с пагинацией: Начало работы с клиентом | JavaScript #38
React Hooks для Начинающих: useState и useEffect с Примерами | Урок №37
มุมมอง 1502 หลายเดือนก่อน
React Hooks для Начинающих: useState и useEffect с Примерами | Урок №37
Введение в канал: Изучаем JavaScript и React с нуля для новичков
มุมมอง 962 หลายเดือนก่อน
Введение в канал: Изучаем JavaScript и React с нуля для новичков
React useEffect и Fetch: Первые шаги для начинающих
มุมมอง 1922 หลายเดือนก่อน
React useEffect и Fetch: Первые шаги для начинающих
React useEffect CLEANUP: Очистка и предотвращение утечек памяти
มุมมอง 1883 หลายเดือนก่อน
React useEffect CLEANUP: Очистка и предотвращение утечек памяти
React: используем useEffect в жизненном цикле компонентов для начинающих
มุมมอง 884 หลายเดือนก่อน
React: используем useEffect в жизненном цикле компонентов для начинающих
React для начинающих: useState, event, map и push, copy array
มุมมอง 874 หลายเดือนก่อน
React для начинающих: useState, event, map и push, copy array
React для начинающих: Как работают useState и Event
มุมมอง 1374 หลายเดือนก่อน
React для начинающих: Как работают useState и Event
React для начинающих: Компоненты, Props и Children
มุมมอง 1944 หลายเดือนก่อน
React для начинающих: Компоненты, Props и Children
JavaScript, React, Components, Props: для начинающих
มุมมอง 1414 หลายเดือนก่อน
JavaScript, React, Components, Props: для начинающих
JavaScript: React с нуля - Первый практический урок для начинающих
มุมมอง 1835 หลายเดือนก่อน
JavaScript: React с нуля - Первый практический урок для начинающих
Введение в React: Обзор концепции SPA перед практическими занятиями
มุมมอง 955 หลายเดือนก่อน
Введение в React: Обзор концепции SPA перед практическими занятиями
JavaScript для Начинающих: sessionStorage и localStorage
มุมมอง 5035 หลายเดือนก่อน
JavaScript для Начинающих: sessionStorage и localStorage
JavaScript: Что такое CORS? Объяснение для начинающих
มุมมอง 4065 หลายเดือนก่อน
JavaScript: Что такое CORS? Объяснение для начинающих
Fetch API: GET и POST Запросы для Начинающих
มุมมอง 1165 หลายเดือนก่อน
Fetch API: GET и POST Запросы для Начинающих
Основы Fetch API: Учимся Работать с Запросами в JavaScript
มุมมอง 1266 หลายเดือนก่อน
Основы Fetch API: Учимся Работать с Запросами в JavaScript
Async/Await и Try/Catch: Практическое применение для начинающих
มุมมอง 2486 หลายเดือนก่อน
Async/Await и Try/Catch: Практическое применение для начинающих
Async и Await в JavaScript: Простое Объяснение для Новичков
มุมมอง 2136 หลายเดือนก่อน
Async и Await в JavaScript: Простое Объяснение для Новичков
JSON для Новичков: Руководство по Формату Данных в JavaScript
มุมมอง 526 หลายเดือนก่อน
JSON для Новичков: Руководство по Формату Данных в JavaScript
JavaScript: Promises vs "Callback Hell", для Новичков
มุมมอง 916 หลายเดือนก่อน
JavaScript: Promises vs "Callback Hell", для Новичков
Основы Promises в JavaScript: Пошаговое Руководство для Новичков
มุมมอง 746 หลายเดือนก่อน
Основы Promises в JavaScript: Пошаговое Руководство для Новичков
JavaScript: Asynchronous Prog. - setTimeout() для новичков
มุมมอง 886 หลายเดือนก่อน
JavaScript: Asynchronous Prog. - setTimeout() для новичков
JavaScript: Что такое Bundling и Webpack? Для новичков
มุมมอง 1286 หลายเดือนก่อน
JavaScript: Что такое Bundling и Webpack? Для новичков
Scripts в JSON, gitignore и transpiling | Объяснение для новичков
มุมมอง 546 หลายเดือนก่อน
Scripts в JSON, gitignore и transpiling | Объяснение для новичков
npm для Новичков: Установка и Основы Работы с Пакетами JavaScript | Урок 15
มุมมอง 996 หลายเดือนก่อน
npm для Новичков: Установка и Основы Работы с Пакетами JavaScript | Урок 15
Спасибо за видео! 👍
А теперь, внимание, правильный ответ
Прекрасное видео, как всегда! Хотел спросить по другой теме: У меня есть кошелёк OKX с USDT, и у меня есть seed фраза. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Может подскажете, как отправить их на Binance?
Спасибо большое
Sehr gut
@@Shopbabylon Vielen Dank 🙏
Спасибо! Интересно, здорово
Рад, что понравилось! Спасибо за вашу поддержку!
Браво, мистер. Главное, не останавливайтесь и не пропадайте
Спасибо большое за поддержку и добрые слова! Очень ценю, что вы следите за моими выпусками - это невероятно мотивирует продолжать. Постараюсь не пропадать и радовать вас новым контентом!
Вы вернулись!
Да, вернулся! Спасибо, что ждали!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
Друзья, если вам нравятся мои видеоуроки по React и JavaScript и вы хотите поддержать развитие канала, вы можете внести свой вклад через донаты! Ваша поддержка поможет мне создавать еще больше качественного контента, посвященного веб-разработке, улучшать видео и делать обучение доступным для всех. Любая сумма будет полезной и поможет мне уделять больше времени и ресурсов созданию новых материалов. Спасибо, что вы со мной! Ваш вклад - это огромная мотивация и помощь! 😊 Поддержать канал можно здесь(Binance): TBJD5Ho48RTZAyUgPuvfZ3AwnHhebhNchP Всем удачи и до новых встреч в новых видео!
оч полено, но оч тихо.......... прям очень
Спасибо за ваш комментарий! Рад, что вы обратили внимание на это - в следующих видео звук был исправлен. Приятно знать, что вы следите за качеством, это действительно помогает мне становиться лучше!
Спасибо за Ваш труд.
Наконец-то! Я уж думал не будет больше роликов
Спасибо за такой теплый комментарий! Мне очень приятно, что вы ждёте мои ролики - это невероятно мотивирует! Да, жизнь иногда вносит свои коррективы: в Германии начался учебный год, много домашних дел и забот, поэтому не всегда удаётся найти время на создание контента. Но я обязательно продолжу делиться новыми уроками, так что оставайтесь на связи!
@@DevHotSpot-ps9uj Снова цепочка прервалась(
Здравствуйте! Есть идея, сделать слон WhatsApp на React
Привет, Бийназар! Отличная идея с клоном WhatsApp на React! Пока мы фокусируемся на фронтенде, и ты можешь начать с создания интерфейса чата на React, а для работы с реальными сообщениями и чатом тебе понадобится бэкенд, который будет обрабатывать сообщения в реальном времени. Что касается бэкенда - его мы добавим позже, когда будем изучать бэкенд на JavaScript. Начни с простого: создай интерфейс для чата с React, добавь управление состоянием с помощью хуков, а затем подключай реальное взаимодействие. Удачи, и если будут вопросы - обращайся!
Так React - это фреймворк or библиотека ???
Спасибо за ваш комментарий! Вы правы, если я в видеоуроке случайно назвал React фреймворком, это действительно оговорка. React - это библиотека, которая фокусируется на создании пользовательских интерфейсов. В отличие от фреймворков, таких как Angular или Vue, React предоставляет только инструменты для работы с UI, оставляя вам больше свободы в выборе дополнительных инструментов для других частей приложения (например, маршрутизация, управление состоянием и т.д.). Поэтому его и называют библиотекой, а не фреймворком. Ещё раз спасибо за внимательность, рад, что вы следите за деталями!
Фреймворк - это более комплексное решение, которое задаёт архитектуру приложения и предоставляет встроенные инструменты для работы. Примеры фреймворков: Angular: Полноценный фреймворк для построения веб-приложений, который включает всё: маршрутизацию, управление состоянием, работу с данными и т.д. Vue.js: Хотя его иногда называют библиотекой, Vue по функционалу ближе к фреймворку, так как предоставляет больше встроенных решений для создания приложений. Django (для Python): Фреймворк для создания серверных приложений с готовой архитектурой и инструментами. Фреймворк определяет общую структуру и правила разработки, в то время как библиотеки (как React) решают более узкие задачи.
@@DevHotSpot-ps9uj Я специализируюсь на разработке web-приложение на фреймворке Astro .... Это самый передовой фреймворк для создания статических сайтов .. Но одновременно сканирую и практикуюсь в использовании фреймворка NextJS !!! React - находится в основе NextJS !!! Так что весь контент посвященный react --- я тож изучаю и анализирую ...
Отлично. Еще будут ролики?!
Конечно, будут! Продолжайте следить за каналом. В плейлисте мы охватим весь React, и после его изучения у вас будет прочная основа, чтобы самостоятельно продолжать развиваться в этом направлении. Спасибо за вашу поддержку!
автор, пили пет-проект с докером и кубернетисом) интересно слушать, но надо ближе к практике
Спасибо за идею, она классная! Мы тоже за практику, так что обязательно учтём и постараемся добавить пет-проект с Docker и Kubernetes в будущем. Рад, что вам интересно, оставайтесь с нами, впереди много всего полезного! 🚀
@@DevHotSpot-ps9uj спасибо за ответ
Спасибо за очередной ролик! А может проще будет инсталить Vite, а не каждый раз пересобирать React-Dom?
@@sergytoff6885 Спасибо вам большое за то, что следите за каналом и оставляете такие позитивные отзывы - это очень мотивирует! Хочу объяснить, почему я уделяю столько внимания установке React и последовательным шагам. На собеседовании вам нужно будет четко понимать, что вы делаете и для чего нужны те или иные файлы, поэтому сейчас мы закрепляем этот материал. В будущем, конечно, мы перестанем каждый раз устанавливать React с нуля и будем использовать специальный шаблон, чтобы не тратить на это время. Но пока что важно разобраться в основах. Еще раз спасибо!
Слишком абстрактно, а конкретней нельзя было бы показать на примере?
@@БийназарКайназаров Снова хочу обратить ваше внимание, что в этом уроке мы изучаем Fetch на чистом JavaScript. Этот материал важен для собеседования - вам нужно знать его основы. Но не беспокойтесь о том, чтобы глубоко погружаться в детали, потому что на практике вы будете использовать Fetch в связке с React, и там это делается гораздо проще и эффективнее. Главное - ознакомиться с концепцией. Если что-то осталось непонятным, пересмотрите видео, а затем двигайтесь дальше, не тратьте на это слишком много времени. P.S. Очень хочу порекомендовать вам уделить внимание развитию soft skills. Поймите меня правильно, это не критика, а дружественный совет. Даже если вы обладаете отличными техническими навыками, работодатели часто предпочитают кандидатов с развитыми soft skills, так как это важно для работы в команде. Посмотрите видео на TH-cam по этой теме - это будет очень полезно для успешного прохождения собеседования и работы в коллективе.
Запутался... Нельзя было бы конкретно показать на создании сайта?
Понимаю, что может быть сложно, и создание сайта на чистом JavaScript кажется хорошей идеей, но на самом деле, для портфолио это не лучший вариант. Гораздо проще и эффективнее сделать это на React, потому что так вы сможете продемонстрировать свои навыки и современные подходы. В этих уроках мы изучаем JavaScript в основном для того, чтобы вы могли успешно пройти собеседование. На интервью вам обязательно зададут вопросы по JavaScript, и нужно быть готовым ответить на них. Но в реальной работе вы, скорее всего, будете использовать один из фреймворков, и в наших видеоуроках мы как раз будем проходить React - самый популярный из них. Так что двигайтесь дальше, и скоро всё станет на свои места!
@@БийназарКайназаров Понимаю, что может быть сложно, и создание сайта на чистом JavaScript кажется хорошей идеей, но на самом деле, для портфолио это не лучший вариант. Гораздо проще и эффективнее сделать это на React, потому что так вы сможете продемонстрировать свои навыки и современные подходы. В этих уроках мы изучаем JavaScript в основном для того, чтобы вы могли успешно пройти собеседование. На интервью вам обязательно зададут вопросы по JavaScript, и нужно быть готовым ответить на них. Но в реальной работе вы, скорее всего, будете использовать один из фреймворков, и в наших видеоуроках мы как раз будем проходить React - самый популярный из них. Так что двигайтесь дальше, и скоро всё станет на свои места!
Запутался!
Не переживайте, это нормально - информации действительно много, и легко запутаться. Попробуйте посмотреть видео еще раз. Если даже после второго просмотра что-то останется непонятным, просто продолжайте дальше. Уроки построены так, чтобы весь материал постепенно усваивался, даже если что-то не уловили сразу. Просто двигайтесь вперед, и все станет на свои места. А когда дойдете до React, там уже будет все намного проще.
Да, соглашусь…. 💯Круизный отдых 🛳️🏝️- это « очень заразительно»😄😄😄👍Стоит для себя его открыть🤗🚢
Я была в круизах на MSC лайнерах. После твоих репортажей, Руслан, хочу теперь на Costa😂👍
Спасибо за урок! А про бэкенд уроки и фреймворки типа NEXT планируете?
Спасибо за интерес к каналу! Да, мы планируем выпустить плейлист по бэкенду на JavaScript. Также в ближайших планах есть видеоуроки по Vue и Angular. А Next.js мы тоже рассматриваем, но, возможно, немного позже. Следите за обновлениями, будет много интересного!
Очень рада за вас,ребята! ❤❤❤
далее логичной фейковый АПи с помощью джисон сервера посмотреть
Спасибо за ваш интерес и внимание к нашему курсу! Сейчас действительно нет необходимости углубляться в изучение fetch, поскольку наша основная цель - освоить React. В рамках изучения React мы также будем рассматривать работу с запросами. В данный момент готовится большое видео урок о том как начинать проект на React, и постепенно перейдем к теме использования fetch уже в контексте React-приложений. Оставайтесь с нами - впереди много интересного!
Все хорошо, но дам совет. Не у всех мониторы 4к, многие любят смотреть видео сбоку. Когда вы пишите код лично для себя, то можно использовать любой шрифт, но для людей лучше его увеличивать. Некоторые так же любят смотреть видео перед сном, у тех, у кого монитор широкоформатный прям перед диваном грубо говоря. Я так же люблю смотреть перед сном. И если можно, то добавьте пожалуйста битрейт в видео вдобавок. ютуб сжимает качество, чтоб добиться более четкого шрифта. Благо это можно поправить, система не сильно нагрузится
Александр, очень рад, что вы следите за моими видео! Ваши советы по улучшению качества видео очень полезны. Я постараюсь сделать шрифт более крупным и поработать над настройками битрейта, чтобы сделать просмотр более комфортным для всех зрителей.
У вас есть TypeScript для начинающих ?
Наталья, спасибо за вопрос! TypeScript - это отличная тема для изучения. Сейчас я сосредоточен на React.js, но после него обязательно сделаю серию по TypeScript и Vue.js. Подпишись на канал, чтобы не пропустить начало и получить уведомления о новых видео!
Спасибо, очень познавательно!
Спасибо, что так доходчиво объяснили, очень понравилось, я так понимаю, что для POST запроса моюно также использовать async/await?
Конечно! Рад, что вам понравилось объяснение. Да, вы абсолютно правы: для POST-запросов также можно использовать async/await. Это делает код более чистым и удобным для чтения. Вот простой пример: async function postData(url = '', data = {}) { const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); return response.json(); // Парсит JSON-ответ из сервера } postData('example.com/endpoint', { answer: 42 }) .then(data => { console.log(data); // JSON-ответ из сервера });
Отличное видео, спасибо за такой материал!!
Отличный материал, спасибо вам!
Отличное видео, спасибо, за такой подробный разбор каждого момента!
Почему пропали видео?
@@thelowfer1016 Привет! Спасибо, что следите за моим каналом! Я только что вернулся из отпуска. Подождите, пожалуйста до завтра - видео уже в процессе монтажа.
@@DevHotSpot-ps9uj Понял, ждем)
Мне понравилось выражение: Здесь везде клевая половина 😅
Приятно слышать, что круизный отдых вам понравился! 🥰
Я так Рада за вас! Хочу на Costa Tockana!
Круто! Мне все нравится! 👍
Я смотрю кухня у вас совсем необычная. В следующий раз поедим на Costa😂
Клаааассно. Хорошего отдыха 🎉
Супер!
Спасибо за Ваши уроки! Да хранит Вас Господь! Я из солнечного и горного Кыргызстана!
добра Вам и здоровья! Кто-то может позавидовать, но я вижу человека, который, в общем-то и должен жить неплохо, учитывая то как Вы держите себя, речь, культуру и общий позитивный настрой.
Всем похуй
а откуда автор родом? еслине секрет?
@@КосАн-и7я Автор из Германии;)