- 22
- 25 152
Northern Lights
Russia
เข้าร่วมเมื่อ 9 ก.ย. 2021
HTML, CSS и JavaScript. Верстка, frontend.
На канале вы узнаете о веб-разработке, о том, как разрабатываются сайты с нуля. В видеоуроках вы найдете много полезных фишек и примеров как создавать различные элементы и pet-проекты.
На канале вы узнаете о веб-разработке, о том, как разрабатываются сайты с нуля. В видеоуроках вы найдете много полезных фишек и примеров как создавать различные элементы и pet-проекты.
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
Курс по верстке сайтов на 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. Кастомные чекбоксы и радиокнопки
Кнопка с эффектом светящейся градиентной границы на СSS
มุมมอง 2963 ปีที่แล้ว
Кнопка с эффектом светящейся градиентной границы на СSS
Плавная смена картинок до/после на CSS. Эффект сканера. Before/After
มุมมอง 1.2K3 ปีที่แล้ว
Плавная смена картинок до/после на CSS. Эффект сканера. Before/After
Анимация текста на HTML и CSS в виде бегущей строки
มุมมอง 2.8K3 ปีที่แล้ว
Анимация текста на HTML и CSS в виде бегущей строки
где комменты, такой контент пропадает((( Мне как начинающему во фронтенде это один из немногих каналов с хорошим и простым объяснением базы
А как если я из базы с помощью php достаю массив, как передать в этот код?
очень классный курс с большим количеством годного интерактива сайта для разбора новичкам
контент просто огонь ничего лишнего и очень хорошо структурированно по отношению к другим ютуб каналам по фронтэнд
НУЖНО БОЛЬШЕ ВИДЕО
а как бы ты сделал сохранение текущей страницы при закрытии какой - нибудь карточки. Столкнулся с задачей, что меня перебрасывает на первую страницу
Ты имеешь в виду под закрытием карточки ситуацию, когда открываешь страницу отдельного товара, а затем возвращаешься обратно в каталог или что-то другое? Как вариант, можешь каждый раз при изменении текущей страницы записывать её в localStorage и затем брать оттуда её номер
а как бы ты сделал сохранение текущей страницы при закрытии какой - нибудь карточки. Столкнулся с задачей, что меня перебрасывает на первую страницу
я толком не учил базовый htm с js начал с фреймворков, очень интересно однако
Очень толково изложен материал. Благодарю. Удачи тебе.
Спасибо!
Как много говно кода ) как минимум в пагинации проще так делать currentPage = Number(newActiveLi.textContent); renderProducts(products, ulContainer, productCount, currentPage); ну и дизайн конечно у Archakov Blog стащил....
Подскажите пожалуйста, если надо менять цену продуктов у более 100 позиций каждую неделю . Это проще делать через таблицу наверное, так вот как это сделать?
Интеграция с google docs
Отличное понимание и подача материала
Благодарю
Спасибо большое, очень интересно и познавательно 🫡
Очень мало кто это делает на чистом js
отличный канал с большим количеством идей для пет проектов, начинающим самое то
у автора 7 лет опыта в вебе и ноль активности на канале надо исправлять
Делай видео дальше интересный канал
Отличный интенсив, спасибо. 👏 Будет вообще шикарно, если после окончания всего интенсива данного магазина на JS, воссоздать этот же магазин на React. Тем самым люди увидят чем React удобнее JS, что многое, что мы пишем в js, прописывая каждое действие, легко делается в react, где он делает, а мы лишь описываем что нам надо получить. Плюс благодаря react все настройки фильтрации, пагинации, отображения страниц будет динамическим, а не полностью перезагружаться, как в Js. Если человек сначала напишет на JS, а потом это же на React, то закроет многие вопросы и увидет в чем прелесть и удобство писать проекты на библиотеке или фрейм ворке, а не на чистом JS. Но для начала надо хорошо разобраться в js и для этого (для практики и закоепления знаний отлично подходит этот интенсив), а далее уже фреймворк (Vue или Angular) или библиотеку React, кому что удобно, совместно с Typescript для типизации (сейчас его тоже требуют для раьоты и трудоустройства, но слава богу он не сложен и после JS не трудно изучить). Творческих успехов и развития канала автору и будем ждать слелующих роликов 👍 Лайк и подписка 👍
классный интенсив, спасибо!
интереснее чистый JS
чем ? что нужно следить за рендерем еще ? попробуй большой проект сделать на чистом js где тебе и за данными нужно следить и за тем как отрендерить это все. не говоря уже об оптимизации когда все люто лагать будет
@@Мазака в видео для начинающих был вопрос "что интереснее?" я ответил) чего нервничаешь?
Так це і є чистий js
после добавления фильтрации у меня перестала работать кнопка в корзину, что делать
решать проблему 😂
Друг, спасибо тебе большое. Особенно за практику и объяснения ;)
О, вообще класс. То, что искал )
Топ контент💪
Топ контент, спасибо!
Прономеруй, пожалуйста, свои видео
отличное видео
Спасибо!
Ррррр
огонь🔥
Класс! Спасибо)
А не лучше делать сразу на react?
В планах делать контент и на js, и на react Посмотрим
Молодца!
Крутой материал даешь!
Поздравляю с 1К подписчиков!!!
Спасибо!
Блин бро столько интерактива, задач и проектов. Прям радостно что нашёл тебя Особенно очень понравился видос с 35 проектами, как раз буду реализовать проекты)))
Благодарю!) Будет еще больше)
То что нужно!!
Крутые уроки!!👍🏻
Спасибо! 🔥
🔥🔥🔥
Пушка! главное продолжай, надеюсь активность и просмотры скоро придут)
Спасибо! В планах продолжать)
крутой микро, как называется?
под теми старыми видео плохой звук на самом деле но микрофон действительно хороший, hyperx quadcast только нужно дополнительно поставить прогу Light Host и плагины RX 10 Voice De-noise и Nectar 3 Помимо этого на монтаже я еще дополнительно накидываю шумоподавление
Только не понятно как администрировать сайт обычному работнику, чтобы он мог удалить или добавить новые товары не зная кода
Cамое простое решение - использовать какую-нибудь CMS, например WordPress. Еще я когда-то написал свой движок на php с админкой, как раз для таких случаев. Тоже вариант.
Только начал изучать js, видео автора очень помогают!
Здравствуй, спасибо за годный контент. Есть вопрос, все же что лучше использовать для вставки динам. контента, innerHTML или insertAdjacentHTML() ?
Спасибо! Если максимально упрощать, то при дополнении разметки используй insertAdjacentHTML(), а для замены содержимого - innerHTML. Наша ul по идее изначально пустая. Лишки, добавленные в файле index.html, нужны были только на этапе верстки, чтобы посмотреть как будут выглядеть карточки. Поэтому здесь можно было использовать и insertAdjacentHTML(). Причем он считается более безопасным. Но и innerHTML тоже пойдет.
@@northernlights1369 Благодарю за столь развернутый ответ, жду новых видео)
Спасибо, очень интересно
Огромное вам спасибо! Несколько дней пытался сделать бегущую строку с контентом больше видимой области. По ощущению облазил весь ютуб и гугл, но типовые решения не помогали. Мне казалось что придется использовать js, но в последний момент я наткнулся на ваше видео. Немного доработав ваше решение я смог добиться имитации плавной бесконечной прокрутки. Додуматься использовать позиционирование я бы никогда не догадался
Благодарю) Сам иногда использую на сайтах это решение или бесконечную прокрутку
спасибо большое вам :-)
Спасибо вам !!!Бог с вами