Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
Извините, я погорячился.... Просто после недели попыток сделать нормальную вёрстку селекторами, я бросил на месяц. У меня сдали нервы. А сейчас я наконец таки разобрался. Ещё раз извините, next норм
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}
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
Большое спасибо! Первая часть была очень полезной, и вторая также пригодилась. Хочу сказать, что я уже перешёл на более высокий уровень. Я знаю и использую всю информацию из видео и сейчас активно изучаю материалы с других каналов. Однако мне больше нравится ваш стиль преподавания. Не могли бы вы создать продвинутый курс по React с использованием TypeScript? Все компании, в которых я проходил собеседования, требуют знание TypeScript и Next.js. Спасибо ещё раз!
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это. Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Ну если писать свои мнение, ты очень все быстро делаешь, и быстро пишешь код, и между окон тоже очень быстро переключаешься, а так ты проста бомба рассказываешь
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое! Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа) Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь? Заранее спасибо за ответ!
привет здравомыслящий человек! хорошо что ты делаешь то что ты делаешь, я смотрел твой стрим вчера, и скажу тебе так, если ты бросишь свой график то вскоре ты соскучишься за ним. 100% тебе говорю
Привет, изучаю React уже 2 месяца отлично понимаю что такое props и как их передавать через компоненты плюс разобрался с useState, он делает чтобы страница обновлялялась плюс посмотрел кучу видео про react. Получится ли устроиться на работу с этими знаниями с учётом того, что сейчас я изучаю useEffect? Притом, что props я очень хорошо понял. JavaScript пока не начинал учить, но думаю после трудоустройства начну. И на какую зп сейчас можно мне рассчитывать? Спасибо заранее за ответы.
ты шутишь? react без JS? это как начать учить высшую математику, без знания базовой. никто не возьмет тебя без знаний js, ты провалишься на первом же собеседовании, если тебя вообще туда позовут. у тебя есть какой-то свой проект? ты можешь сам что-то сделать? или ты просто понял пару понятий и решил что уже программист? прогугли базу, открой любую вакансию и почитай что нужно знать
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У меня npm не является встроенной командой
Установите nodejs
Версию 22.0.2 (Current), for Windows и using fnm? Или что using?
Для чего вам некст, если вы задаете такие вопросы?
Извините, я погорячился.... Просто после недели попыток сделать нормальную вёрстку селекторами, я бросил на месяц. У меня сдали нервы. А сейчас я наконец таки разобрался. Ещё раз извините, next норм
Давай полный курс по NextJS
+
+
+
Согласен!!!
+
Прям то что мне нужно на данном этапе. Нахватался всего, а по полочкам разложить не могу. Спасибо!
Очень быстрый курс, четко и без воды! Ни разу не перемотал вперед, все в быстром темпе!
Фишка с теорией очень понравилось, благодаря тому что ты её не любишь ты все доносишь максимально доходчиво и круто
Ждем полный курс по Next JS и TWcss
++
+
спасибо за видео! ждем курс по tailwind и next!)
Монтаж и подача прям на высшем уровне! Как будто фильм посмотрел) Продолжай пожалуйста в том же духе
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}
Макс ты молодец. Так быстро проговорить лекции причем все по делу и без воды. 2 с половиной часа!!! Материал очень был полезен. Отдельное спасибо за тайм коды. Но ты терминатор :) как так можно выдержать. Удачи тебе и здоровья.
Снимай по next js, очень ждём!)
Tailwind css тоже нужно освежить, я считаю)
как раз понадобилось (буквально два часа назад) повторить базу по реакту! и тут видео! спасибо!!!!
Брат, пожалуйста, не останавливайся, награда за знания, которые ты передаешь, велика.
Спасибо огромное за качественный, актуальный контент и классную,подачу)
Прям именно то, что нужно было💯
Давай полный курс по TailwindCSS / NextJS! Классный подход к преподнесению материала. Все по делу и понятно. Спасибо
Скоро будет в новом формате
Этот курс мне понятнее чем первый по реакту, спасибо!
Большое спасибо! Первая часть была очень полезной, и вторая также пригодилась. Хочу сказать, что я уже перешёл на более высокий уровень. Я знаю и использую всю информацию из видео и сейчас активно изучаю материалы с других каналов. Однако мне больше нравится ваш стиль преподавания. Не могли бы вы создать продвинутый курс по React с использованием TypeScript? Все компании, в которых я проходил собеседования, требуют знание TypeScript и Next.js. Спасибо ещё раз!
Макс, круто! Но хотелось бы "от и до" разбор теории + практика сразу на том каком-то интересном приложении. Ждем Next.js!!!
Огонь! Спасибо большое, очень полезно!
Отличное видео, спасибо!!!! как раз учу сейчас, а новых видео по реакт оч мало
Да, tailwind курс нужно обновить, next было бы ниплохо. И может короткое видео сделать про обновлённый react-query (разбора 5 версии на канале вроде как не было)
Просто супер! Ждал этого 1000 лет!)
Спасибо за урок!
ПОЛНЫЙ КУРС REACT JS для начинающих
Моргни в следующем видео, если тебя держат в заложниках. Ты выкладываешь видео как терминатор 😂 Пока единственный канал, который успевает выкладывать туториалы быстрее чем выходят фреймворки на JS
Макс, спасибо тебе большое. Долго ждал, никак не мог найти у других блогеров такой хорошо структурированный курс, тем более в бесплатном доступе. Спасибо!
Топчик ролик. На новой клаве повысилась продуктивность у меня, тоже топ
Новый уровень видео и уроков. Огонь
По первым двум минутам понимаю, что годнота подъехала🔥
Спасибо за такой ролик. Сам изучаю React будет полезно.
Макс, супер конечно, что делаешь актуальный образовательный контент, да еще и бесплатный. Респект за это.
Но над качеством подачи материала еще работать и работать. Хотя бы какой-то, примерный код, надо заранее накидывать..
Потратил 20 мин на поиск инфы по тому как при вводе «code» в консоли открыть VS Code, а ты через минуту после этого сказал как 🙃 Спасибо за видос !
Давай по NEXT JS!!!
Только вчера закончил повтор реакта по тому курсу, а тут новый подъехал😅
Приятного просмотра
Продолжай в том же духе. выполнена огромная работа. благодарность
Спасибо. Подписывайтесь на наш второй канал RED Group + теперь там все курсы выходят.
Спасибо за видео! Очень полезно
Давай полный курс по tailwind
Макс, даешь react hook form!!!
Макс, сделай, пожалуйста, полный курс по Next.js🔥
курс имба по сравнению с прошлым(но и прошлый тоже кайф)✨✨✨✨
Если что во vue можно использовать подобное
Привет, давай курс по Next 14
Спасибо за видео, информация очень полезная
Супер! Спасибо👍
Ты крутой! Спасибо за урок по моему любимому реакту! С удовольствием посмотрел бы урок по таилвинду + реакт
Класс!
Сделайте, пожалуйста урок по ReactFlow. Очень актуально нынче. По этой библиотеке нет нормальных видосов.
Ждем так же next 💥
Спасибо огромное за урок, очень информативно и лаконично! Единственное, имела сложность на практической части. Если следовать чисто по уроку, приходится один и тот же код переделывать несколько раз. Возможно, я ошиблась и стоило просмотреть всю практику, а уже потом приступать к работе; но, как по мне, было бы гораздо удобнее иметь более последовательный пример, чтоб, смотря видео, писать код одновременно с вами. Еще раз спасибо за ваш труд.
Будем стараться делать лучше. ❤️
Сразу видно что человек с огромным
опытом и знаниями, можете дать совет для меня(новичка) про этапы изучения фронтенд и т.д
есть видео на его канале от нуля до миддл все технологии и уровни
Класс 👍. Давай курс по tailwind и next .js
Хотелось бы видеть курс по React на более продвинутом уровне
Поддержите
А чего не хватило? Как мне кажется дальше уже next js идет
@@REDGroup у тебя в родмапе вроде больше перед некстом
Про мемоизацию можно и про react fiber поизучать например когда мы можем давать элементам аттрибут key
Курс просто пушка. Спасибо большое.
Используется ли в этом видео state manager? И будут ли новые видео с использованием Redux? Так как он все еще актуален в вакансиях. Будет ли правильно после этого курса посмотреть "Полный курс Redux Toolkit + RTK Query для начинающих"?
видос пушка хоть я знаю реакт все равно интресно повторить что то узнать новое)
спасибо)
Как всегда топ!!
Спасибо тебе за видео )
Спасибо 😇
Четко , спасибо
Tailwind тоже ждем!!! Очень крутой инструмент!
Tailwind - полезный инструмент, замечаю что опытные разработчики часто его используют, в обучение уж точно или чтобы быстро наброски проекта накидать, было бы здорово иметь полный справочник по свойствам. Спасибо за курс, с минимальным количеством теории всё-таки материал лучше усваивается чем без неё, как мне кажется.
Будем еще улучшать сценарную часть, да и звук мне не до конца нравится. Я перфекционист в плане контента и важны вылизать до идеала
Ну если писать свои мнение, ты очень все быстро делаешь, и быстро пишешь код, и между окон тоже очень быстро переключаешься, а так ты проста бомба рассказываешь
Хорошо обьсняешь даже теория не скучна красава
Полный курс по NextJS.
Заранее спасибо!
Досмотрел до практики, определенно лайк!
Только все таймкоды смещены(
сделай Курс по тайлвинд, пожалуйста ;) Очень крутой контент, спасибо!
комментарий в поддержку канала) 🎉🎉
Топ, Макс, будет ли что-то по бэку? И что посоветуешь выбрать Express или Nest ?
Пока точно нет. Начать с express потом в нест, там же экспресс под капотом
Го полный курс по NextJS! Удачи!
Видео огонь🔥
Хорошая новость, будем смотреть
Видео о красоте кода
Было бы круто верстать какой то проект и по ходу дела узнавать о фишках фреймворка. По типу видео Nuxt Dashboard
В качестве пожелания! может вы снимите курс реакта на маленьких приложениях для начинающих где будут использоваться и рассмотрены случаи применения того или иного хука или функционала. Т.е каждый тайм код тема. Может на маленьком приложении будет рассмотрена или несколько тем.
В конце была практика или это сложно показалось?
@@REDGroup Я не поняла видимо что в конце ещё что то есть. Но все в одном месте и не понимаю когда и что лучше применить. А на отдельных приложениях было бы понятнее (по мне).
Блин, а вот его не могу смотреть в ускоренном режиме)
Редко такое встречается.
Больше 3тысяч лайков ) ждем next)
Уже давно вышел
Красава , лучший ....спс
Огонь как раз нужен был такой курс, тока начинаю изучать реакт🔥 спасибо большое!
Вот тока один вопрос, стоит ли просмотреть предыдущий ваш курс по реакту перед этим?
Думаю нет
Спасибо 👍
Ждём курса по Next
Вау, как ты умеешь заряжать❤
Полный курс по next пожалуйста Макс
Давай полный курс по NextJS Уже 2000 лайков эсть
Мы планируем новый формат курса, поэтому задержка
Ждем обновление по nextjs и tailwind :)
go next js!!!
Спасибо больше ❤❤
👍🏿 красава
Здравствуйте, Макс! Надеюсь вы увидите мой комментарий и он не останется без ответа)
Во первых хочу чертовски сильно вас поблагодарить за ваш труд. Весь этот обучающий контент это просто кладись информации. Благодаря вам (и еще парочки блогеров) я смог с 0 трудоустроиться и перехать со своего города. На данный момент фронтендер... Однако благодаря вашим роликам смог изучить бекенд разработку (на nest), я уже довольно уверенно себя чувствую в беке, однако хочется расти дальше. Изучить например редис, когда его нужно применять, rabbit и многое многое из продвинутого. Хотел у вас спросить, есть ли у вас такие курсы, может планируете их снять? Может вы можете порекомедовать какие нибудь?
Заранее спасибо за ответ!
Спасибо за теплые слова. Пока в планах нет
А может можете порекомендовать какие нибудь курсы которые знаете сами?
@@REDGroup
@books414 Уже давно не видел продвинутых курсов в нашей сфере. Рекомендовать нечего
Хорошо, понял, спасибо@@REDGroup
привет здравомыслящий человек! хорошо что ты делаешь то что ты делаешь, я смотрел твой стрим вчера, и скажу тебе так, если ты бросишь свой график то вскоре ты соскучишься за ним. 100% тебе говорю
Давай полный курс по Redux
Пожалуйста
сами разработчики говорят, что б сразу redux toolkit изучали
redux забыть хотят
Я думаю, нужно добавить к Next.js работу с React Query + SSR
Привет, изучаю React уже 2 месяца отлично понимаю что такое props и как их передавать через компоненты плюс разобрался с useState, он делает чтобы страница обновлялялась плюс посмотрел кучу видео про react. Получится ли устроиться на работу с этими знаниями с учётом того, что сейчас я изучаю useEffect? Притом, что props я очень хорошо понял. JavaScript пока не начинал учить, но думаю после трудоустройства начну. И на какую зп сейчас можно мне рассчитывать? Спасибо заранее за ответы.
ты шутишь? react без JS? это как начать учить высшую математику, без знания базовой. никто не возьмет тебя без знаний js, ты провалишься на первом же собеседовании, если тебя вообще туда позовут. у тебя есть какой-то свой проект? ты можешь сам что-то сделать? или ты просто понял пару понятий и решил что уже программист? прогугли базу, открой любую вакансию и почитай что нужно знать
Давай курс по NEXT и Tailwind!
Красава !!!!!!
Здрасте Макс, если будешь делать по нексту, сдлеай пожалуйста показательный пример реализации themeBackground darkMode с ипользованием localStorage нативно, без всяких tailwind и прочишь готовых пакетов, будет здоровно, ибо на серверсайд нельзя использовать локальстор, а на клиенте всплывает перерендер баг, кнопки или темы. Возможно я уже подтяну знания и решу эту фичу, как выйдет ролик, но все же. Будет здоровно. За ранее спасибо и спасибо за это
Про стэйт менеджер можно снять про Effector
сейчас реакт 19 выходит
опять снова пилить курс :)
Там ничего нового, можете тайм код глянуть
Начало 10:51
1:21:51 react router dom
следущий ролик, "встаю в 3 часа, чтобы все успеть"))
@REDGroup Что за приложение на маке по раздвоению экранов?
Amethyst