Слайдер на JS одной переменной или Вижу не равно программирую

Показать описание

Учимся мыслить абстрактно на javascript.

Рекомендации по теме

Комментарии

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

DrZlad

геніально просте і зрозуміле рішення, дякую)

YaroslavEx

Ура ! Разбора этой задачи я ждал. Еще бы видео про корзину в Local Storage)

Evgeniy_Kachan

Спасибо, Александру. Интересные курсы. Смотря и слушая видео курсы, хочется учиться JavaScript'y.

mecpngp

Спасибо за видео!
P.S. Возможно стоит сменить начальную и конечную вставку музыки в видео. Ну уже больно мрачная она, как будто сейчас начнётся The X-Files :)

Anton-oetb

В курсе по js 2.0 решал помню такое задание, решил за один день, хотя сегодня оглядываюсь, понимаю, что за 20 минут ну максимум за час такое решить!)))

ivanmaslow

Пример классический, я бы сказал :) Но Вы рассматриваете примитивную задачу. А вот как реализовать такое: построить выбор элемента в иерархической (древовидной) структуре. Как пример - админструктура: пункт. Для "каркаса" использовать контейнер <ul> - <il>. При этом чтобы можно было сворачивать-разворачивать пункты, а также кликать на них чтобы отобразить содержимое (кликнул на "Сев.ФО" - получил в связанной табличке (<table>) наименования всех населенных пунктов по Северному ФО, кликнул на "Мурманская область" - получил наименования НП Мурманской области по всем районам и т.д.) "Кликнутый" пункт выделять в списке например подчеркиванием.
Пример хороший. Там Ваш метод сохранения текущего элемента в переменной прекрасно будет работать. Но сама реализация алгоритма куда интереснее и обширнее :)

imejsly

офигеть как просто! Супер! Спасибо! JS 2.0 U21 t12

zestlife

Курс советую. Понятные видео, задания проверяются. Можно обсудить в телеге. Помогают даже сами обучающиеся. В целом положительные эмоции

DamedParadis

Спасибо за ролик. 9 минут прошли как мгновение😂
.
.
.
После решения любой задачки, задаюсь вопросом, а можно ли было решить проще. Всегда обращаю внимание на альтернативные решения)

nfhkpmk

у меня конечно не слайдер, но мне всё равно помогло это видео организовать навигацию по сайту

osintervalproject

Хорошо было бы если при событии каждый раз не получали бы длину массива, а так огромное спасибо за урок!

sudfuwi

Небольшой комментарий по поводу JS "взагали". После Delphi C# отсутствие строгой типизации просто поражает. Оно, конечно, удобнее, наверное. Особенно для тех, кто привык не заморачиваться на детали. Но с т.зр. разбора кода это страшно неудобно. Ну и классы в жаве - "это какой-то позор" (с) :)

imejsly

По-моему, для большей поучительности несколько не хватает заранее заготовленного условно "неправильного", нерационального кода.
А то по ходу видео постоянно идёт критика некоего другого подхода к решению этой задачи. Подхода, к-рого мы, однако, не видим.

Chess-yuts

Так, моя проблема що я часто переускладнюю і саму задачу і її вирішення.

froststorm

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

Den_camrad

я знаю, что мне вряд-ли ответят, но у меня ошибка с onclick даже при проверке класса по 100 раз.

html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="index.js"></script>
<link href="index.css" rel="stylesheet">
<title>Document</title>
</head>
<body>
<section>
<img src="../images/bart.png" class="active-img" alt="">
<img src="../images/homer.png" alt="">
<img src="../images/lisa.png" alt="">
<img src="../images/maggie.png" alt="">
<img src="../images/marge.png" alt="">
<div>
<button class="button-primary b-7">Task-7</button>
</div>
</section>
</body>
</html>

JS
let active = 0;

const images =

= () => {

if(active + 1 == images.length){
active = 0;
}
else{
active++;
}

}

Ошибка

Uncaught TypeError: Cannot set property 'onclick' of null
at index.js:4

vanovino

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

letsplay

В который раз понимаю, что я уже давно не новичёк)

alexeygumenyuk

Я наверное точно по циклу бы прогонял))). Спасибо Вам!

misterrich

Слайдер на JS одной переменной или Вижу не равно программирую

Слайдер на JS одной переменной или Вижу не равно программирую...

Пишем простой слайдер на JS и CSS!

Слайдер SWIPER. Подробный курс. Подключение настройка примеры....

Как сделать слайдер на JS? Слайдер SWIPER. HTML + CSS + JavaScript

Простои слайдер для сайта на HTML, CSS и JavaScript

Слайдер на JavaScript. Урок и практика для новичков

Пишем 2 слайдера на JavaScript за 15 минут

Простой слайдер на JS

Адаптивный слайдер на JavaScript

Бесконечный слайдер на JavaScript

27. js с нуля, ваще с нуля (конструктор для слайдера)

Адаптивный слайдер на чистом JavaScript очень просто #Shorts

Как сделать слайдер на чистом js?

JS-решения №17. Создаем слайдер до-после на чистом js

Создание слайдера. Часть 1 (Стилизация и разметка) [JavaScript]...

Как Сделать Слайдер Для Сайта?

Практический JS. Слайдер Форма-Правила

05. Slider, ООП, UI BLL DAL

Swipe это просто

Слайдер без знания Javascript

Круглый слайдер на JavaScript

Слайдер на HTML, CSS, JS | Часть 2

Самый простой слайдер с автоматическим перелистыванием для своего сайта без библиотек!...

Как сделать слайдер на js/How to make slider in js