- 77
- 126 181
Makhabat Abdisattarova
Приєднався 25 жов 2014
Привет, меня зовут Махабат, и я JavaScript-разработчик. Здесь я делюсь своим опытом и знаниями, помогая улучшить навыки программирования. Присоединяйтесь, чтобы узнать больше!
Новая магия в React 18: Автоматическое объединение обновлений!
В этом видео мы рассмотрим одну из новых и полезных функций в React 18 - автоматическое объединение обновлений (automatic batching). Мы подробно покажем, как эта функция оптимизирует ваше приложение, объединяя несколько обновлений состояния в один рендер, даже если они находятся внутри асинхронных операций, таких как setTimeout. Сравним это с поведением в более старых версиях React и убедимся в преимуществах новой версии! 🚀
Подписывайтесь, ставьте лайк и делитесь своими впечатлениями в комментариях!
#React18 #ReactJS #АвтоматическоеОбъединение #ReactОбучение #FrontendРазработка #WebРазработка #JavaScript #Программирование #Рендеринг #АсинхронноеОбновление #СоветыДляРазработчиков #ReactХуки #ОбновленияReact
Подписывайтесь, ставьте лайк и делитесь своими впечатлениями в комментариях!
#React18 #ReactJS #АвтоматическоеОбъединение #ReactОбучение #FrontendРазработка #WebРазработка #JavaScript #Программирование #Рендеринг #АсинхронноеОбновление #СоветыДляРазработчиков #ReactХуки #ОбновленияReact
Переглядів: 184
Відео
max product
Переглядів 83Місяць тому
Сегодня решим задачу с LeetCode - "628. Максимальное произведение трёх чисел" на JavaScript. Давайте вместе разберёмся, как находить три числа с максимальным произведением и подготовимся к интервью в Amazon. Погружаемся в алгоритмы и математику! #js #leetcode #amazon #интервью #программирование
Как работает Event Loop в JavaScript? Микрозадачи, Очереди задач и Web API | JavaScript
Переглядів 166Місяць тому
В этом видео мы рассмотрим, как работает Event Loop в JavaScript, что такое микрозадачи и очереди задач, как они взаимодействуют с Web API и браузером в целом. Погружаемся в стек вызовов, очередь задач, микрозадачи и узнаем, как они все взаимодействуют. В конце видео будет интересный тест, где мы проверим ваше понимание порядка выполнения задач в JavaScript. #JavaScript #EventLoop #WebDevelopme...
Делегация событий в JavaScript: простое решение для динамических списков
Переглядів 106Місяць тому
В этом видео я объясню, как можно столкнуться с проблемами при работе с динамическими элементами в списках без использования делегации событий. Затем я покажу, как с помощью делегации событий сделать ваш код проще и эффективнее. Это обязательный урок для всех, кто хочет освоить JavaScript и улучшить свои навыки работы с DOM. www.freecodecamp.org/news/event-delegation-javascript/ #javascript #ja...
Полный гид по HTML и CSS: от начала до эксперта
Переглядів 177Місяць тому
В этом видео я расскажу вам о том, как стать настоящим экспертом в HTML и CSS. Мы пройдем путь от базовых понятий до использования современных фреймворков и библиотек. Вы узнаете о самых полезных инструментах и подходах, которые помогут вам создавать адаптивные и эффективные веб-сайты. #HTML #CSS #ВебРазработка #Программирование #Обучение #ВебДизайн #Фронтенд #РазработкаСайтов
useMemo | Оптимизация Фильтрации Данных в React с помощью React.useMemo
Переглядів 94Місяць тому
В этом видео я покажу, как использовать React.useMemo для оптимизации приложения. Применяем React.useMemo, чтобы избежать ненужных повторных вычислений и улучшить производительность. Подпишитесь на канал, чтобы не пропустить новые видео! #ReactJS #useMemo #Оптимизация #ВебРазработка #Программирование #ФильтрацияДанных
Необычные CSS Свойства: clip-path, filter и object-fit
Переглядів 634Місяць тому
В этом видео я расскажу вам о нескольких необычных CSS-свойствах, которые могут добавить интересные визуальные эффекты на вашу веб-страницу. Вы узнаете о свойствах clip-path, filter и object-fit, и как их использовать. Присоединяйтесь и улучшайте свои навыки в CSS! developer.mozilla.org/en-US/docs/Web/CSS/clip-path developer.mozilla.org/en-US/docs/Web/CSS/filter developer.mozilla.org/en-US/docs...
Throttle | Использование функции Throttle в JavaScript для оптимизации производительности
Переглядів 114Місяць тому
В этом видео я покажу, как использовать функцию throttle в JavaScript для оптимизации производительности. Вы узнаете, как ограничить частоту вызовов функций, таких как обработка событий прокрутки или изменения размера окна. Пошаговое объяснение кода и примеры помогут вам лучше понять этот полезный инструмент. Подписывайтесь, чтобы не пропустить новые видео! #JavaScript #WebDevelopment #CodingTi...
Debounce | Дебаунсинг в JavaScript: Улучшение производительности веб-приложений
Переглядів 1802 місяці тому
В этом видео мы рассмотрим технику дебаунсинга в JavaScript, которая помогает улучшить производительность веб-приложений, ограничивая частоту выполнения функций. Cоздам пример на основе функции поиска и покажу, как реализовать дебаунсинг для оптимизации обработки ввода. Подписывайтесь, чтобы узнать больше полезных приемов и трюков для веб-разработки! #JavaScript #WebDevelopment #CodingTips #Deb...
Самый легкий хук | Как использовать хук useId в React для создания уникальных идентификаторов
Переглядів 4112 місяці тому
В этом видео мы рассмотрим, как использовать хук useId в React для создания уникальных идентификаторов для элементов формы и меток. Обсудим преимущества использования useId, такие как улучшение доступности и предотвращение конфликтов идентификаторов. Подпишитесь на канал и ставьте лайки, если видео оказалось полезным! react.dev/reference/react/useId #ReactJS #ReactHooks #useId #WebDevelopment #...
Оптимизация React приложений с useCallback: Пример с дочерним компонентом
Переглядів 3012 місяці тому
В этом видео мы рассмотрим, как использование хука useCallback в React может помочь улучшить производительность нашего приложения. Я покажу пример, где повторное создание функции приводит к ненужным рендерам дочернего компонента, и как useCallback может это исправить. react.dev/reference/react/useCallback #React #useCallback #ReactHooks #JavaScript #ВебРазработка
Leetcode: Roman to Integer | JS | Римские числа в целые | Решение задачи Leetcode на JavaScript
Переглядів 1262 місяці тому
В этом видео я покажу, как решить задачу "Roman to Integer" с платформы Leetcode, используя JavaScript. Мы рассмотрим алгоритм перевода римских чисел в целые и разберем все детали решения. Присоединяйтесь, чтобы улучшить свои навыки программирования и подготовиться к техническим собеседованиям! #Leetcode #JavaScript #RomanToInteger #Программирование #Алгоритмы #Кодинг #Учеба
Введение в TypeScript: Создание Todo List с нуля | Гайд для начинающих
Переглядів 4832 місяці тому
В этом видео мы создадим простой Todo List с использованием TypeScript и React. Вы узнаете о преимуществах TypeScript, о том, как его использовать в React проектах, и как правильно типизировать свои компоненты. Присоединяйтесь и узнайте, как TypeScript может сделать ваш код более надежным и масштабируемым! Тайм-коды: 0:00 - Настройка проекта 0:58 - Основы TypeScript 3:20 - Готовим environment 5...
Как написать свою функцию map в JavaScript - Популярный вопрос на собеседованиях
Переглядів 3803 місяці тому
В этом видео мы разберем, как реализовать собственную функцию map в JavaScript - один из самых распространенных вопросов на собеседованиях по программированию. Мы пройдемся по каждому шагу, от проверки входных данных до итерации массива и применения callback функции. Присоединяйтесь к нам и узнайте, как написать свою функцию map с нуля! #JavaScript #Программирование #ФункцияMap #Собеседование #...
Как освоить React в 2024 году (Полный план обучения)
Переглядів 1,1 тис.3 місяці тому
В этом видео вы узнаете, что вам нужно знать на каждом этапе изучения React, какие библиотеки использовать и в каком порядке. Мы пройдем все этапы обучения, начиная с базовых знаний HTML, CSS и JavaScript, и заканчивая созданием полноценных приложений с использованием React. #React #ВебРазработка #Программирование #JavaScript #УчебноеВидео #Frontend #РазработкаПриложений #ПолныйСтек #ВебДизайн ...
Создание игры "Мемори" с помощью React | Учебник для начинающих
Переглядів 3763 місяці тому
Создание игры "Мемори" с помощью React | Учебник для начинающих
Создание игры "Крестики-Нолики" на React | Полное руководство
Переглядів 5763 місяці тому
Создание игры "Крестики-Нолики" на React | Полное руководство
Изучаем BINARY TREE | LEETCODE: 404. Sum of Left Leaves
Переглядів 1423 місяці тому
Изучаем BINARY TREE | LEETCODE: 404. Sum of Left Leaves
Изучаем React: Создаем Приложение с Покемонами!
Переглядів 6883 місяці тому
Изучаем React: Создаем Приложение с Покемонами!
Интернет магазин с регистрацией с помощью cookies и local storage | Урок по JavaScript
Переглядів 4933 місяці тому
Интернет магазин с регистрацией с помощью cookies и local storage | Урок по JavaScript
Cookies. Все, что нужно знать о Cookies: Настройка, Использование и Безопасность
Переглядів 5453 місяці тому
Cookies. Все, что нужно знать о Cookies: Настройка, Использование и Безопасность
Local Storage и Session Storage: Как Использовать и Что Лучше Хранить?
Переглядів 3763 місяці тому
Local Storage и Session Storage: Как Использовать и Что Лучше Хранить?
Изучаем React Query. Почему React Query лучше Redux для работы с серверными данными?
Переглядів 2353 місяці тому
Изучаем React Query. Почему React Query лучше Redux для работы с серверными данными?
Ошибки при использовании useState, которые всё ещё совершают начинающие React-разработчики.
Переглядів 1734 місяці тому
Ошибки при использовании useState, которые всё ещё совершают начинающие React-разработчики.
Sliding Window: Best Time to Buy and Sell Stock - Leetcode 121 - JavaScript
Переглядів 964 місяці тому
Sliding Window: Best Time to Buy and Sell Stock - Leetcode 121 - JavaScript
Введение в тестирование в React с помощью Jest
Переглядів 2074 місяці тому
Введение в тестирование в React с помощью Jest
React useTransition Hook Crash Course | Курс по хуку useTransition в React
Переглядів 2475 місяців тому
React useTransition Hook Crash Course | Курс по хуку useTransition в React
Почему я перестала использовать else и else if в практике. Как можно избежать этого?
Переглядів 2 тис.5 місяців тому
Почему я перестала использовать else и else if в практике. Как можно избежать этого?
TWO SUM II - Amazon Coding Interview Question - Leetcode 167 - JavaScript
Переглядів 1387 місяців тому
TWO SUM II - Amazon Coding Interview Question - Leetcode 167 - JavaScript
Как обучиться Styled Components: Быстрый Гайд
Переглядів 40010 місяців тому
Как обучиться Styled Components: Быстрый Гайд
Спасибо Вам огромное! Все очень кратко, ясно и по делу.
Добрый день!сделайте пожалуйста redux Toolkit
А можно купить обучение у вас ?
Какие цены на аутентификацию чз фаербейс?
Махаббат, вы просто прелесть. Уроки очень интересные и лаконичные. Но иногда не хватает объяснений. Скажите, пожалуйста, почему мы вначале используем array from? Почему нельзя просто потом перебрать эту переменную через ForEach?
отказались от всяких библиотек css, т.к. у клиетов сеть порезана, не на все сайты есть доступ (получился огромный тормоз), много работ пришлось переписать стили css и теперь не используем готовые библиотеки
Спасибо, очень хороший видеоурок
Спасибо огромное, единственная кого мне очень интересно слушать а самое главное очь понятно ❤
А когда object-fit стал необычным свойством? Очень даже часто используемое свойство
Много чего не обьясняется, просто автор говорит давайте возьмем вот это, добавим вот сюда и сделаем вот так. Пояснения конечно не хватает совсем. Ну а так получается что просто интересно наблюдать за разбработкой сайта. кароче можно смотреть тупо без звука)
Здравствуйте можете подсказать пожалуйста на каком программе вы записываете видео ? если OBS то какие настройки у вас ?
Спасибо большое, вы очень большая молодец, продолжайте выпускать уроки
спасибо помогло очень я начинаю изучать программирования сейчас фронтэнд а потом бэкенд html, css , java script , react js 2024 гаду какие советы дадите??
Спасибо вам большое. Ваше видео оказалось самым понятным для меня. Удачи вам в развитии канала
Спасибо Вам большое за Ваши уроки
И вам за комментарий)
спасибо за понятный и простой способ урока сделали
Доброго. Я так понимаю, урок был по последней версии React Query. Потому что у меня ругается на map, ну и после кучи console.log ясно, что есть такая ошибка - An error has occurred: ["toDos"] data is undefined - т.е. в видео todos (у меня он с большой буквой D) серый, он не импортируется, из-за чего data пустая..
Классный урок!
с нетерпением жду курс по реакту от вас)
Планируете что то подобное для React сделать?)
@@tomvenom уже есть, в разделе React, первое видео 🙌🏽
Спасибо :)
Очень полезное видео, спасибо большое!!
А если я хочу сделать что-то вроде сессии? Раньше я работал с бекэнд разработчиком и он сам настраивал всю логику, а мне необходимо было просто прописать функцию где я доставал из куков sessionId и отправлял на сервер для проверки, если все что отправлял на сервер отрабатывало, то меня пропускало на сайт, а если нет, то на страницу авторизации. Скажите, тут оно само как-то думает или это нужно настроить отдельно? Если отдельно то как?
Привет. Скажите пожалуйста,сколько недель достаточно учить верстку,чтобы перейти на js? Какие курсы и материалы порекомендуете для изучения верстки? Благодарю заранее)
@@tomvenom здравствуйте 🤝 Давайте я сделаю видео гайд, выложу и вам будет легче ориентироваться по нему, искать в интернете информацию. Все можно найти на UA-cam🎥 до воскресения выложу)
@@developerkg благодарю :)
@@tomvenom ua-cam.com/video/acrlXREX6jw/v-deo.html
классный ролик очень хорошо объясняет
Здравствуйте! Очень хорошо обьясняете, вопрос: а каким микрофоном вы пользуетесь?
@@AnnaMIHALKE здравствуйте, на этом видео я не использовала микрофон 🎙️ Сейчас использую Maono 192KHZ/24Bit
Спасибо за видео!
Очень классно и полезно! Только прошу, текст в редакторе увеличивай, а то плохо видно..
@@Pavelius хахахах). Хорошо
какие странные id c двоеточиями по бокам...
нет
не знал про этот хук, юзал uuid() обычно
Very informative 💪 can we have another one on throttle ?
@@ultimateq8479 Thank you, definitely 💯
Жир!
Спасибо большое) продолжай вести канал
Спасибо за урок! Мой первый опыт верстания с фигмы, конечно блок формы и футер я скопировал, но вроде разобрался., были нюансы в готовом коде с буквой s. Буду учиться дальше. а как теперь сделать его чтобы в при разных разрешениях не ломался? (телефон или планшет разрешение)
Привет. Занимаетесь ли менторством?)
Здравствуйте, в данное время нет )
Спасибо, прохожу ваш курс и мне очень интересно.
куки это не текстовые файлы, эта часть http запроса, который приходит к нам с сервера и далее отправляется с клиента в сервер тоже как часть http запроса
А у Вас телеграмм канал есть?
СПАСИБО!!!
А как вы думаете, стоит ли начинать с HTML и CSS или сразу углубляться в JavaScript? Лично я выбирал курсы для того, чтобы быстро освоить основы веб-разработки и начать работать. Рассматривал разные компании, но в итоге остановился на Skypro, потому что у них самые понятные и структурированные материалы. В итоге уже через пару месяцев смог устроиться на работу с хорошей зарплатой))
Классный видос, все хорошо структурировано и понятно объяснено. Было бы здорово, если бы звук был чуть громче)
Как я рада, что нашла это видео) Спасибо, очень толково и просто!
Интересно, почему vite не используете (там вроде быстрее)?
Привет. А Вы менторством занимаетесь?)
🫡
видос классный, информативный, спасибо большое. но хотелось бы 10:05 увидеть, как можно было реализовать с помощью ::after
Спасибо за полезное видео
пожалуйста )
Очень тихий звук
Спасибо за понятное объяснение! Хотелось бы уточнить один момент. Лучше же Footer и Navbar писать в виде компонентов, а не в виде функций? И сам App тоже в виде компонента.
Хорошее видео, спасибо