Northern Lights
Northern Lights
  • 22
  • 25 152
JavaScript для начинающих | Разработка интернет-магазина квадрокоптеров DJI | Часть 2
Исходники к этому проекту: t.me/Northern_Ligths/99
Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html
Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html
Все курсы и интенсивы: nl-code.ru/
Мой Telegram-канал: t.me/Northern_Ligths
มุมมอง: 526

วีดีโอ

Фильтрация по цене в диапазоне (от min до max) на JavaScript | JS
มุมมอง 154หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/99 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Сортировка по возрастанию и убыванию цены на JavaScript | JS
มุมมอง 156หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/99 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Фильтрация по поиску на JavaScript | JS
มุมมอง 638หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/99 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Фильтрация по серии на JavaScript | JS
มุมมอง 325หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/99 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Кнопка "Показать ещё" на JavaScript | JS
มุมมอง 311หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/99 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
JavaScript для начинающих | Разработка интернет-магазина квадрокоптеров DJI
มุมมอง 1.1K3 หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Корзина на JavaScript | JS (подробное объяснение)
มุมมอง 6473 หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Счётчики на JavaScript | JS (подробное объяснение)
มุมมอง 2293 หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Модальное окно на JavaScript | JS (подробное объяснение)
มุมมอง 4183 หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Пагинация на JavaScript | JS (подробное объяснение)
มุมมอง 2K3 หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Динамическое добавление карточек товаров на страницу на JavaScript | JS
มุมมอง 1.9K3 หลายเดือนก่อน
Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
Разработка интернет-магазина квадрокоптеров на JavaScript | JS. Анонс интенсива
มุมมอง 7563 หลายเดือนก่อน
В этом видео я расскажу и покажу, какой функционал будет в новом 5-дневном интенсиве на JavaScript. Исходники к этому проекту: t.me/Northern_Ligths/85 Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths
🚀 23 задачи с Интерактивностью и Динамичностью на JavaScript
มุมมอง 6034 หลายเดือนก่อน
В этом видео мы поговорим о реальных задачах с интерактивностью и динамичностью, которые выполняет Frontend-разработчик. Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths 00:00 - Интро 01:18 - Меню 01:47 - Изменение фона при ...
35 pet-projects на Javascript. Идеи для начинающих frontend-разработчиков. Как выбирать проекты?
มุมมอง 7K4 หลายเดือนก่อน
В этом видео мы рассмотрим 35 идей для pet-проектов на Javascript и поговорим о том, как их выбирать. Курс по верстке сайтов на HTML и CSS: nl-code.ru/web-developer.html Курс по Frontend-разработке на JavaScript: nl-code.ru/frontend-developer.html Все курсы и интенсивы: nl-code.ru/ Мой Telegram-канал: t.me/Northern_Ligths 00:00 - Интро 00:28 - Проект 1 - Опросник 02:24 - Проект 2 - Викторина 02...
14 реализованных pet-проектов в портфолио на Javascript для начинающих фронтенд-разработчиков
มุมมอง 1.9K5 หลายเดือนก่อน
14 реализованных pet-проектов в портфолио на Javascript для начинающих фронтенд-разработчиков
Стилизация checkbox и radio на CSS. Кастомные чекбоксы и радиокнопки
มุมมอง 5862 ปีที่แล้ว
Стилизация checkbox и radio на CSS. Кастомные чекбоксы и радиокнопки
Неоновая кнопка на CSS
มุมมอง 4823 ปีที่แล้ว
Неоновая кнопка на CSS
Кнопка с эффектом светящейся градиентной границы на СSS
มุมมอง 2963 ปีที่แล้ว
Кнопка с эффектом светящейся градиентной границы на СSS
Плавная смена картинок до/после на CSS. Эффект сканера. Before/After
มุมมอง 1.2K3 ปีที่แล้ว
Плавная смена картинок до/после на CSS. Эффект сканера. Before/After
Анимация текста на HTML и CSS в виде бегущей строки
มุมมอง 2.8K3 ปีที่แล้ว
Анимация текста на HTML и CSS в виде бегущей строки
Эффект блика на кнопке на чистом CSS
มุมมอง 7693 ปีที่แล้ว
Эффект блика на кнопке на чистом CSS

ความคิดเห็น

  • @skater1615
    @skater1615 ชั่วโมงที่ผ่านมา

    где комменты, такой контент пропадает((( Мне как начинающему во фронтенде это один из немногих каналов с хорошим и простым объяснением базы

  • @ВиталийДавыдов-э4г
    @ВиталийДавыдов-э4г 3 ชั่วโมงที่ผ่านมา

    А как если я из базы с помощью php достаю массив, как передать в этот код?

  • @skater1615
    @skater1615 15 ชั่วโมงที่ผ่านมา

    очень классный курс с большим количеством годного интерактива сайта для разбора новичкам

  • @skater1615
    @skater1615 15 ชั่วโมงที่ผ่านมา

    контент просто огонь ничего лишнего и очень хорошо структурированно по отношению к другим ютуб каналам по фронтэнд

  • @skater1615
    @skater1615 วันที่ผ่านมา

    НУЖНО БОЛЬШЕ ВИДЕО

  • @Владислав-т5ы
    @Владислав-т5ы 10 วันที่ผ่านมา

    а как бы ты сделал сохранение текущей страницы при закрытии какой - нибудь карточки. Столкнулся с задачей, что меня перебрасывает на первую страницу

    • @northernlights1369
      @northernlights1369 10 วันที่ผ่านมา

      Ты имеешь в виду под закрытием карточки ситуацию, когда открываешь страницу отдельного товара, а затем возвращаешься обратно в каталог или что-то другое? Как вариант, можешь каждый раз при изменении текущей страницы записывать её в localStorage и затем брать оттуда её номер

  • @Владислав-т5ы
    @Владислав-т5ы 10 วันที่ผ่านมา

    а как бы ты сделал сохранение текущей страницы при закрытии какой - нибудь карточки. Столкнулся с задачей, что меня перебрасывает на первую страницу

  • @Billion-man1
    @Billion-man1 15 วันที่ผ่านมา

    я толком не учил базовый htm с js начал с фреймворков, очень интересно однако

  • @ВладимирТомилин-ш8ю
    @ВладимирТомилин-ш8ю 17 วันที่ผ่านมา

    Очень толково изложен материал. Благодарю. Удачи тебе.

  • @Мазака
    @Мазака 22 วันที่ผ่านมา

    Как много говно кода ) как минимум в пагинации проще так делать currentPage = Number(newActiveLi.textContent); renderProducts(products, ulContainer, productCount, currentPage); ну и дизайн конечно у Archakov Blog стащил....

  • @ГосподинА-д8й
    @ГосподинА-д8й 29 วันที่ผ่านมา

    Подскажите пожалуйста, если надо менять цену продуктов у более 100 позиций каждую неделю . Это проще делать через таблицу наверное, так вот как это сделать?

    • @stormbraker637
      @stormbraker637 28 วันที่ผ่านมา

      Интеграция с google docs

  • @skater1615
    @skater1615 หลายเดือนก่อน

    Отличное понимание и подача материала

  • @oz669
    @oz669 หลายเดือนก่อน

    Спасибо большое, очень интересно и познавательно 🫡

  • @Pavelius
    @Pavelius หลายเดือนก่อน

    Очень мало кто это делает на чистом js

  • @skater1615
    @skater1615 หลายเดือนก่อน

    отличный канал с большим количеством идей для пет проектов, начинающим самое то

  • @skater1615
    @skater1615 หลายเดือนก่อน

    у автора 7 лет опыта в вебе и ноль активности на канале надо исправлять

  • @skater1615
    @skater1615 หลายเดือนก่อน

    Делай видео дальше интересный канал

  • @igorsenichev3779
    @igorsenichev3779 หลายเดือนก่อน

    Отличный интенсив, спасибо. 👏 Будет вообще шикарно, если после окончания всего интенсива данного магазина на JS, воссоздать этот же магазин на React. Тем самым люди увидят чем React удобнее JS, что многое, что мы пишем в js, прописывая каждое действие, легко делается в react, где он делает, а мы лишь описываем что нам надо получить. Плюс благодаря react все настройки фильтрации, пагинации, отображения страниц будет динамическим, а не полностью перезагружаться, как в Js. Если человек сначала напишет на JS, а потом это же на React, то закроет многие вопросы и увидет в чем прелесть и удобство писать проекты на библиотеке или фрейм ворке, а не на чистом JS. Но для начала надо хорошо разобраться в js и для этого (для практики и закоепления знаний отлично подходит этот интенсив), а далее уже фреймворк (Vue или Angular) или библиотеку React, кому что удобно, совместно с Typescript для типизации (сейчас его тоже требуют для раьоты и трудоустройства, но слава богу он не сложен и после JS не трудно изучить). Творческих успехов и развития канала автору и будем ждать слелующих роликов 👍 Лайк и подписка 👍

  • @weepie9103
    @weepie9103 หลายเดือนก่อน

    классный интенсив, спасибо!

  • @WhereYourGodIs
    @WhereYourGodIs หลายเดือนก่อน

    интереснее чистый JS

    • @Мазака
      @Мазака 22 วันที่ผ่านมา

      чем ? что нужно следить за рендерем еще ? попробуй большой проект сделать на чистом js где тебе и за данными нужно следить и за тем как отрендерить это все. не говоря уже об оптимизации когда все люто лагать будет

    • @WhereYourGodIs
      @WhereYourGodIs 22 วันที่ผ่านมา

      @@Мазака в видео для начинающих был вопрос "что интереснее?" я ответил) чего нервничаешь?

    • @svay6849
      @svay6849 15 วันที่ผ่านมา

      Так це і є чистий js

  • @niusteral1108
    @niusteral1108 หลายเดือนก่อน

    после добавления фильтрации у меня перестала работать кнопка в корзину, что делать

    • @talantasanov4973
      @talantasanov4973 หลายเดือนก่อน

      решать проблему 😂

  • @Владимир-х6ы7л
    @Владимир-х6ы7л หลายเดือนก่อน

    Друг, спасибо тебе большое. Особенно за практику и объяснения ;)

  • @fishingeattravel3392
    @fishingeattravel3392 หลายเดือนก่อน

    О, вообще класс. То, что искал )

  • @-Liksait-
    @-Liksait- หลายเดือนก่อน

    Топ контент💪

  • @weepie9103
    @weepie9103 หลายเดือนก่อน

    Топ контент, спасибо!

  • @МастерМаргарита-т1ч
    @МастерМаргарита-т1ч หลายเดือนก่อน

    Прономеруй, пожалуйста, свои видео

  • @КириллФокин-у9о
    @КириллФокин-у9о 2 หลายเดือนก่อน

    отличное видео

  • @relefsidorovich3377
    @relefsidorovich3377 2 หลายเดือนก่อน

    Ррррр

  • @Gda64
    @Gda64 3 หลายเดือนก่อน

    огонь🔥

  • @ЛидияБугрова-г2ц
    @ЛидияБугрова-г2ц 3 หลายเดือนก่อน

    Класс! Спасибо)

  • @Сигма-ъ4щ
    @Сигма-ъ4щ 3 หลายเดือนก่อน

    А не лучше делать сразу на react?

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      В планах делать контент и на js, и на react Посмотрим

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 3 หลายเดือนก่อน

    Молодца!

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 3 หลายเดือนก่อน

    Крутой материал даешь!

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 3 หลายเดือนก่อน

    Поздравляю с 1К подписчиков!!!

  • @ЖангельдыРеджеп
    @ЖангельдыРеджеп 3 หลายเดือนก่อน

    Блин бро столько интерактива, задач и проектов. Прям радостно что нашёл тебя Особенно очень понравился видос с 35 проектами, как раз буду реализовать проекты)))

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      Благодарю!) Будет еще больше)

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 3 หลายเดือนก่อน

    То что нужно!!

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 3 หลายเดือนก่อน

    Крутые уроки!!👍🏻

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 3 หลายเดือนก่อน

    🔥🔥🔥

  • @jekakavaltchuk2714
    @jekakavaltchuk2714 3 หลายเดือนก่อน

    Пушка! главное продолжай, надеюсь активность и просмотры скоро придут)

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      Спасибо! В планах продолжать)

  • @self_education_l4397
    @self_education_l4397 3 หลายเดือนก่อน

    крутой микро, как называется?

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      под теми старыми видео плохой звук на самом деле но микрофон действительно хороший, hyperx quadcast только нужно дополнительно поставить прогу Light Host и плагины RX 10 Voice De-noise и Nectar 3 Помимо этого на монтаже я еще дополнительно накидываю шумоподавление

  • @maximrybchenko6578
    @maximrybchenko6578 3 หลายเดือนก่อน

    Только не понятно как администрировать сайт обычному работнику, чтобы он мог удалить или добавить новые товары не зная кода

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      Cамое простое решение - использовать какую-нибудь CMS, например WordPress. Еще я когда-то написал свой движок на php с админкой, как раз для таких случаев. Тоже вариант.

  • @Илья-х4в3ъ
    @Илья-х4в3ъ 3 หลายเดือนก่อน

    Только начал изучать js, видео автора очень помогают!

  • @jekakavaltchuk2714
    @jekakavaltchuk2714 3 หลายเดือนก่อน

    Здравствуй, спасибо за годный контент. Есть вопрос, все же что лучше использовать для вставки динам. контента, innerHTML или insertAdjacentHTML() ?

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      Спасибо! Если максимально упрощать, то при дополнении разметки используй insertAdjacentHTML(), а для замены содержимого - innerHTML. Наша ul по идее изначально пустая. Лишки, добавленные в файле index.html, нужны были только на этапе верстки, чтобы посмотреть как будут выглядеть карточки. Поэтому здесь можно было использовать и insertAdjacentHTML(). Причем он считается более безопасным. Но и innerHTML тоже пойдет.

    • @jekakavaltchuk2714
      @jekakavaltchuk2714 3 หลายเดือนก่อน

      @@northernlights1369 Благодарю за столь развернутый ответ, жду новых видео)

  • @Сандро-п7с
    @Сандро-п7с 3 หลายเดือนก่อน

    Спасибо, очень интересно

  • @АндрейДанилов-х8х
    @АндрейДанилов-х8х 3 หลายเดือนก่อน

    Огромное вам спасибо! Несколько дней пытался сделать бегущую строку с контентом больше видимой области. По ощущению облазил весь ютуб и гугл, но типовые решения не помогали. Мне казалось что придется использовать js, но в последний момент я наткнулся на ваше видео. Немного доработав ваше решение я смог добиться имитации плавной бесконечной прокрутки. Додуматься использовать позиционирование я бы никогда не догадался

    • @northernlights1369
      @northernlights1369 3 หลายเดือนก่อน

      Благодарю) Сам иногда использую на сайтах это решение или бесконечную прокрутку

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 4 หลายเดือนก่อน

    спасибо большое вам :-)

  • @user-pf5pi7oh3c
    @user-pf5pi7oh3c 4 หลายเดือนก่อน

    Спасибо вам !!!Бог с вами