Makhabat Abdisattarova
Makhabat Abdisattarova
  • 79
  • 145 096
5 скрытых возможностей JavaScript, которые упростят вашу работу!
В этом видео мы рассмотрим 5 мощных функций JavaScript, которые помогут вам писать более эффективный и чистый код. Узнайте, как правильно использовать Map, Set, Intl для интернационализации, Object.freeze для защиты объектов и опциональную цепочку для упрощения работы с вложенными объектами. Эти трюки обязательно пригодятся в реальных проектах! Не пропустите - улучшите свои навыки JS уже сегодня!
#javascript #вебразработка #frontend #intl #map #set #objectfreeze #программирование #кодинг #опциональнаяцепочка #jsтуториал #советыпрограммистам #веб #интернационализация #jsтехники #программист #разработкасайтов #код #учимjs #webdevelopment #программистдляначинающих #webdev #джаваскрипт #фронтенд #кодингуроки #программированиедляначинающих #урокиjavascript #разработка #техникипрограммирования
Переглядів: 554

Відео

Создание простого расширения для погоды с использованием API OpenWeatherMap
Переглядів 4723 місяці тому
Привет, ребята! В этом видео мы создадим простое расширение для отображения погоды, используя API OpenWeatherMap. Я покажу вам, как написать код на JavaScript, настроить HTML и применить CSS для создания привлекательного интерфейса. Пожалуйста, обратите внимание, что я отключил свой API-ключ, так что вы не сможете использовать его. Вам нужно будет создать свой собственный ключ на сайте OpenWeat...
Новая магия в React 18: Автоматическое объединение обновлений!
Переглядів 2483 місяці тому
В этом видео мы рассмотрим одну из новых и полезных функций в React 18 - автоматическое объединение обновлений (automatic batching). Мы подробно покажем, как эта функция оптимизирует ваше приложение, объединяя несколько обновлений состояния в один рендер, даже если они находятся внутри асинхронных операций, таких как setTimeout. Сравним это с поведением в более старых версиях React и убедимся в...
max product
Переглядів 1024 місяці тому
Сегодня решим задачу с LeetCode - "628. Максимальное произведение трёх чисел" на JavaScript. Давайте вместе разберёмся, как находить три числа с максимальным произведением и подготовимся к интервью в Amazon. Погружаемся в алгоритмы и математику! #js #leetcode #amazon #интервью #программирование
Как работает Event Loop в JavaScript? Микрозадачи, Очереди задач и Web API | JavaScript
Переглядів 2434 місяці тому
В этом видео мы рассмотрим, как работает Event Loop в JavaScript, что такое микрозадачи и очереди задач, как они взаимодействуют с Web API и браузером в целом. Погружаемся в стек вызовов, очередь задач, микрозадачи и узнаем, как они все взаимодействуют. В конце видео будет интересный тест, где мы проверим ваше понимание порядка выполнения задач в JavaScript. #JavaScript #EventLoop #WebDevelopme...
Делегация событий в JavaScript: простое решение для динамических списков
Переглядів 1314 місяці тому
В этом видео я объясню, как можно столкнуться с проблемами при работе с динамическими элементами в списках без использования делегации событий. Затем я покажу, как с помощью делегации событий сделать ваш код проще и эффективнее. Это обязательный урок для всех, кто хочет освоить JavaScript и улучшить свои навыки работы с DOM. www.freecodecamp.org/news/event-delegation-javascript/ #javascript #ja...
Полный гид по HTML и CSS: от начала до эксперта
Переглядів 2215 місяців тому
В этом видео я расскажу вам о том, как стать настоящим экспертом в HTML и CSS. Мы пройдем путь от базовых понятий до использования современных фреймворков и библиотек. Вы узнаете о самых полезных инструментах и подходах, которые помогут вам создавать адаптивные и эффективные веб-сайты. #HTML #CSS #ВебРазработка #Программирование #Обучение #ВебДизайн #Фронтенд #РазработкаСайтов
useMemo | Оптимизация Фильтрации Данных в React с помощью React.useMemo
Переглядів 1325 місяців тому
В этом видео я покажу, как использовать React.useMemo для оптимизации приложения. Применяем React.useMemo, чтобы избежать ненужных повторных вычислений и улучшить производительность. Подпишитесь на канал, чтобы не пропустить новые видео! #ReactJS #useMemo #Оптимизация #ВебРазработка #Программирование #ФильтрацияДанных
Необычные CSS Свойства: clip-path, filter и object-fit
Переглядів 6815 місяців тому
В этом видео я расскажу вам о нескольких необычных 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 для оптимизации производительности
Переглядів 1275 місяців тому
В этом видео я покажу, как использовать функцию throttle в JavaScript для оптимизации производительности. Вы узнаете, как ограничить частоту вызовов функций, таких как обработка событий прокрутки или изменения размера окна. Пошаговое объяснение кода и примеры помогут вам лучше понять этот полезный инструмент. Подписывайтесь, чтобы не пропустить новые видео! #JavaScript #WebDevelopment #CodingTi...
Debounce | Дебаунсинг в JavaScript: Улучшение производительности веб-приложений
Переглядів 2215 місяців тому
В этом видео мы рассмотрим технику дебаунсинга в JavaScript, которая помогает улучшить производительность веб-приложений, ограничивая частоту выполнения функций. Cоздам пример на основе функции поиска и покажу, как реализовать дебаунсинг для оптимизации обработки ввода. Подписывайтесь, чтобы узнать больше полезных приемов и трюков для веб-разработки! #JavaScript #WebDevelopment #CodingTips #Deb...
Самый легкий хук | Как использовать хук useId в React для создания уникальных идентификаторов
Переглядів 4505 місяців тому
В этом видео мы рассмотрим, как использовать хук useId в React для создания уникальных идентификаторов для элементов формы и меток. Обсудим преимущества использования useId, такие как улучшение доступности и предотвращение конфликтов идентификаторов. Подпишитесь на канал и ставьте лайки, если видео оказалось полезным! react.dev/reference/react/useId #ReactJS #ReactHooks #useId #WebDevelopment #...
Оптимизация React приложений с useCallback: Пример с дочерним компонентом
Переглядів 3455 місяців тому
В этом видео мы рассмотрим, как использование хука useCallback в React может помочь улучшить производительность нашего приложения. Я покажу пример, где повторное создание функции приводит к ненужным рендерам дочернего компонента, и как useCallback может это исправить. react.dev/reference/react/useCallback #React #useCallback #ReactHooks #JavaScript #ВебРазработка
Leetcode: Roman to Integer | JS | Римские числа в целые | Решение задачи Leetcode на JavaScript
Переглядів 1666 місяців тому
В этом видео я покажу, как решить задачу "Roman to Integer" с платформы Leetcode, используя JavaScript. Мы рассмотрим алгоритм перевода римских чисел в целые и разберем все детали решения. Присоединяйтесь, чтобы улучшить свои навыки программирования и подготовиться к техническим собеседованиям! #Leetcode #JavaScript #RomanToInteger #Программирование #Алгоритмы #Кодинг #Учеба
Введение в TypeScript: Создание Todo List с нуля | Гайд для начинающих
Переглядів 5826 місяців тому
В этом видео мы создадим простой Todo List с использованием TypeScript и React. Вы узнаете о преимуществах TypeScript, о том, как его использовать в React проектах, и как правильно типизировать свои компоненты. Присоединяйтесь и узнайте, как TypeScript может сделать ваш код более надежным и масштабируемым! Тайм-коды: 0:00 - Настройка проекта 0:58 - Основы TypeScript 3:20 - Готовим environment 5...
Как написать свою функцию map в JavaScript - Популярный вопрос на собеседованиях
Переглядів 4046 місяців тому
Как написать свою функцию map в JavaScript - Популярный вопрос на собеседованиях
Как освоить React в 2024 году (Полный план обучения)
Переглядів 1,3 тис.6 місяців тому
Как освоить React в 2024 году (Полный план обучения)
Создание игры "Мемори" с помощью React | Учебник для начинающих
Переглядів 4686 місяців тому
Создание игры "Мемори" с помощью React | Учебник для начинающих
Создание игры "Крестики-Нолики" на React | Полное руководство
Переглядів 7026 місяців тому
Создание игры "Крестики-Нолики" на React | Полное руководство
Изучаем BINARY TREE | LEETCODE: 404. Sum of Left Leaves
Переглядів 1636 місяців тому
Изучаем BINARY TREE | LEETCODE: 404. Sum of Left Leaves
Изучаем React: Создаем Приложение с Покемонами!
Переглядів 7766 місяців тому
Изучаем React: Создаем Приложение с Покемонами!
Интернет магазин с регистрацией с помощью cookies и local storage | Урок по JavaScript
Переглядів 5326 місяців тому
Интернет магазин с регистрацией с помощью cookies и local storage | Урок по JavaScript
Cookies. Все, что нужно знать о Cookies: Настройка, Использование и Безопасность
Переглядів 6966 місяців тому
Cookies. Все, что нужно знать о Cookies: Настройка, Использование и Безопасность
Local Storage и Session Storage: Как Использовать и Что Лучше Хранить?
Переглядів 5687 місяців тому
Local Storage и Session Storage: Как Использовать и Что Лучше Хранить?
Изучаем React Query. Почему React Query лучше Redux для работы с серверными данными?
Переглядів 2937 місяців тому
Изучаем React Query. Почему React Query лучше Redux для работы с серверными данными?
Ошибки при использовании useState, которые всё ещё совершают начинающие React-разработчики.
Переглядів 2077 місяців тому
Ошибки при использовании useState, которые всё ещё совершают начинающие React-разработчики.
Sliding Window: Best Time to Buy and Sell Stock - Leetcode 121 - JavaScript
Переглядів 1098 місяців тому
Sliding Window: Best Time to Buy and Sell Stock - Leetcode 121 - JavaScript
Введение в тестирование в React с помощью Jest
Переглядів 3328 місяців тому
Введение в тестирование в React с помощью Jest
React useTransition Hook Crash Course | Курс по хуку useTransition в React
Переглядів 2608 місяців тому
React useTransition Hook Crash Course | Курс по хуку useTransition в React
Почему я перестала использовать else и else if в практике. Как можно избежать этого?
Переглядів 2 тис.8 місяців тому
Почему я перестала использовать else и else if в практике. Как можно избежать этого?

КОМЕНТАРІ

  • @Js__voL_06
    @Js__voL_06 5 днів тому

    Eval очень плохая идея нельзя с ним играть в шутки. Данный метод очень не безопасный особенно для злоумышленных людей. Так что мой вам совет лучше другим способом все это реализовать а так в целом калькулятор хороший.

  • @VladKim-h1n
    @VladKim-h1n 5 днів тому

    спасибо большое!!!

  • @HoolyDeveloper
    @HoolyDeveloper 13 днів тому

    Большое спасибо, максимально кратко и по делу.

  • @AlinaNekrasowa
    @AlinaNekrasowa 16 днів тому

    По-сути в этом примере разрешено деление, и никто не запрещает написать что-то а ля 3/0, и получится NaN. И по хорошему этот кейс надо бы отдельно обработать, чтобы получать нормальную ошибку на выходе, а не NaN. А еще никто не запрещает наставить много плюсов или минусов, что тоже не сможет быть адекватно воспринято и посчитано. Также, как и несколько точек. И это тоже надо бы отдельно запретить делать.

  • @alexeyegorov87
    @alexeyegorov87 22 дні тому

    У этой женщины есть телеграмм канал ?

  • @Ochenopasniy
    @Ochenopasniy 24 дні тому

    Спасибо! Крутое видео

  • @Ochenopasniy
    @Ochenopasniy 24 дні тому

    Спасибо за урок! У вас прикольный подход 👍 Мне нравится

  • @shmx1982
    @shmx1982 28 днів тому

    👍

  • @АннаАндреева-л9й
    @АннаАндреева-л9й Місяць тому

    Спасибо большое за ваш бесценный труд, учу HTML и CSS , дальше больше😂

    • @user-pi3yg2tr8j
      @user-pi3yg2tr8j Місяць тому

      Свой коммент убрал. Погорячился, для начинающих ролик действительно неплохой. Убрать только слово "Полный" из названия и вообще вопросов не будет. Спасибо, что напомнили :)

  • @clipfailer
    @clipfailer Місяць тому

    Спасибо большое за видео, помогаешь практиковаться

  • @koras2523
    @koras2523 Місяць тому

    Как посмотреть css стили в figma?

  • @maximusprime2798
    @maximusprime2798 Місяць тому

    Если есть возможность, то, пожалуйста, сделайте в своих видео так, чтобы терминал занимал 90-95vh вашего экрана, а то рабочая область глаз режет.

  • @АльбертАлиев-м9и
    @АльбертАлиев-м9и Місяць тому

    Отличный курс с четким и ясным изложением, очень помог закрыть мои пробелы в HTML & CSS, спасибо вам большое!

  • @SuhrobSobirov-b4d
    @SuhrobSobirov-b4d Місяць тому

    Помогите пожалуйста, как сделать туду лист с fake API использовать CRUD

  • @dmitrym840
    @dmitrym840 Місяць тому

    Спасибо, что так все объясняете

  • @Alex888mount
    @Alex888mount 2 місяці тому

    Спасибо

  • @михаилг-ч2м
    @михаилг-ч2м 2 місяці тому

    привет, как на маке перейти в конец строки через горячее кнопки?

  • @alexbrutski1210
    @alexbrutski1210 2 місяці тому

    Чётко и по делу. Благодарю за видео.

  • @СашаАлександр-е4м
    @СашаАлександр-е4м 2 місяці тому

    Старый синтаксис

  • @Js__voL_06
    @Js__voL_06 2 місяці тому

    Могу я вам кое что еще посоветовать то что говорится там про число колонок 12. Вы можете в одном row даже создать допустим col-lg-12 по два раза допустим и в итоге ничего тут страшного не будет допустим у меня в макете такая верстка что мне нужно чтобы колонки были друг под другом и это вполне допустимо пользуйтесь. В вашем row ведь работает flex-wrap по сути он и переносит на следующую строку все колонки так и есть.

  • @Js__voL_06
    @Js__voL_06 2 місяці тому

    Бомбезное видео. Спасибо. Хотелось бы сказать по поводу bootstrap что вот эти готовые не так что очень часто нужны бывают сильно засоряет код прям очень. Лично я использую половину bootstrap а половину чего то сам дописываю. По поводу контейнера в большинстве случаев или 1170px=1140 ( т.к padding 15 px справа и слева ) контейнер бывает для макета или 1320 px . А так да супер 🙂

  • @МаксимМаксименко-о6ь

    Спасибо просто и по факту

  • @Js__voL_06
    @Js__voL_06 2 місяці тому

    Вы скажите пожалуйста какой шрифт в VS code у вас используется?

  • @Js__voL_06
    @Js__voL_06 2 місяці тому

    Bootstrap 5 мощнее как не крути 😊 Хотя по мощности Bootstrap и SAS сложно сравнивать напрямую, поскольку они работают в совершенно разных областях. Но если мы говорим именно о создании веб-интерфейсов, то Bootstrap - мощная и, безусловно, незаменимая “машина” в своём деле!

  • @Rinat993
    @Rinat993 2 місяці тому

    Хорошо объяснила, спасибо

  • @a5i3nt0i
    @a5i3nt0i 2 місяці тому

    По хранению данных корзин и покупок в local storage не согласен. Зашел с другого браузера или устройства и корзина пуста.

  • @FeofilovRoma
    @FeofilovRoma 2 місяці тому

    22:30, 25:30, 26:39, 28:13, 34:27, 46:12 - вота кута. Я без ума от вам леди

  • @FeofilovRoma
    @FeofilovRoma 2 місяці тому

    ВОТ ЭТА ЖЕНЩИНА!!! УФФФФФФФ

  • @tatian7958
    @tatian7958 2 місяці тому

    Спасибо! Расскажите о своем пути в разработку)

  • @petrychuknataliya2614
    @petrychuknataliya2614 3 місяці тому

    Бесполезное видео

  • @ultimateq8479
    @ultimateq8479 3 місяці тому

    Было бы круто если бы вы код с каждого видео загружали на Гитхаб, чтоб у нас сразу был бы доступ к нему, особенно если код большой на видео 🙏 А так видео супер 🙌

  • @Virisound
    @Virisound 3 місяці тому

    Круто, спс. Эх... можно было бы в реале заморозить свой возраст) Set хорошая штука. Знак ? я думал только в Typescript.

  • @noviy-zavet888
    @noviy-zavet888 3 місяці тому

    Привет , а где ты училась сама ? И сколько времени ?

  • @alexmajak3159
    @alexmajak3159 3 місяці тому

    Девушка спортсменка, комсомолка. И просто умная и красивая девушка. Спасибо Вам за Вашу работу.

  • @ultimateq8479
    @ultimateq8479 3 місяці тому

    can you do some videos on front end and back end together ?🙏

    • @developerkg
      @developerkg 3 місяці тому

      @@ultimateq8479 yes, definitely looking at it right now)

  • @thelowfer1016
    @thelowfer1016 3 місяці тому

    Супер) Больше видео по ванильному JS 👏

  • @developerkg
    @developerkg 3 місяці тому

    openweathermap.org/current#name ссылка для API

  • @di_parhomchik
    @di_parhomchik 3 місяці тому

    Спасибо Вам огромное! Все очень кратко, ясно и по делу.

  • @user-aidana93
    @user-aidana93 3 місяці тому

    Добрый день!сделайте пожалуйста redux Toolkit

  • @andrio8511
    @andrio8511 3 місяці тому

    А можно купить обучение у вас ?

  • @aleksey2793
    @aleksey2793 3 місяці тому

    Какие цены на аутентификацию чз фаербейс?

  • @ИгорьХудолеев
    @ИгорьХудолеев 4 місяці тому

    Махаббат, вы просто прелесть. Уроки очень интересные и лаконичные. Но иногда не хватает объяснений. Скажите, пожалуйста, почему мы вначале используем array from? Почему нельзя просто потом перебрать эту переменную через ForEach?

  • @nik_user75
    @nik_user75 4 місяці тому

    отказались от всяких библиотек css, т.к. у клиетов сеть порезана, не на все сайты есть доступ (получился огромный тормоз), много работ пришлось переписать стили css и теперь не используем готовые библиотеки

  • @Flipty18
    @Flipty18 4 місяці тому

    Спасибо, очень хороший видеоурок

  • @RkKab-v1z
    @RkKab-v1z 4 місяці тому

    Спасибо огромное, единственная кого мне очень интересно слушать а самое главное очь понятно ❤

  • @ДмитрийС-ш9б
    @ДмитрийС-ш9б 4 місяці тому

    А когда object-fit стал необычным свойством? Очень даже часто используемое свойство

  • @VR_-gy7nw
    @VR_-gy7nw 4 місяці тому

    Много чего не обьясняется, просто автор говорит давайте возьмем вот это, добавим вот сюда и сделаем вот так. Пояснения конечно не хватает совсем. Ну а так получается что просто интересно наблюдать за разбработкой сайта. кароче можно смотреть тупо без звука)

  • @ynty.1
    @ynty.1 4 місяці тому

    Здравствуйте можете подсказать пожалуйста на каком программе вы записываете видео ? если OBS то какие настройки у вас ?

  • @СтаниславГорячев-г1ъ

    Спасибо большое, вы очень большая молодец, продолжайте выпускать уроки

  • @AzatH-m1x
    @AzatH-m1x 4 місяці тому

    спасибо помогло очень я начинаю изучать программирования сейчас фронтэнд а потом бэкенд html, css , java script , react js 2024 гаду какие советы дадите??