Вот за что я обожаю IT - столько людей желают поделиться лучшими выжимками своих знаний, только и остаётся всех благодарить и познавать) Спасибо, Алекс!)
(24:30) Чтобы проще переключать язык, лучше использовать win+space вместо shift+alt. Так не будет слетать фокус на поле ввода. Так как alt во многих программах бывает зарезервирован под горячие клавиши
Маленькое замечание, может кому пригодится - в стрелочной функции нет this. Ссылка будет на контекст, что очень удобно. Спасибо! Как всегда кратко о главном!
(27:54) именно return и сработал, поэтому и возврат - undefined, потому что console.log ничего не возвращает, что и подтверждает (28:18) , т.е. что с фигурными скобками, что без фигурных скобок в стрелочной функции всегда возвращается результат одного единственного оператора в функции
Когда хочу исправить свое испорченное учебой Реакта и Ко настроение, то возвращаюсь сюда на канал к Александру, чтобы он своей прекрасной удобоперевариваемой подачей материала вернул мне Мотивацию :)
Для повторения - самое то. Бесят люди которые говорят мол выучи js за недели две и го в реакт. Это вообще бред. Реакт легко зайдет если знания по скрипту достаточны. Но на реакте все далеко не заканчивается, далее идет экосистема, модули для разных нужд, вебпак и т д. За видео лайк тк оно познавательное и приносит пользу людям
Спасибо за видео, помогли разобраться с импортами и деструктуризацией. Правда, rest остался за кадром, но теперь хотя бы понятно с какой стороны к нему подступиться.
Спасибо! Как начал разбирать React с базовым знанием JS столкнулся с деструктуризацией и спросил себя "ШТА это такое?!". Благодаря вам, многое стало понятнее!!
Бро, то есть ты не зная JS, начал учить React??? Дело в том, что я сейчас прозреваю с джава скриптом, вот не понимаю я его, хоть ты тресни((( Я не раз слышал, "начни изучать реакт, джс тебе будет проще понять" Можешь дать совет, реакт можно изучить без джс?
@@edit_maxim мой бэкгрпунд - С и С++. Поэтому что такое программирование я знаю. Вот и не особо тратил время на джс. Всё что нужно знать из ванильного джса - зачем он нужен (история создания и что может) и синтаксис его. По сути самые основы джса изучить, а дальше реакт пошел изучать.
Спасибо за видео! Изучаю React, хорошо знаю вёрстку, нет проблем с дизайном, есть понимание того, как должны работать приложения или в целом проекты с их бизнес процессами, но как начал изучать React и React Native понял, что большой пробел в знаниях именно в JS, именно это видео мне вполне помогло! Еще раз спасибо!
То есть, вы начали изучать реакт без джс? Я сейчас тоже про это думаю,подскажите насколько сложно работать на реакт без знания джс? Как думаете для того чтобы работать на реакт достаточно знать основы джс?
(11:55) Перезагрузил сервер и все еще висит ошибка. Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.
многие, кто делает подобные ролики, забывают про такие очевидные вещи, но те кто только разбирается в технологии - для них это всё может оказаться стеной.
@@itgid на самом деле я рад что такой канал существует, мне как бывшему (очень давно) жителю украины приятно послушать и акцент, да и взглянуть под углом другого языка на любимое дело
Классическая ситуация, есть HTML+CSS сайт, как лучше поступить? Хочется внедрить компонентный подход и маркдаун для контента. React или Gatsby подходящее решение, но как быть с самой версткой? Грубо говоря есть ли возможность создать шаблон для Reacta из имеющейся верстки не переписывая все с нуля?
по поводу переключения языков, особенно если вы ещё в Украине, то три языка удобно переключать, alt+shift+1,2,3 . Настраиваешь, привыкаешь, и всегда переключаешься на нужный язык. Сейчас еще на английском тоже в слепую печатаю, вообще кайф ))
Про import/export можно было подробнее рассказать, так как есть нюансы о которые можно ногу сломать. Первый их которых - импортируя из одного и того же файла тот же модуль код модуля запустится единожды (не зная этого можно на придумать себе в голове что при импорте всегда запускается код модуля - что не верно)
Я бы ещё посоветовал повторить fetch(axios), т.к. после понимания созданий компонентов пойдёт сильный упор на взаимодействие с БД, и у многих с этим проблемы
Можно вопрос? Таймкод:12:59. Всё сделал как у Вас. HTML: script.js: import otmazka1 from './otmazka1.js'; import otmazka from './otmazka1.js'; console.log(otmazka1('уборка')); otmazka1.js: const otmazka1 = text => `Та не пацаны, тут ${text} не сделано`; export default otmazka1; Сообщение: Та не пацары, тут уборка не сделано - выводит, но сразу за ней ошибка: Error handling response: Error: Failed to construct 'WebSocket': The URL 'ws/ws' is invalid. at init (chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:22:18) at chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:65:13 Пытался разные варианты. Но ошибки выходят разные. Что я не так делаю?
Переменные как и константы надо воспринимать как некую выделенную память в ПК. И так как константа не дает менять свои данные а то есть не позволяет менять адрес своих данных, то примитивные данные вы никогда не измените, но когда дело касается сложных данных (и если вам знакома адресация в языке C) то вы понимаете что сложные данные считываются с конкретного адреса. И когда вы меняете данные массива или свойства в объекте (при этом эти данные являются константой) то данные внутри сложных объектов поменяются (но адрес с которого начинается чтение данных будет всегда старым), потому что мы меняем не сложный объект а его структуру. --- var... ну нельзя сказать что можно забить (для себя можете его использовать), в командном использовании это будет считаться диким и странным потому что let и const задают новый стандарт определения переменных тем самым уменьшая количество багов и ошибок. Кстати говоря во многих плагинах var используется, но чтобы сейчас его применять нужно тонко чувствовать разницу между var и let...но это уже совсем другая история
@@Maxim9575 А чё С не assembly, не 01001010, а так просто, память в ПК, - может оперативная, может cache, может "проца"?.. P. S. может мы про JS (Ecma)?..
@@fishnetweaver7747 по хорошему надо знать computer science (конечно). Иначе как придет понимание того как работают языки? А "C" потому что там хорошо выражена адресация и выделение памяти. P.S И не надо тут "предъявлять" мне за объяснение, вы спросили - я решил ответить, но впредь не буду, не заслуживаете (такие кадры как вы редко попадаются, но попадаются).
@@fishnetweaver7747 ваш сарказм не воспринят, так как всю дурость вашего комментария знает автор этой дурости. Если вы так реагируете на ответы которые вопрошаете, то вам прямая дорога на каменоломню и только.
Ничего не нужно знать. Не нужно знать верстку js, базы данных и т.д., т.е. знать вообще ничего не надо. Node.js нужно просто поставить. Поставить composer и научиться устанавливать Laravel. Как правильно сказал Алекс нода потом залетает со свистом.
Вот за что я обожаю IT - столько людей желают поделиться лучшими выжимками своих знаний, только и остаётся всех благодарить и познавать) Спасибо, Алекс!)
(24:30) Чтобы проще переключать язык, лучше использовать win+space вместо shift+alt. Так не будет слетать фокус на поле ввода.
Так как alt во многих программах бывает зарезервирован под горячие клавиши
по сути всю жизнь сижу за компом, и всегда бесила эта фигня, где ты был раньше)) спасибо тебе
На capslock переключаю
Спасибо за совет
Ctrl + shift самое лучше сочетание
В macOS command + пробел то же оч удобное сочетание смены языка
Дякую, гарний розбір, всі пояснення легкі та доступні!
Маленькое замечание, может кому пригодится - в стрелочной функции нет this. Ссылка будет на контекст, что очень удобно. Спасибо! Как всегда кратко о главном!
также нельзя использовать в качестве конструктора и конечно же у стрелочных функций нет arguments, плюс нет своего super
Это все на лерн js написано
@@avel8965 это все в интернете было написано
@@Jetixxxxxxxxxx да, брат, с лерна взяли
А как же Class???
(27:54) именно return и сработал, поэтому и возврат - undefined, потому что console.log ничего не возвращает, что и подтверждает (28:18) , т.е. что с фигурными скобками, что без фигурных скобок в стрелочной функции всегда возвращается результат одного единственного оператора в функции
лучший канал про front-end
Когда хочу исправить свое испорченное учебой Реакта и Ко настроение, то возвращаюсь сюда на канал к Александру, чтобы он своей прекрасной удобоперевариваемой подачей материала вернул мне Мотивацию :)
Спасибо, лучшее объяснение!) если вас мучает раскладка -> use Punto Switcher. Я уже забыл, когда последний раз сам переключал её 😉👌
Большой молодец!
Спасибо тебе за видео-уроки
Для повторения - самое то. Бесят люди которые говорят мол выучи js за недели две и го в реакт. Это вообще бред. Реакт легко зайдет если знания по скрипту достаточны. Но на реакте все далеко не заканчивается, далее идет экосистема, модули для разных нужд, вебпак и т д. За видео лайк тк оно познавательное и приносит пользу людям
Ну за 2 недели выучить можно, если кто-то с многолетним опытом в программировании решит сменить язык на JS 😂
Спасибо, отличный Урок 👍.
Век живи, век учись...
блин, сколько я искал подобное объяснение! Аминь!
Годный контент подъехал)
спасибо вам.
крутое видео,большое спасибо ,спасибо Алекса!!!
Спасибо за видео, помогли разобраться с импортами и деструктуризацией. Правда, rest остался за кадром, но теперь хотя бы понятно с какой стороны к нему подступиться.
Спасибо!
Как начал разбирать React с базовым знанием JS столкнулся с деструктуризацией и спросил себя "ШТА это такое?!".
Благодаря вам, многое стало понятнее!!
Александр , спасибо!
лайк и подписка, есть ролики почти на все темы
Супер видео!
Спасибо огромное!
Начал изучать веб программирование и сразу с реакта начал. Это видео очень помогло понять многие фишки js-a
Починати вчити фронт з Реакта це все одно, що почати дивитись Гру Престолів з 5 сезону...
Бро, то есть ты не зная JS, начал учить React???
Дело в том, что я сейчас прозреваю с джава скриптом, вот не понимаю я его, хоть ты тресни(((
Я не раз слышал, "начни изучать реакт, джс тебе будет проще понять"
Можешь дать совет, реакт можно изучить без джс?
@@edit_maxim мой бэкгрпунд - С и С++. Поэтому что такое программирование я знаю. Вот и не особо тратил время на джс. Всё что нужно знать из ванильного джса - зачем он нужен (история создания и что может) и синтаксис его. По сути самые основы джса изучить, а дальше реакт пошел изучать.
Спасибо за видео! Изучаю React, хорошо знаю вёрстку, нет проблем с дизайном, есть понимание того, как должны работать приложения или в целом проекты с их бизнес процессами, но как начал изучать React и React Native понял, что большой пробел в знаниях именно в JS, именно это видео мне вполне помогло! Еще раз спасибо!
Нужно было начать с чистого js
То есть, вы начали изучать реакт без джс?
Я сейчас тоже про это думаю,подскажите насколько сложно работать на реакт без знания джс?
Как думаете для того чтобы работать на реакт достаточно знать основы джс?
@@АлексКостелло-о9х думаю без js будет сложно... К сожалению
@@AntonPavlovPnz у Богдана Стащука хороший курс по js
@@АлексКостелло-о9х react просто библиотека js.Именно с js стоит начать обучение
(11:55) Перезагрузил сервер и все еще висит ошибка.
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.
Очень ёмко, просто и доступно! Автор, спасибо! Реально, круто!
Крутая подача материала. Я как сишник очень оценил! ускорено без воды
многие, кто делает подобные ролики, забывают про такие очевидные вещи, но те кто только разбирается в технологии - для них это всё может оказаться стеной.
Огромное спасибо за ваш труд, это было очень полезно для меня , желаю вам удачи и жду новые уроки от вас
просто лучший
очень крутой канал, объяснение на высоте
Спасибо огромное за видеоурок, действительно очень необходимые вещи в реакте!
Очень полезная информация. Спасибо!
Александр огромное спасибо Вам за ваши труды!
Настолько просто и весело, пожалуй, никто не преподаёт JS )
Как же я люблю реакт.)
понимаю...
Огонь. Полезное видео!
спасибо, жду продолжения
Всем привет!
Подскажите, как включить этот переход между файлами с помощью ctrl + click, как это показано на 12:22.
У меня не работает эта фитча…
Спасибо, вдохновляюще:) Может и вправду надо взяться уже за реакт:)
Я вот только нашел канал Александра, и то чувство, когда крылья за спиной и хочется скорее плюхнутся в это море и ПОЗНАВАТЬ! )))
Вау, а я сверху еще и условия, циклы, массивы и немного работу с объектами, setTimeout и setInterval знаю. Думаю пора попробовать реакт.
вауу, вот это крутто было, как раз начал изучать реакт)
Очень познавательно и прикольно изложенно! Поможет в работе с Реактом!
Пы. Сы. Плакаль от МакДука, вёка, блоххера...
ну самоирония позволяет держаться в рамках. Языком ворочать, не мешки таскать.
@@itgid на самом деле я рад что такой канал существует, мне как бывшему (очень давно) жителю украины приятно послушать и акцент, да и взглянуть под углом другого языка на любимое дело
философия очень нужна для жизни!!!
Ждём новые видео. Очень интересно
очень прикольная подача, спасибо большое!)
Спасибо ты Супер в своем деле!
Спасибо, много интересного почерпнул!
интересное видео
приятно смотреть
смотрю на 1.25х
супер
спасибо за видео!
любимый блогер 😄😍
Хорошее видео, всё понятно.
Подача шикарная, с вебпака выпал)
Очень грамотный преподователь !
Спасибо 🙂
преподАватель, грамотей еб....ый!
Очень полезный видоурок, лайк, подписка, колокольчик) Получил отличных знаний 👍😊😚
До Реакта мне ещё далеко, но видос с удовольствием посмотрел и однозначно Лайк)
Здравствуйте! А когда VUE 3 запустите?
Классическая ситуация, есть HTML+CSS сайт, как лучше поступить? Хочется внедрить компонентный подход и маркдаун для контента. React или Gatsby подходящее решение, но как быть с самой версткой? Грубо говоря есть ли возможность создать шаблон для Reacta из имеющейся верстки не переписывая все с нуля?
Спасибо, как всегда классный урок!👍
по поводу переключения языков, особенно если вы ещё в Украине, то три языка удобно переключать, alt+shift+1,2,3 . Настраиваешь, привыкаешь, и всегда переключаешься на нужный язык.
Сейчас еще на английском тоже в слепую печатаю, вообще кайф ))
У меня настроено аналогично, но короче, ctrl+1,2,3
спасибо, очень полезный контент))
Хоть и изучаю VueJS, но было полезно вспомнить информацию по спрету, ресту и деструкторизации. Спасибо.
ООП знать не обязательно , чтобы начать изучать Vue,react?
Для повторения самое то!)
лайк за юмор! ж)
отличная тема
Зачет =)
Доброго! Если двигаться к Реакту, то с чего начинать новичку? HTML - CSS - JS - React? Опыта в ЯП нет. Спасибо.
Да, именно в таком порядке
Про import/export можно было подробнее рассказать, так как есть нюансы о которые можно ногу сломать.
Первый их которых - импортируя из одного и того же файла тот же модуль код модуля запустится единожды (не зная этого можно на придумать себе в голове что при импорте всегда запускается код модуля - что не верно)
Кажется, я нашел своего контентмейкера по фронту, с макдука посмеявся, спасибо за урок дядь 🙂
Спасибо!
Здравствуйте,Алекс дайте совет. Сначала javascript после реакт, вью или паралельно или сразу?
можно вопрос? Я хотел протестировать приложение на телефоне через экспо, однако там выдает ошибку, хотя на компе ошибки нету. Был бы очень благодарен
Александр что насчёт Next.js ?
не понял обект это ссылочной тип и даже если его присвоить const то его всеравно можно менять внутри
Спасибо
Спасибо отмазался
бог пояснений
можно чувствительность микрофона убавить, чтобы клавиши по ушам не били?
Я бы ещё посоветовал повторить fetch(axios), т.к. после понимания созданий компонентов пойдёт сильный упор на взаимодействие с БД, и у многих с этим проблемы
зачем точку с запятой ставить в конце почти каждой строки?
Дякую
Огонь
Можно вопрос? Таймкод:12:59. Всё сделал как у Вас.
HTML:
script.js:
import otmazka1 from './otmazka1.js';
import otmazka from './otmazka1.js';
console.log(otmazka1('уборка'));
otmazka1.js:
const otmazka1 = text => `Та не пацаны, тут ${text} не сделано`;
export default otmazka1;
Сообщение: Та не пацары, тут уборка не сделано - выводит, но сразу за ней ошибка:
Error handling response: Error: Failed to construct 'WebSocket': The URL 'ws/ws' is invalid.
at init (chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:22:18)
at chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:65:13
Пытался разные варианты. Но ошибки выходят разные. Что я не так делаю?
Что за сайт? что за статья на которую наткнулся? ссылку плз
простите, эти ребята мне за рекламу не платят.
Как думаете для того чтобы работать на реакт достаточно знать основы джс?
основы реакт
и что я уже могу учить react? после етого видеo?
Александр, спасибо за видео. Было очень интересно.
А зачем реакт нужен? Что он может? Расскажите для совсем одаренных))))
На нем быстрее код пишется
И есть можели
Компонентный подход, реактивность и вообще главная фишка spa. Честно, сложно в пару слов описать, легче на примере понять
Чтоб все еще запутанее было
А классы нужно учить? Прототипы? Каррирование?
нашел ответ на этот вопрос? Мне тоже интересно.
@@Principal19911 Каррирование нет. Классы и прототипы обязательно
@@dmitriykononov1097 спасибо
С каждым днём изучая реакт, убеждаюсь что эта библиотека создана чтобы только усложнять работу
Хм, а как же вы синхронизируете стейт и вью? А как рендер происходит?
А насколько оптимизирован рендер?
👍🏻
Жду видео про RESTfull api)
studio.th-cam.com/users/videoYGTw6Xrau54/edit
th-cam.com/video/1WkcX_CNkqU/w-d-xo.html
@@itgid Да, смотрел эти видео, я про RESTfull api
Читал документацию по spread и rest, вообще ничего не понял.
Посмотрел видео, все предельно ясно.
Спасибо.
Т. е. const не даёт менять значение примитивам, а остальным тип (Array, Object...), а на var уже можно забить?..
Переменные как и константы надо воспринимать как некую выделенную память в ПК. И так как константа не дает менять свои данные а то есть не позволяет менять адрес своих данных, то примитивные данные вы никогда не измените, но когда дело касается сложных данных (и если вам знакома адресация в языке C) то вы понимаете что сложные данные считываются с конкретного адреса. И когда вы меняете данные массива или свойства в объекте (при этом эти данные являются константой) то данные внутри сложных объектов поменяются (но адрес с которого начинается чтение данных будет всегда старым), потому что мы меняем не сложный объект а его структуру.
---
var... ну нельзя сказать что можно забить (для себя можете его использовать), в командном использовании это будет считаться диким и странным потому что let и const задают новый стандарт определения переменных тем самым уменьшая количество багов и ошибок. Кстати говоря во многих плагинах var используется, но чтобы сейчас его применять нужно тонко чувствовать разницу между var и let...но это уже совсем другая история
@@Maxim9575 А чё С не assembly, не 01001010, а так просто, память в ПК, - может оперативная, может cache, может "проца"?..
P. S. может мы про JS (Ecma)?..
@@Maxim9575 "нужно тонко чувствовать разницу между var и let..." - сам понимаешь, что математика - точная наука, или тонко прочувствуй...
@@fishnetweaver7747 по хорошему надо знать computer science (конечно). Иначе как придет понимание того как работают языки? А "C" потому что там хорошо выражена адресация и выделение памяти.
P.S И не надо тут "предъявлять" мне за объяснение, вы спросили - я решил ответить, но впредь не буду, не заслуживаете (такие кадры как вы редко попадаются, но попадаются).
@@fishnetweaver7747 ваш сарказм не воспринят, так как всю дурость вашего комментария знает автор этой дурости.
Если вы так реагируете на ответы которые вопрошаете, то вам прямая дорога на каменоломню и только.
Что нужно знать перед node js? Сделайте пж видос)
честно , вот реальное мое мнение - потратить 2-3 месяца на PHP. Потом нода залетает со свистом и у вас 2 языка бека.
@@itgid спасибо за ответ
Ничего не нужно знать. Не нужно знать верстку js, базы данных и т.д., т.е. знать вообще ничего не надо. Node.js нужно просто поставить. Поставить composer и научиться устанавливать Laravel. Как правильно сказал Алекс нода потом залетает со свистом.
Но это ж прям базовая база
Как по мне rest очень непонятно объяснили, не понял смысл rest. А так все отлично, спасибо за видео.
13:40 Аве МД 😆
так я так и не понял шо нада знать перед реакт
Сделайте обзор архитектуры ангуляр
А зачем? Тут вроде Реакт-тема пошла. Распылятся и отвлекаться на всё не стоит. Может позже про Ангуляр.
Для прикола можно сделать обзор YOPTASCRIPT, в целях популиризации Джаваскрипта в редах молодёжи. Но это от 18+.
Сразу после слов "добавим еще один предмет, абсолютно не нужный в жизни, философия" поставил лайк))))
Ну почему я это не увидел месяц назад, когда только начал учить реакт?)))
Еще надо знать замыкание, callback
Там, где двойной импорт, это умный vscode сам импортнул, запрошенную фунцию.