Какие-то уроки - видео - все видео
Новые видео из канала RuTube на сегодня - 21 April 2026 г.
Новые видео из канала RuTube на сегодня - 21 April 2026 г.
✏️ Почему не нужно изучать фронтенд? Что в нем плохого? Какие подводные камни? На все эти вопросы я отвечу в данном ролике 🚀 Telegram: Канал: https://t.me/kakieToYroki Чатик: https://t.me/kakieToYrokiChat 📚 Курс по TypeScript: https://stepik.org/a/221935 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF ⏰ Таймкоды: ▶ 00:00 | Введение #frontend #react #javascript #html #css✏️ Помимо useMemo, в реакте также есть memo. Эта функция позволяет кэшировать компонент. В этом видео я подробно расскажу о том, как это работает 🚀 Telegram: Канал: https://t.me/kakieToYroki Чатик: https://t.me/kakieToYrokiChat 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 📚 Ссылки: Курс по TypeScript: https://stepik.org/a/221935 Исходный код: *Скоро будет* 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF ⏰ Таймкоды: ▶ 00:00 | Введение #frontend #react #javascript #js✏️ Описание Помимо useMemo, в реакте также есть memo. Эта функция позволяет кэшировать компонент. В этом видео я подробно расскажу о том, как это работает 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 📚 Ссылки: Курс по TypeScript: https://stepik.org/a/221935 Деструктуризация в JS: https://youtu.be/AU-KRdhsA5Q Исходный код: *Скоро будет* 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat ⏰ Таймкоды: ▶ 00:00 | Введение ▶ 01:42 | Что было в прошлом видео ▶ 03:08 | Зачем нужно React.memo ▶ 04:33 | Как memo работает с простыми данными ▶ 09:30 | Как работает с массивами ▶ 14:59 | Как работает с объектами ▶ 22:48 | Про 2 часть #frontend #react #javascript #js✏️ Описание Решаем все 12 задач typescript challenges легкого уровня. С объяснениями и подсказками. 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 📚 Ссылки: Курс по TypeScript: https://stepik.org/a/221935 Задача If: https://clck.ru/3JYnpG Задача Push: https://clck.ru/3JVMCU Задача Concat: https://clck.ru/3JVMNo Задача Unshift: https://clck.ru/3JVMPe Задача Length of Tuple: https://clck.ru/3JVMPu Задача First of Array: https://clck.ru/3JVMQD Задача Readonly: https://clck.ru/3JVMR2 Задача Pick: https://clck.ru/3JVMRN Задача Tuple to Object: https://clck.ru/3JVMSL Задача Exclude: https://clck.ru/3JVMSc Задача Includes: https://clck.ru/3JVMSv Задача Awaited: https://clck.ru/3JVMTV Задача Exclude: https://clck.ru/3JVMTi 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat ⏰ Таймкоды: ▶ 00:00 | Введение *Скоро будет* #frontend #ts #javascript #typescript #практика✏️ Как часто вы слышали, что нужно учить TypeScript? И не понимали... а зачем? В этом видео приведу 6 аргументов, чтобы вы наконец-то поняли, зачем этот typescript вам нужен и почему его везде сейчас используют. Typescript Курс: ▶ 1 часть - https://youtu.be/gL0mYPjwoII ▶ 2 часть - https://youtu.be/XJCY5bGYyYY ▶ 3 часть - https://stepik.org/a/221935 (Полный курс, включая 1 и 2 части) 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat ⏰ Таймкоды: ▶ 00:00 | Введение ▶ 00:44 | Кратко про TS ▶ 01:46 | 1 Причина ▶ 06:44 | 2 Причина ▶ 10:12 | 3 Причина ▶ 11:50 | 4 Причина ▶ 13:37 | 5 Причина ▶ 14:39 | Итоги ▶ 15:47 | 6 Причина (Бонус) 🔊 Музыка: "Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license. https://www.youtube.com/purrplecatmusic 🎵 Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8 Track: JNATHYN - Dioma [NCS Release] Music provided by NoCopyrightSounds. Watch: • JNATHYN - Dioma [NCS Release] Free Download / Stream: http://ncs.io/Dioma #frontend #javascript #js #ts #typescript✏️ Погружаемся в классы детальней. Разберем, что такое модификаторы доступа: public, private. Затронем кратко protected (которого нет в js, но есть в ts). Поговорим про static, про геттеры и сеттеры, а также про потерю контекста и как этого избежать. Ну и рассмотрим оператор instanceof и как им пользоваться. 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 📚 Ссылки: Исходный код: *Скоро будет* Полный курс по TS: https://stepik.org/a/221935 Решаем Д/З: *монтирую* 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat ⏰ Таймкоды: ▶ 00:00 | Введение ▶ 01:59 | Разбор Д/З ▶ 06:02 | Лайфхак про деда Мороза ▶ 06:48 | Продолжение Д/З ▶ 13:03 | super в методах ▶ 17:52 | public и private ▶ 26:19 | protected ▶ 30:14 | Геттеры и сеттеры ▶ 41:19 | Потеря контекста ▶ 48:36 | static ▶ 55:18 | Повтор пройденного ▶ 57:30 | Новое Д/З #class #javascript #js #this #super #public #private #геттер #сеттер #staticПродолжение курса по TypeScript. В первой части мы научились писать примитивные типы. Теперь нужно учиться их усложнять, чтобы добавить автоматизации 📚 Ссылки: 1 часть курса: https://youtu.be/gL0mYPjwoII 3 часть курса: https://stepik.org/a/221935 🎁 Ссылка для розыгрыша: https://preax.ru/?i=e6c8fbf4&erid=2W5zFGAWyap 🏆 ПРИЗЫ: - 1 МЕСТО - Полный курс тренировки – 2 бесплатных + 15 платных спринтов, сейчас залито уже 12, еще 3 появятся в перспективе) - 2 МЕСТО - Проект WeatherApp – 1 бесплатный + 2 платных в подарок) - 3 МЕСТО - Спринт QuizApp - остальным скидка 70% на всю тренировку (она будет действительна после подведения итогов) 🤔 ЧТО СДЕЛАТЬ? - Подписаться на YouTube: https://www.youtube.com/@preax_ru - Подписаться на ТГ: https://t.me/preax_ru - Лайкнуть пост розыгрыша: https://t.me/preax_ru/185 👀 КАК ВЫИГРАТЬ? Победитель - тот кто наберет больше всего баллов на платформе в период розыгрыша. Т.е. с момента регистрации (ссылка выше) до итогов среди моей аудитории. Баллы начисляют по задачам, ревью и social. Рейтинг (https://preax.ru/rating) на период розыгрыша будет обновляться ежедневно чтобы участники могли отследить свою динамику. 🏁ИТОГИ: 26 Декабря на трансляции в YouTube: https://www.youtube.com/@preax_ru Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ИНН 9727035595. 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat ⏰ Таймкоды: ▶ 00:00 | Введение Скоро будет 🔊 Музыка: "Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license Music promoted by BreakingCopyright: https://bit.ly/bkc-warm #frontend #typescript #ts #курс #never #unknown #void #keyof #typeofПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki ***** Таймкоды: 00:00 Задача 00:12 Решение 02:01 Всем спасибо, всем пока ***** Музыка: ♪ Animal Friends (Prod. by Lukrembo) Link : https://youtu.be/ag2RePNqwCsХитрый console log, который экономит триллион часов времениПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki Исходный код: https://github.com/R1ON/car-game/tree/main/4 ***** Таймкоды: 00:00 Введение 00:06 Ошибка из предыдущего видео 03:42 Получаем координаты машины 04:05 События keydown, keyup 06:52 Узнаем нажатую клавишу 09:30 Логика управления машинкой 22:41 Объяснение написанного кода 24:54 Всем спасибо, всем пока ***** Музыка: 1. chill. by sakura Hz https://soundcloud.com/sakurahertz Creative Commons — Attribution 3.0 Unported — CC BY 3.0 http://creativecommons.org/licenses/by/3.0/ Music promoted by Audio Library https://youtu.be/pF2tXC1pXNo 2. https://youtube.com/playlist?list=PLsnJOHsVvrji_YI-PbuT-eYBQHOaapriVПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki Исходный код: https://github.com/R1ON/html/tree/main/css_practice/site_grid/13 Макет: https://clck.ru/Wkw7A Макет с исправлениями: https://clck.ru/Wkw4f ***** Музыка: 1. chill. by sakura Hz https://soundcloud.com/sakurahertz Creative Commons — Attribution 3.0 Unported — CC BY 3.0 http://creativecommons.org/licenses/by/3.0/ Music promoted by Audio Library https://youtu.be/pF2tXC1pXNo 2. https://youtube.com/playlist?list=PLsnJOHsVvrji_YI-PbuT-eYBQHOaapriVПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki Исходный код: https://github.com/R1ON/html/blob/main/js/24/solution.js ***** Музыка: "Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license. https://www.youtube.com/channel/UC3lL... Music promoted by BreakingCopyright: https://youtu.be/L4snZSpQApo "The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license Music promoted by BreakingCopyright: https://bit.ly/b-turnstile "Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license Music promoted by BreakingCopyright: https://bit.ly/bkc-warm "Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license. https://www.youtube.com/purrplecatmusic Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8 "Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license. http://creativecommons.org/licenses/b... https://youtube.com/channel/UCoRhkLds... Music powered by BreakingCopyright: https://youtu.be/u5QBqjuMUaQ "Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license. https://www.youtube.com/c/SmartToaster Music provided by BreakingCopyright: https://bit.ly/faithful-mission-song Song: "Dj Quads - Birds And The Bees" https://www.youtube.com/c/DjQuadsOffi... Music provided by BreakingCopyright: https://youtu.be/ZNadyNG6U-s "Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license. https://www.youtube.com/c/DarrenCurti... Music promoted by BreakingCopyright: https://youtu.be/rsyWCW7tGWQПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki ***** Таймкоды: 00:00 Задача 00:19 Решение 01:30 Всем спасибо, всем пока ***** Музыка: "Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license. https://www.youtube.com/purrplecatmusic Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki Исходный код: https://github.com/R1ON/html/tree/main/css_practice/site_grid/8 Макет: https://clck.ru/Wkw7A Макет с исправлениями: https://clck.ru/Wkw4f ***** Музыка: https://youtube.com/playlist?list=PLsnJOHsVvrji_YI-PbuT-eYBQHOaapriVПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki Исходный код: https://github.com/R1ON/html/tree/main/css_practice/site_grid/5 Макет: https://clck.ru/Wkw7A Макет с исправлениями: https://clck.ru/Wkw4f ***** Музыка: https://youtube.com/playlist?list=PLsnJOHsVvrji_YI-PbuT-eYBQHOaapriVПоддержать автора: https://www.donationalerts.com/r/kakeitoyroki Исходный код: https://github.com/R1ON/car-game/tree/main/7 ***** Таймкоды: 00:00 С новым годом ***** Музыка: "Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license. https://www.youtube.com/channel/UC3lL... Music promoted by BreakingCopyright: https://youtu.be/L4snZSpQApo "The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license Music promoted by BreakingCopyright: https://bit.ly/b-turnstile "Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license Music promoted by BreakingCopyright: https://bit.ly/bkc-warm "Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license. https://www.youtube.com/purrplecatmusic Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8 "Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license. https://www.youtube.com/c/DarrenCurti... Music promoted by BreakingCopyright: https://youtu.be/rsyWCW7tGWQ✏️ Что такое классы и чем они отличаются от функций? Зачем вообще классы нужны? Где классы можно использовать? В этой серии роликов, посвященных классам мы сегодня поговорим. Постарался максимально подробно разжевать все, что касается классов, сравнивая их с функциями. 🔥 Сервис для получения реального опыта PREAX: https://preax.ru/?i=0b6df4aa 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 📚 Ссылки: Исходный код: *Скоро будет* Стрим с код ревью: https://www.youtube.com/live/-kTjC3-ckeU?si=Oqo-pa7DMzL2gneS 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🟠 TypeScript базовый курс: https://youtu.be/gL0mYPjwoII 🔴 Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat ⏰ Таймкоды: ▶ 00:00 | Введение ▶ 01:27 | Что такое классы? ▶ 02:25 | Создаем простой класс ▶ 05:01 | Как работать с конструктором ▶ 06:09 | Свойства класса ▶ 07:47 | Ключевое слово this ▶ 10:00 | Создаем первый метод ▶ 13:12 | Практика ▶ 14:13 | Что такое наследование? ▶ 15:42 | Ключевое слово extends ▶ 16:42 | Душная часть ▶ 17:28 | Вызываем конструктор родителя ▶ 19:55 | Ключевое слово super ▶ 21:15 | Разбираем написанный код ▶ 22:41 | Наследование в функциях ▶ 24:00 | Зачем нужны классы? ▶ 26:50 | Что будет во второй части? ▶ 27:36 | Домашнее задание ▶ 29:15 | Прикольчики (попрошайка блинб) 🔊 Музыка: "Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license. https://www.youtube.com/purrplecatmusic 🎵 Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8 #class #this #super #javascript #js #extends️ Смотри бесплатные курсы по фронтенд-разработке на канале: Курс по HTML Курс по CSS Курс по JS Курс по React Курс по TypeScript Курс по Chrome Dev Tools Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat #shorts #frontend #фронтенд #js #javascript️ Смотри бесплатные курсы по фронтенд-разработке на канале: Курс по HTML Курс по CSS Курс по JS Курс по React Курс по TypeScript Курс по Chrome Dev Tools Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat #shorts #frontend #фронтенд #css #html #версткаСмотрим код приложения CareerApp, которое было необходимо реализовать в рамках проекта PREAX. Тоже хочешь ревью? Залетай в PREAX (1 спринт бесплатно): https://preax.ru/?i=0b6df4aa Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki Другие видео: React с полного 0 до реального проекта: https://youtu.be/NDPiaUfsnLA Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU TypeScript базовый курс: https://youtu.be/gL0mYPjwoII Оптимизация Frontend приложений: https://youtu.be/2P78umtYK-c Плейлисты: HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat