- 79
- 145 096
Makhabat Abdisattarova
Приєднався 25 жов 2014
Привет, меня зовут Махабат, и я JavaScript-разработчик. Здесь я делюсь своим опытом и знаниями, помогая улучшить навыки программирования. Присоединяйтесь, чтобы узнать больше!
5 скрытых возможностей JavaScript, которые упростят вашу работу!
В этом видео мы рассмотрим 5 мощных функций JavaScript, которые помогут вам писать более эффективный и чистый код. Узнайте, как правильно использовать Map, Set, Intl для интернационализации, Object.freeze для защиты объектов и опциональную цепочку для упрощения работы с вложенными объектами. Эти трюки обязательно пригодятся в реальных проектах! Не пропустите - улучшите свои навыки JS уже сегодня!
#javascript #вебразработка #frontend #intl #map #set #objectfreeze #программирование #кодинг #опциональнаяцепочка #jsтуториал #советыпрограммистам #веб #интернационализация #jsтехники #программист #разработкасайтов #код #учимjs #webdevelopment #программистдляначинающих #webdev #джаваскрипт #фронтенд #кодингуроки #программированиедляначинающих #урокиjavascript #разработка #техникипрограммирования
#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 в практике. Как можно избежать этого?
Eval очень плохая идея нельзя с ним играть в шутки. Данный метод очень не безопасный особенно для злоумышленных людей. Так что мой вам совет лучше другим способом все это реализовать а так в целом калькулятор хороший.
спасибо большое!!!
Большое спасибо, максимально кратко и по делу.
По-сути в этом примере разрешено деление, и никто не запрещает написать что-то а ля 3/0, и получится NaN. И по хорошему этот кейс надо бы отдельно обработать, чтобы получать нормальную ошибку на выходе, а не NaN. А еще никто не запрещает наставить много плюсов или минусов, что тоже не сможет быть адекватно воспринято и посчитано. Также, как и несколько точек. И это тоже надо бы отдельно запретить делать.
У этой женщины есть телеграмм канал ?
Спасибо! Крутое видео
Спасибо за урок! У вас прикольный подход 👍 Мне нравится
👍
Спасибо большое за ваш бесценный труд, учу HTML и CSS , дальше больше😂
Свой коммент убрал. Погорячился, для начинающих ролик действительно неплохой. Убрать только слово "Полный" из названия и вообще вопросов не будет. Спасибо, что напомнили :)
Спасибо большое за видео, помогаешь практиковаться
Как посмотреть css стили в figma?
Если есть возможность, то, пожалуйста, сделайте в своих видео так, чтобы терминал занимал 90-95vh вашего экрана, а то рабочая область глаз режет.
Отличный курс с четким и ясным изложением, очень помог закрыть мои пробелы в HTML & CSS, спасибо вам большое!
Помогите пожалуйста, как сделать туду лист с fake API использовать CRUD
Спасибо, что так все объясняете
Спасибо
привет, как на маке перейти в конец строки через горячее кнопки?
Чётко и по делу. Благодарю за видео.
Старый синтаксис
Могу я вам кое что еще посоветовать то что говорится там про число колонок 12. Вы можете в одном row даже создать допустим col-lg-12 по два раза допустим и в итоге ничего тут страшного не будет допустим у меня в макете такая верстка что мне нужно чтобы колонки были друг под другом и это вполне допустимо пользуйтесь. В вашем row ведь работает flex-wrap по сути он и переносит на следующую строку все колонки так и есть.
Бомбезное видео. Спасибо. Хотелось бы сказать по поводу bootstrap что вот эти готовые не так что очень часто нужны бывают сильно засоряет код прям очень. Лично я использую половину bootstrap а половину чего то сам дописываю. По поводу контейнера в большинстве случаев или 1170px=1140 ( т.к padding 15 px справа и слева ) контейнер бывает для макета или 1320 px . А так да супер 🙂
Спасибо просто и по факту
Вы скажите пожалуйста какой шрифт в VS code у вас используется?
Bootstrap 5 мощнее как не крути 😊 Хотя по мощности Bootstrap и SAS сложно сравнивать напрямую, поскольку они работают в совершенно разных областях. Но если мы говорим именно о создании веб-интерфейсов, то Bootstrap - мощная и, безусловно, незаменимая “машина” в своём деле!
Хорошо объяснила, спасибо
По хранению данных корзин и покупок в local storage не согласен. Зашел с другого браузера или устройства и корзина пуста.
22:30, 25:30, 26:39, 28:13, 34:27, 46:12 - вота кута. Я без ума от вам леди
ВОТ ЭТА ЖЕНЩИНА!!! УФФФФФФФ
Спасибо! Расскажите о своем пути в разработку)
Бесполезное видео
Было бы круто если бы вы код с каждого видео загружали на Гитхаб, чтоб у нас сразу был бы доступ к нему, особенно если код большой на видео 🙏 А так видео супер 🙌
Круто, спс. Эх... можно было бы в реале заморозить свой возраст) Set хорошая штука. Знак ? я думал только в Typescript.
Привет , а где ты училась сама ? И сколько времени ?
Девушка спортсменка, комсомолка. И просто умная и красивая девушка. Спасибо Вам за Вашу работу.
can you do some videos on front end and back end together ?🙏
@@ultimateq8479 yes, definitely looking at it right now)
Супер) Больше видео по ванильному JS 👏
openweathermap.org/current#name ссылка для API
Спасибо Вам огромное! Все очень кратко, ясно и по делу.
Добрый день!сделайте пожалуйста redux Toolkit
А можно купить обучение у вас ?
Какие цены на аутентификацию чз фаербейс?
Махаббат, вы просто прелесть. Уроки очень интересные и лаконичные. Но иногда не хватает объяснений. Скажите, пожалуйста, почему мы вначале используем array from? Почему нельзя просто потом перебрать эту переменную через ForEach?
отказались от всяких библиотек css, т.к. у клиетов сеть порезана, не на все сайты есть доступ (получился огромный тормоз), много работ пришлось переписать стили css и теперь не используем готовые библиотеки
Спасибо, очень хороший видеоурок
Спасибо огромное, единственная кого мне очень интересно слушать а самое главное очь понятно ❤
А когда object-fit стал необычным свойством? Очень даже часто используемое свойство
Много чего не обьясняется, просто автор говорит давайте возьмем вот это, добавим вот сюда и сделаем вот так. Пояснения конечно не хватает совсем. Ну а так получается что просто интересно наблюдать за разбработкой сайта. кароче можно смотреть тупо без звука)
Здравствуйте можете подсказать пожалуйста на каком программе вы записываете видео ? если OBS то какие настройки у вас ?
Спасибо большое, вы очень большая молодец, продолжайте выпускать уроки
спасибо помогло очень я начинаю изучать программирования сейчас фронтэнд а потом бэкенд html, css , java script , react js 2024 гаду какие советы дадите??