Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
Извините, я погорячился.... Просто после недели попыток сделать нормальную вёрстку селекторами, я бросил на месяц. У меня сдали нервы. А сейчас я наконец таки разобрался. Ещё раз извините, next норм
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
Большое спасибо! Первая часть была очень полезной, и вторая также пригодилась. Хочу сказать, что я уже перешёл на более высокий уровень. Я знаю и использую всю информацию из видео и сейчас активно изучаю материалы с других каналов. Однако мне больше нравится ваш стиль преподавания. Не могли бы вы создать продвинутый курс по React с использованием TypeScript? Все компании, в которых я проходил собеседования, требуют знание TypeScript и Next.js. Спасибо ещё раз!
2:08:36 Попробовал Макс сделать через и contentEditable, как ты и предложил. В итоге, результат такой же, как и в , т.е. тег вставляется как текст, а не применяется как стиль. Ты был прав, у div нет selectionStart и selectionEnd. Шаги как делал: 1. Вешаю на этот див слушатель onMouseUp const handleMouseUp = () => { // получаю выделенный текст const selection = window.getSelection() if (!selection) return // получаю стартовую и конечную поозицию выделенного текста const range = selection.getRangeAt(0) const startPos = range.startOffset const endPos = range.endOffset // сохраняю все в стейт setSelection({ text: selection.toString(), start: startPos, end: endPos, }) } 2. const applyFormat = (style: TStyle) => { if (!textRef.current) return if (!textRef.current.textContent) return if (!selection.text) return // тут как и с textarea const before = text.substring(0, selection.start) const after = text.substring(selection.end) setText(before + applyStyle(style, selection.text) + after) } 3. div вот так выглядит setText(textRef.current?.textContent ?? '')} >{text}
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это. Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое! Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
привет здравомыслящий человек! хорошо что ты делаешь то что ты делаешь, я смотрел твой стрим вчера, и скажу тебе так, если ты бросишь свой график то вскоре ты соскучишься за ним. 100% тебе говорю
Привет, изучаю React уже 2 месяца отлично понимаю что такое props и как их передавать через компоненты плюс разобрался с useState, он делает чтобы страница обновлялялась плюс посмотрел кучу видео про react. Получится ли устроиться на работу с этими знаниями с учётом того, что сейчас я изучаю useEffect? Притом, что props я очень хорошо понял. JavaScript пока не начинал учить, но думаю после трудоустройства начну. И на какую зп сейчас можно мне рассчитывать? Спасибо заранее за ответы.
ты шутишь? react без JS? это как начать учить высшую математику, без знания базовой. никто не возьмет тебя без знаний js, ты провалишься на первом же собеседовании, если тебя вообще туда позовут. у тебя есть какой-то свой проект? ты можешь сам что-то сделать? или ты просто понял пару понятий и решил что уже программист? прогугли базу, открой любую вакансию и почитай что нужно знать
Правильно ли я понимаю что команда 12:09 "rm -rf" относиться к Linux или macOS? Так как у меня была ошибка на Windows: Remove-Item : Не удается найти параметр, соответствующий имени параметра "rf". строка:1 знак:4 + rm -rf email + ~~~ + CategoryInfo : InvalidArgument: (:) [Remove-Item], ParameterBindingException + FullyQualifiedErrorId : NamedParameterNotFound,Microsoft.PowerShell.Commands.RemoveItemCommand. Да и прописывание этой команды было только для примера?
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа) Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь? Заранее спасибо за ответ!
![Самое быстрое прохождение Need For Speed: Most Wanted [Спидран в деталях]](/img/1.gif)
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У меня npm не является встроенной командой
Установите nodejs
Версию 22.0.2 (Current), for Windows и using fnm? Или что using?
Для чего вам некст, если вы задаете такие вопросы?
Извините, я погорячился.... Просто после недели попыток сделать нормальную вёрстку селекторами, я бросил на месяц. У меня сдали нервы. А сейчас я наконец таки разобрался. Ещё раз извините, next норм
Прям то что мне нужно на данном этапе. Нахватался всего, а по полочкам разложить не могу. Спасибо!
Очень быстрый курс, четко и без воды! Ни разу не перемотал вперед, все в быстром темпе!
Давай полный курс по NextJS
+
+
+
Согласен!!!
+
Фишка с теорией очень понравилось, благодаря тому что ты её не любишь ты все доносишь максимально доходчиво и круто
спасибо за видео! ждем курс по tailwind и next!)
Монтаж и подача прям на высшем уровне! Как будто фильм посмотрел) Продолжай пожалуйста в том же духе
Ждем полный курс по Next JS и TWcss
++
+
Снимай по next js, очень ждём!)
Tailwind css тоже нужно освежить, я считаю)
Давай полный курс по TailwindCSS / NextJS! Классный подход к преподнесению материала. Все по делу и понятно. Спасибо
Скоро будет в новом формате
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
Макс, круто! Но хотелось бы "от и до" разбор теории + практика сразу на том каком-то интересном приложении. Ждем Next.js!!!
как раз понадобилось (буквально два часа назад) повторить базу по реакту! и тут видео! спасибо!!!!
Спасибо огромное за качественный, актуальный контент и классную,подачу)
Большое спасибо! Первая часть была очень полезной, и вторая также пригодилась. Хочу сказать, что я уже перешёл на более высокий уровень. Я знаю и использую всю информацию из видео и сейчас активно изучаю материалы с других каналов. Однако мне больше нравится ваш стиль преподавания. Не могли бы вы создать продвинутый курс по React с использованием TypeScript? Все компании, в которых я проходил собеседования, требуют знание TypeScript и Next.js. Спасибо ещё раз!
Брат, пожалуйста, не останавливайся, награда за знания, которые ты передаешь, велика.
Отличное видео, спасибо!!!! как раз учу сейчас, а новых видео по реакт оч мало
Этот курс мне понятнее чем первый по реакту, спасибо!
2:08:36 Попробовал Макс сделать через и contentEditable, как ты и предложил. В итоге, результат такой же, как и в , т.е. тег вставляется как текст, а не применяется как стиль. Ты был прав, у div нет selectionStart и selectionEnd.
Шаги как делал:
1. Вешаю на этот див слушатель onMouseUp
const handleMouseUp = () => {
// получаю выделенный текст
const selection = window.getSelection()
if (!selection) return
// получаю стартовую и конечную поозицию выделенного текста
const range = selection.getRangeAt(0)
const startPos = range.startOffset
const endPos = range.endOffset
// сохраняю все в стейт
setSelection({
text: selection.toString(),
start: startPos,
end: endPos,
})
}
2.
const applyFormat = (style: TStyle) => {
if (!textRef.current) return
if (!textRef.current.textContent) return
if (!selection.text) return
// тут как и с textarea
const before = text.substring(0, selection.start)
const after = text.substring(selection.end)
setText(before + applyStyle(style, selection.text) + after)
}
3. div вот так выглядит
setText(textRef.current?.textContent ?? '')}
>{text}
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это.
Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Топчик ролик. На новой клаве повысилась продуктивность у меня, тоже топ
Класс!
Сделайте, пожалуйста урок по ReactFlow. Очень актуально нынче. По этой библиотеке нет нормальных видосов.
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Прям именно то, что нужно было💯
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Спасибо за урок!
ПОЛНЫЙ КУРС REACT JS для начинающих
Спасибо за такой ролик. Сам изучаю React будет полезно.
Просто супер! Ждал этого 1000 лет!)
По первым двум минутам понимаю, что годнота подъехала🔥
Продолжай в том же духе. выполнена огромная работа. благодарность
Спасибо. Подписывайтесь на наш второй канал RED Group + теперь там все курсы выходят.
Огонь! Спасибо большое, очень полезно!
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Будем стараться делать лучше. ❤️
Про мемоизацию можно и про react fiber поизучать например когда мы можем давать элементам аттрибут key
Класс 👍. Давай курс по tailwind и next .js
Потратил 20 мин на поиск инфы по тому как при вводе «code» в консоли открыть VS Code, а ты через минуту после этого сказал как 🙃 Спасибо за видос !
Сразу видно что человек с огромным
опытом и знаниями, можете дать совет для меня(новичка) про этапы изучения фронтенд и т.д
есть видео на его канале от нуля до миддл все технологии и уровни
Макс, сделай, пожалуйста, полный курс по Next.js🔥
Ты крутой! Спасибо за урок по моему любимому реакту! С удовольствием посмотрел бы урок по таилвинду + реакт
Давай полный курс по tailwind
курс имба по сравнению с прошлым(но и прошлый тоже кайф)✨✨✨✨
Только вчера закончил повтор реакта по тому курсу, а тут новый подъехал😅
Приятного просмотра
Новый уровень видео и уроков. Огонь
сделай Курс по тайлвинд, пожалуйста ;) Очень крутой контент, спасибо!
Tailwind тоже ждем!!! Очень крутой инструмент!
Давай по NEXT JS!!!
Привет, давай курс по Next 14
Го полный курс по NextJS! Удачи!
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
Спасибо за видео, информация очень полезная
Было бы круто верстать какой то проект и по ходу дела узнавать о фишках фреймворка. По типу видео Nuxt Dashboard
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
В конце была практика или это сложно показалось?
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Полный курс по NextJS.
Заранее спасибо!
Хотелось бы видеть курс по React на более продвинутом уровне
Поддержите
А чего не хватило? Как мне кажется дальше уже next js идет
@@REDGroup у тебя в родмапе вроде больше перед некстом
видос пушка хоть я знаю реакт все равно интресно повторить что то узнать новое)
Если что во vue можно использовать подобное
Спасибо за видео! Очень полезно
Топ, Макс, будет ли что-то по бэку? И что посоветуешь выбрать Express или Nest ?
Пока точно нет. Начать с express потом в нест, там же экспресс под капотом
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое!
Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Думаю нет
Спасибо 👍
Курс просто пушка. Спасибо большое.
Досмотрел до практики, определенно лайк!
Только все таймкоды смещены(
Полный курс по next пожалуйста Макс
Ждем так же next 💥
Хорошо обьсняешь даже теория не скучна красава
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Будем еще улучшать сценарную часть, да и звук мне не до конца нравится. Я перфекционист в плане контента и важны вылизать до идеала
привет здравомыслящий человек! хорошо что ты делаешь то что ты делаешь, я смотрел твой стрим вчера, и скажу тебе так, если ты бросишь свой график то вскоре ты соскучишься за ним. 100% тебе говорю
Давай полный курс по NextJS Уже 2000 лайков эсть
Мы планируем новый формат курса, поэтому задержка
Больше 3тысяч лайков ) ждем next)
Уже давно вышел
Про стэйт менеджер можно снять про Effector
Супер! Спасибо👍
Хорошая новость, будем смотреть
Макс, даешь react hook form!!!
комментарий в поддержку канала) 🎉🎉
Привет, изучаю React уже 2 месяца отлично понимаю что такое props и как их передавать через компоненты плюс разобрался с useState, он делает чтобы страница обновлялялась плюс посмотрел кучу видео про react. Получится ли устроиться на работу с этими знаниями с учётом того, что сейчас я изучаю useEffect? Притом, что props я очень хорошо понял. JavaScript пока не начинал учить, но думаю после трудоустройства начну. И на какую зп сейчас можно мне рассчитывать? Спасибо заранее за ответы.
ты шутишь? react без JS? это как начать учить высшую математику, без знания базовой. никто не возьмет тебя без знаний js, ты провалишься на первом же собеседовании, если тебя вообще туда позовут. у тебя есть какой-то свой проект? ты можешь сам что-то сделать? или ты просто понял пару понятий и решил что уже программист? прогугли базу, открой любую вакансию и почитай что нужно знать
Ждем обновление по nextjs и tailwind :)
Ждём курса по Next
Блин, а вот его не могу смотреть в ускоренном режиме)
Редко такое встречается.
Правильно ли я понимаю что команда 12:09 "rm -rf" относиться к Linux или macOS? Так как у меня была ошибка на Windows: Remove-Item : Не удается найти параметр, соответствующий имени параметра "rf".
строка:1 знак:4
+ rm -rf email
+ ~~~
+ CategoryInfo : InvalidArgument: (:) [Remove-Item], ParameterBindingException
+ FullyQualifiedErrorId : NamedParameterNotFound,Microsoft.PowerShell.Commands.RemoveItemCommand. Да и прописывание этой команды было только для примера?
Да, для виндовс есть аналоги. Это команда для удаления папки
Давай полный курс по Redux
Пожалуйста
сами разработчики говорят, что б сразу redux toolkit изучали
redux забыть хотят
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Спасибо тебе за видео )
Давай курс по NEXT и Tailwind!
Как всегда топ!!
@REDGroup Что за приложение на маке по раздвоению экранов?
Amethyst
Спасибо очень нравиться!!!!!!! Вот только говорите помедленнее новичку сложно за вашей скоростью )))))))))))))
Я думаю, нужно добавить к Next.js работу с React Query + SSR
сейчас реакт 19 выходит
опять снова пилить курс :)
Там ничего нового, можете тайм код глянуть
Видео о красоте кода
Четко , спасибо
Вау, как ты умеешь заряжать❤
Жду польный курс по Tailwind 2024❤❤
Уже есть на втором канале red group +
@@REDGroup wooow😍😍🔥🔥🔥🔥
Когда ты работаешь в Next.js, нет ошибок, всё нормально работает, а потом, когда обновляешь страницу, у тебя выходит ошибка. Почему?
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа)
Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь?
Заранее спасибо за ответ!
Спасибо за теплые слова. Пока в планах нет
А может можете порекомендовать какие нибудь курсы которые знаете сами?
@@REDGroup
@books414 Уже давно не видел продвинутых курсов в нашей сфере. Рекомендовать нечего
Хорошо, понял, спасибо@@REDGroup
следущий ролик, "встаю в 3 часа, чтобы все успеть"))
Спасибо 😇
Видео огонь🔥
Next.js Compiler интересует, а именно, как настроить styledComponents
Давай курс по tailwind
Привет из 2026, пишу на Red JS, удобнее чем Реакт, рекомендую!)
А ты что-то знаешь)
@@REDGroup 🤫 больше никому не скажу, так уж и быть, сохраню в секрете 😂
Красава , лучший ....спс