![LN Master](/img/default-banner.jpg)
- Видео 127
- Просмотров 191 631
LN Master
Украина
Добавлен 4 окт 2013
Образовываемся, познаем и созидаем с JavaScript
JS-приложения: 🔥 Word Frequency App (Подсчет слов в тексте) Chart.js 🔥
🔎 В данном обучающем ролике мы разберем приложение, позволяющее сосчитать количество повторяемых лексем в тексте. Но это не только простая арифметика, но и радующее глаз, отображение на странице, в виде таблицы и графика (Chart.js). Приятного просмотра и желаю вам почерпнуть для себя частицу нового и неизведанного.
🔎
Всем желающим советую подписаться на канал, чтобы оставаться в курсе всех поступающих обновлений.
📈 ССЫЛКА НА РЕПОЗИТОРИЙ С КОДОМ 👉 github.com/lnmaster/js-tutorials/tree/main/word-frequency-app
Таймкоды здесь:
01:19 - Разбор разметки
01:48 - Смотрим стили
02:13 - Разметка формы ввода текста
02:45 - Форма ввода в UI
03:06 - Табы для переключения отображения в html
03:23 - Извлекаем из ...
🔎
Всем желающим советую подписаться на канал, чтобы оставаться в курсе всех поступающих обновлений.
📈 ССЫЛКА НА РЕПОЗИТОРИЙ С КОДОМ 👉 github.com/lnmaster/js-tutorials/tree/main/word-frequency-app
Таймкоды здесь:
01:19 - Разбор разметки
01:48 - Смотрим стили
02:13 - Разметка формы ввода текста
02:45 - Форма ввода в UI
03:06 - Табы для переключения отображения в html
03:23 - Извлекаем из ...
Просмотров: 215
Видео
JS-приложения: 🔥 Border-Radius Previewer 🔥
Просмотров 5823 месяца назад
🔎 В данном видео наглядно продемонстрировано использование свойства border-radius. Обработка события через input и использование анимации. Немало важным аспектом обучающего видео является навык работы с BOM , а конкретно с navigator, позволяющий скопировать строку в буфер обмена. Мини-проект вполне может стать еще одним дополнением к вашему портфолио. Всем желающим советую подписаться на канал,...
JS-приложения: Погода (Weather App)
Просмотров 3113 месяца назад
В данном видео мы обучаемся работе с API и DOM. Используем базовые знания HTML5, CSS и JavaScript. Абсолютно без всяких излишеств реализуем приложение погоды, которое впоследствии можно дополнить оригинальным дизайном или выводом вспомогательной информации. Всем желающим советую подписаться на канал, чтобы оставаться в курсе всех поступающих обновлений. ССЫЛКА НА РЕПОЗИТОРИЙ С КОДОМ 👉 github.co...
Разработка игр на JS: Крестики-нолики на СОКЕТАХ (Socket.io)
Просмотров 3623 месяца назад
В данном видео продемонстрировано создание игры "Крестики-нолики", но в этот раз с использованием протокола WebSocket. Разбираем основную логику приложения, комментирую ключевые участки кода и показываю результат выполнения. Всем, кто желает ознакомиться с реализацией на ИИ, предлагаю перейти по ссылке: Разработка игр на JS: Крестики-нолики с AI 👉 ruclips.net/user/liveEtFalbAhhFM ССЫЛКА НА РЕПО...
Chat GPT: TODO список с помощью сверхразума
Просмотров 2714 месяца назад
ChatGPT (от англ. Generative Pre-trained Transformer «генеративный предварительно обученный трансформер») - чат-бот с генеративным искусственным интеллектом, разработанный компанией OpenAI и способный работать в диалоговом режиме, поддерживающий запросы на естественных языках. Система способна отвечать на вопросы, генерировать тексты на разных языках, включая русский, относящиеся к различным пр...
Подкаст: "Причины выгорания разработчиков"
Просмотров 1725 месяцев назад
👉 Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 #lnmaster #programming #js
Обзор новых методов массива JS (2023 Июль) #js
Просмотров 52611 месяцев назад
👉 Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 Пользовательские итерируемые объекты: ruclips.net/video/CDpBHAwFsog/видео.html 02:06 - Array.prototype.group 13:04 - Array.prototype.groupToMap 19:00 - Array.prototype.toReversed 22:30 - Array.prototype.toSorted 24:04 - Array.prototype.toSpliced Ссылки на документацию по методам: 1. developer.mozilla.o...
Введение в Recoil. Пишем CRUD. Атомы и селекторы.
Просмотров 437Год назад
🔥 Персональный блог: lnblogdjango.herokuapp.com/ 🔥 Исходник: stackblitz.com/edit/react-fjxfzr?file=src/components/EditForm.jsx 🔥 Демо: react-fjxfzr.stackblitz.io 👉 Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 Таймкоды: 00:00 - Основные понятия. Упоминание Redux. 08:59 - RecoilRoot и первый атом. 12:18 - Подписка на атом. Хук useRecoilValue. 16:05 -...
Решаем задачи с LeetCode: Add Two Numbers #2
Просмотров 742Год назад
👉 Add Two Numbers: leetcode.com/problems/add-two-numbers/ 👉 Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 🔥 Персональный блог: lnblogdjango.herokuapp.com/ #leetcode #javascript
Выразительный JavaScript: Ожидание нескольких обещаний
Просмотров 779Год назад
У конструктора Promise есть метод all, который, получая массив обещаний, возвращает обещание, которое ждёт завершения всех указанных в массиве обещаний. Затем он выдаёт успешный результат и возвращает массив с результатами. Если какие-то из обещаний в массиве завершились неудачно, общее обещание также возвращает неудачу (со значением неудавшегося обещания из массива). Попробуйте сделать что-либ...
Примеры утечек памяти в JavaScript
Просмотров 6 тыс.2 года назад
Утечки памяти происходят, когда браузер по какой-то причине не может освободить память от недостижимых объектов. Обычно это происходит автоматически (Управление памятью в JavaScript). Кроме того, браузер освобождает память при переходе на другую страницу. Поэтому утечки в реальной жизни проявляют себя в двух ситуациях: 1. Приложение, в котором посетитель все время на одной странице и работает с...
Простой менеджер состояний на Context API, useContext и useReducer
Просмотров 3 тыс.2 года назад
В типичном React-приложении данные передаются сверху вниз (от родителя к дочернему компоненту) с помощью пропсов. Однако, подобный способ использования может быть чересчур громоздким для некоторых типов пропсов (например, выбранный язык, UI-тема), которые необходимо передавать во многие компоненты в приложении. Контекст предоставляет способ делиться такими данными между компонентами без необход...
Про __proto__ и prototype на практике
Просмотров 5 тыс.2 года назад
👉Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 🔥 Персональный блог: lnblogdjango.herokuapp.com/ #js #prototype #oop
Обзор новых фич JavaScript ES 2022
Просмотров 1,8 тыс.2 года назад
👉Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 🔥 Персональный блог: lnblogdjango.herokuapp.com/ 00:00 - await на глобальном уровне 04:22 - at() 10:52 - hasOwn() 16:20 - matchAll() 19:26 - статичные приватные/публичные поля #js #es2022
Паттерны проектирования на TypeScript (React) - Абстрактная фабрика (Abstract Factory)
Просмотров 2 тыс.2 года назад
👉Telegram канал: t.me/ln_yt 👉 Telegram лс: @lnmasterJS 👉 ВК-сообщество: club194671088 👉 Исходник: github.com/Lukashev/nodejs-youtube/tree/master/design_paterns/Abstract Factory 🔥 Персональный блог: lnblogdjango.herokuapp.com/ #typescript #patterns #abstract_factory #js
Паттерны проектирования на TypeScript - Итератор (Iterator)
Просмотров 7932 года назад
Паттерны проектирования на TypeScript - Итератор (Iterator)
Паттерны проектирования на TypeScript - Наблюдатель (Observer)
Просмотров 2,5 тыс.2 года назад
Паттерны проектирования на TypeScript - Наблюдатель (Observer)
Уроки по Node.js - Отправка писем на почту
Просмотров 8 тыс.2 года назад
Уроки по Node.js - Отправка писем на почту
Уроки по JavaScript - Превращаем объекты в примитивы
Просмотров 3,5 тыс.2 года назад
Уроки по JavaScript - Превращаем объекты в примитивы
Уроки по JavaScript - Паттерн Singleton (Одиночка)
Просмотров 1,6 тыс.2 года назад
Уроки по JavaScript - Паттерн Singleton (Одиночка)
Уроки по JavaScript - "Объектный" switch/case
Просмотров 4382 года назад
Уроки по JavaScript - "Объектный" switch/case
Как работает Event Loop (Цикл событий) в браузере?
Просмотров 3 тыс.2 года назад
Как работает Event Loop (Цикл событий) в браузере?
Уроки по JavaScript - Паттерн "Модуль"
Просмотров 1,2 тыс.2 года назад
Уроки по JavaScript - Паттерн "Модуль"
Уроки по JavaScript - Загрузка скриптов (async / defer)
Просмотров 2,3 тыс.2 года назад
Уроки по JavaScript - Загрузка скриптов (async / defer)
Уроки по JavaScript - Область видимости переменных, const let var
Просмотров 4272 года назад
Уроки по JavaScript - Область видимости переменных, const let var
Уроки по JavaScript - Копирование объектов
Просмотров 9152 года назад
Уроки по JavaScript - Копирование объектов
Курс по Stripe: Интеграция подписок на сайт
Просмотров 2,7 тыс.2 года назад
Курс по Stripe: Интеграция подписок на сайт
JavaScript: Разбор методов Promise (all, allSettled, race, any), for await
Просмотров 1,7 тыс.2 года назад
JavaScript: Разбор методов Promise (all, allSettled, race, any), for await
JavaScript: Пользовательские итерируемые объекты (Symbol.iterator)
Просмотров 4,6 тыс.2 года назад
JavaScript: Пользовательские итерируемые объекты (Symbol.iterator)
JavaScript: Разбираем каррирование на простом примере
Просмотров 2,2 тыс.2 года назад
JavaScript: Разбираем каррирование на простом примере
Реально очень круто объясняешь. Я все не мог понять тему пока не наткнулся на твое видео. Спасибо за то что ты реально разъяснил что да как, а не просто взял статью с инета и на видео зачитал(как делают реально многие). Еще раз огромное спасибо
Что де
Спасибо!!!
Офигенный видос!
Спасибо дружище!! Хорошо объяснил))
Братан огромное тебе спасибо за контент! Ты делаешь полезный и нужный контент! Не обращай внимание на этих зрилов в лайве, ты топ!
ты силен, хотелось бы слышать немного больше объяснений по ходу дела. Например, зачем создал конкретный интерфейс; как они все вместе отработают в системе; последние правки тоже интересные, в принципе понятно, но хотелось бы пару слов-таки услышать, почему так происходит и почему так вылечил) успехов, снимай еще
Блин, решил 11 из 12 верно. Надломился на in, не знал, что он смотрит все уровни вложенности) А 10 решил, подумав, что метод "является ли объект владельцем свойства" вернет false на то свойство, которого нет в литеральном объявлении объекта)
Комбо для пробития дна
Крутейший контент и сам автор все разжевывает! Продолжай, уверен добьешься много!
начало 6:42
спасибо за отличное объяснение
Почти все понял кроме Промисов, но блин, как ты так делаешь - просто берешь и пишешь код? Мне чтобы строчку написать я двадцать раз сначала читаю, потом перепроверяю, потому что все забываю сразу как только мой код заработал - я сразу забываю как я его сделал
Наработанный опыт
А игры писал?
Какие ?
Провафлился😂😂😂
Зашла подача с юмором и интонированием, круто!
Великолепно, юмор в нынешнее время не помешает )
Понравился дизайн приложения, особенно анимация, молодец! Также хочу заметить, что использование updateBox() внутри validateInput() немного режет глаз. Было бы логичнее валидировать внутри апдейта.
Благодарю. Насчёт updateBox : да, можно и так реализовать .
Жду зарубу Вася Петрушкин vs Петрович! Еще интересный незнакомый термин услышал, "замыкание", где читаем сокет на клиенте. Надо будет глянуть, что это...
Баталия века ) Про замыкание можно на learnjavscript прочитать.
использовать ванильный js? ну чет такое. микрофон бы поднастроить немного подача материала не очень. ты просто показываешь как набираешь код. с таким же успехом можно просто открыть гитхаб репозиторий и показывать на нем)
Код я не набираю, а поэтапно вставляю. Так быстрее , иначе длительность самого ролика можно смело умножить на 3. Мало кому интересно слушать, как я набираю код на клавиатуре, поэтому прибегнул именно к такому подходу. Насчет ванильного JS - если хочешь писать свой фетч и промисы, то пожалуйста. Можно сразу откатиться на 10 лет назад и внедрять полифилы в код) Так и до ассемблера можно дойти и печатать мнемонику. Что в твоем представлении означает "ванильность" ?
@@LNMaster_ так ты ж сам используешь в этом видео только js и html, чистый, как раз таки ванильный. при чем тут асм?) я ничего не имею против чистого js, но мне кажется это не актуально в условиях существования всяких ангуляров, реактов и пр фреймворков. так что ванильный js это как раз таки откат на лет 10 назад) а какая разница, вставляешь готовый или печатаешь? я за то что подача где ты просто показываешь код и объясняешь его. с тем же посылом ты мог открыть гитхаб реп и сидеть разбирать отдельные куски кода и сократить видео вообще до минуты)
@@user-gd7em8tb6d 1. "всяких ангуляров, реактов и пр фреймворков" - так посмотри то же самое, только с использованием фреймворков у других авторов, что тебе мешает ?) у меня в заголовке про это ни одного слова не упомянуто. Как раз это мой осознанный выбор: сделать все без сторонних библиотек, исключая bootstrap, например. 2. "а какая разница, вставляешь готовый или печатаешь?" - а что по твоему мнению, должен делать рассказчик ? Наговаривать код ?) P.S ИМХО - такое ощущение закладывается, что ты хочешь просто докопаться. И да, точно, просто открой гит и прочитай код, он в описании под видео)
Хоть видео и вышло 3 года назад, но... Видео просто обрывается и не рассказано, как запустить именно на хостинге... 30 минут в пустую
А на чем вы думаете я запускал приложение ? На микроволновке ?
На чайнике. Я сделал как в видео, но первый раз у меня не захотел запускаться код. Потом я немного переделал, и заработало. Так же я не совсем понял, зачем подключаться по CMD. Ну да ладно. Может кому то так удобнее. Так же ты не сказал зачем именно менять APP_PATH, хотя уточнить не помешало бы. (Это все без негатива, просто мое мнение) @@LNMaster_
@@M_u_s_i_c_YT Не все детали были учтены в ролике и вполне возможно на канале будет обновленная версия деплоя, уже на другой хост, со всеми нюансами и тд. Но это свершится не скоро, исходя из моих планов.
Хорошо. Если убрать большую часть воды из этого ролика и добавить деплой Python (У них есть инструкция) то получится очень даже хорошее видео)@@LNMaster_
Еще 2000 новый фреймворков и обновлений реакта не вышло?
Не понял вопроса
также думаю, вместо стрима можно было просто видео, которое будет смонтировано, где всё это можно было вложить в 15-20 минутный ролик. Когда 2-й раз пересматриваю, много раз скипаю и ищу необходимую информацию и нет таймкодов. Например заранее верстку подготовить
Хотел некоторые вопросы задать. Буду рад если ответишь Я вижу то, что после оплаты, amount зачисляется на аккаунт Strapi. Но вопрос в том, что это же фейковый amount и карта также. Что тогда зачисляется на акаунт в Strapi? И как можно сделать такую реализацию, чтобы данные приходили например на мою карту, или на карту, которую я укажу. или из Strapi можно выводить на свою карту как-то? Например я как юзер делаю оплату и с карты (А) деньги уходят на карту сейлера (карта Б). Ответь пожалуйста. Реально важно для меня. Заказ пришел. Первые деньги, нужно реализовать такую штуку. Я видео твоё смотрю но пока не до конца пазл складывается. Почти до конца досмотрел. На 1:30:00 остановился
Средства можно выводить на счет через payouts . Единственное нужно пройти верификацию аккаунта , так как поначалу доступен только тестовый режим. Ещё есть такой нюанс , как комиссия . Вполне возможно , что её размер зависит от региона самого аккаунта. В силу моей плохой осведомленности по теме того, как сейчас работает Strapi, каких-то чётких рекомендаций дать не смогу.
@@LNMaster_ Я уже подразобрался. Получилось уже сумму отправить, у меня на акаунте тепепрь 0.23 цента есть) Я через сам интерфейс Страйпа сделал ссылку на оплату. Сейчас думаю, как это с реактом интегрировать. Опять пересмотрю твой видос, посмотрю как ты делаешь это. Поскольку я то разобрался как сделать рабочую ссылку, чтобы можно было оплату сделать, но это ссылка сайта страйп и придется разбираться сейчас как сделать так, чтобы получить тригер именно на моем сайте что оплата была сделана
Это какой-то странный способ создать массив и пушить туда элементы. Много кода. Можно же просто. В любой точке кода s = [] s.push(el)
1. Этот пример показывает вам не способ создания массива, а способ создания "замкнутой" (модульной) системы 2. Какими методами массива вы можете узнать значение последнего элемента, узнать есть ли в нём что-то вообще? И вообще, что если вы хотите организовать свой метод которого пока не существует в JS?
@@danilx6239 2. Создайте метод хэлпер, getLastArrayEl(array) пишите там что хотите, передавайте массив. Один из вариантов. 1. Замкнутая модульная система на основе примитивного массива... Эээ чё? Пример в видео не отражает сути.
С этим уже надо что-то делать. Каждый ктотнаучился кнопки жать лезет в ютуб и засирает его своей хренью по типу что умею то и делаю. В итоге за ними не видно нормальных преподавателей. Одни вот такие ушлепки. Тяжело учится. Отнимают время.
Так смотрите тех, кто вас устраивает. Чего вы тогда сюда пришли ?
@@LNMaster_ Поиск выкинул. Пришлось потратить время чтобы разобратся, что мне подсунули
Не понимаю зачем надо бить код в живую. Что мешает его напечатать заранее, а потом показывать? В микрофон слышно клавиатуру. Словно она возле уха. Это не радует.
Подача кода плохая много экрана занято линими элементами, а текст мелковат.
очень жаль, что удаляете комментарии
На основании чего вы сделали такой вывод ?
@@LNMaster_ извините, ютуб оказывается удалил его из-за того, что я прикрепил ссылку. Примитивы в JS тоже лежат в куче, потому что даже примитивы являются объектами, внутри которых лежит много всего. Например, ссылка на прототип, дескрипторы полей и тд. Исключением являются простые числа, что вы у видели в мемори дебаггере с числовой переменной. Когда мы создаем строковую переменную, ее настоящее значение (сама строка) является указателем на участок памяти в куче, а не на стеке. В отличие от C/C++ у нас нет возможности на это как-то повлиять, потому что v8 - виртуальная машина, которая как вы правильно сказали сама управляет памятью и освобождает ее. Есть статья в v8 блоге называется Pointer Compression in V8, там про это как раз говорится подробно.
спасибо!🙂
Если что, в ChatGPT можно общаться по-русски, без всяких пёрфект инглишей
Можно, но предпочитаю английский
Все любят детальность, а нейросети так особенно :) Видел исследование, которое выявило общее ухудшение качества кода начиная с момента запуска Github Copilot.. А все почему? Я думаю Никита показал :)
Да, не все, что автоматизированно - работает без погрешностей.
Первый😂
Набежал )
Спасибо большое братан😂💪 посмотрел залпом от начала до конца просто каеф🔥
Че Map И Set не заталкал туда?
до сих пор смеюсь))) лодаши
"_" это символ называется underscore но такая библиотека уже была поэтому они придумали нижнее тире и убрали "w" из слова low dash
лодаш говорит)))) лодаш это этот символ "_" - dash тире (только внизу типа нижнее тире) он в логотипе есть произносится как "лоудэш" "у" длиннная как в слове "лоу/low"
Спасибо за урок! Полезно посмотреть. Поделись, пожалуйста, исходным кодом
Жуть как затянуто
Ооо боже мой )) сколька проблем)
А какие тут вообще проблемы? Ключ ssh закинуть, файлы там, прописать конфиги, пнуть и всё собственно
у тебя есть рекурсивная функция? у меня есть кое-что получше - рисунок вызовов рекурсивной функции!
блин ну очень тихо
7:38 - почему DomContentLoaded показался 2-м? по объяснённой логике должен быть первым - он выше и должен был обработать сразу же после загрузки дома
Простой парнишка разложил всё по полочкам так, как это не делают JSсамцы.
Альфачи)
Краткое руководство от мастера
Про кружки. У меня тут тоже уже почти сервант
Так можно и баристой стать) или кухаркой )
Видео пушка! Когда читал на learn.js, ничего не понял, а здесь более и менее разобрался. Спасибо!
Рад помочь
че ты сидишь в этой квартире с такими знаниями, ты должен как минимум в америке или в европе жить господи
Спасибо за видео. Посмотрел на другом канале про контекст и редюсеры, но здесь как-то по-другому, хотя архитектура та же самая)
У каждого свой взгляд и это норма )
Наконец то ты вернулся)
😊
Спасибо за видео. Увеличивай масштаб иначе не читабельно на экране. Не говорю уже про девайсы
Благодарю. Насчет масштаба согласен.