@@itgid у меня все наооборот , я начал с фреймворка что считаю не правильно , это касательно Laravel , а теперь решил все сдалть на чистом php.... я страдаю
в реальной практике select не используют)) его стилизовать нормально нельзя плюс мультивыбор кривой. Но для понимания работы с данными этот пример очень хорош.
@@araragi6407 как это не используют? Он нужен практически на каждом сайте. Мы генерировали его из js по приходящим данным. Есть еще похожее dataset. Когда делали fullCalendar, select очень даже нужен был для отображения данных в to do листе
Вы правы, такое направление есть - когда сами делаем выпадающий список. Но это если мы говорим о сайтах, с которыми работает пользователь. А в админках - только в путь без сложных стилизаций. Там не до красивостей.
Сложный элемент. Недавно на проекте надо было реализовать кастомный, с поиском, сбросом значения, с динамически изменяющимися списками опций и плейсхолдерами, времени заняло просто уйму. Спасибо за урок, было что подчерпнуть, нравится ваш стиль объяснения!
Хороший урок. чисто в качестве базы пойдет. но в 99% случаев на сайте селект всегда с таким дизайном, что дефолтный селект не застилизуешь через css и в итоге делаешь кастомный селект из div-ов и span-нов. следовательно и логику js пишешь другую
@@itgid Последовательный выбор, например, в одном списке - марки машины, а во втором - модели. Соответственно, когда выбираешь, например, Audi, то во втором списке выводятся связанные с маркой модели: A3, A4, A5 и т.д.
Гештальт - это незаконченное действие, невозможность принять то или иное решение по какой-либо причине, будь то внешние обстоятельства или же внутренние метания. Можно так же сравнить гештальт с зависанием - именно такое состояние очень часто возникает при гештальтах.
Одним из базовых свойств гештальта является стремление к его завершенности. «Закрыть гештальт» - это значит, до конца с чем-то разобраться и поставить точку подсознанию в том или ином вопросе.
Приветствую Александр , благодарю вас за ваши видео , за подачу , за объяснения , за то. Что вы украинец как и я))) такой вопрос , вы делали как то колесо как в париматч , и очень круто объяснили логику , но вот какой вопрос , могли бы вы сделать или хотябы объяснить логику как сделать бегающие ряды , как в игровых автоматах , было бы очень интересно и наверное не мне одному
Спасибо. Еще непомешало бы узнать как установить нужный option в состояние selected, когда у нас есть текст. Например есть текст Prague и нужно установить именно на это значение. То есть не по индексу а по тексту.
Скажите пожалуйста, что вы думаете о ChatGPT ? Нужно ваше мнение. Заменит ли он в будущем программистов ? Стоит ли начинать изучать программирование ? Что посоветуете джунам или тем, кто только начинает изучать программирование ? Через 5, через 10, а может через 1,5-2 года что будет с программистами ?
С программистами ничего не будет. Формошлепы станут работать быстрее. Учиться нужно, ведь чтобы GPT написал что-то отличающееся от крестиков ноликов - придется очень точно описывать алгоритм. А для этого нужно понимать алгоритм. Те по сути происходит автоматизация набора кода. Такое уже было когда ушли пробивальщики перфокарт, машинисты операционщики и тд. Учитесь. А чат станет помощником, который позволит работать быстрее.
Снимите пожалуйста видео про async и defer аттрибуты в скрипт теге. и варианты подключения script в разных местах html c разными аттрибутами, потому что лучше чем вы объясняете никто не объяснит
@@itgid например у нас есть выпадающий список и из этого выбранного списка нужно заполнить текст бокс он же input. Далее жмём на кнопку и содержимое из input переносится в таблицу.
19:21 - в голове заиграла музыка из Mortal Kombat (ютуб подсвечивает мне слово Kombat, не зная что в названии фильма использовалось именно слово через K)
1. в 4 блоці я робила зміни, от select прописала такі зміни - select4.append(option); select4.style.width = '100px'; select4.style.borderColor = 'red'; select4.style.borderRadius = '20px'; select4.style.backgroundColor = 'black'; select4.style.color = 'blue'; select4.style.padding = '5px 10px'; - все працює, а от option - не все змінилось option.style.backgroundColor = 'red'; option.style.color = 'white'; option.style.width = '100px'; // нема зміни option.style.borderRadius = '20px'; // нема зміни option.style.borderColor = 'orange'; // нема зміни - чому так?? 2. Чи правильно писати в html тільки один такий рядок , щоб зробити кастомний селект, чи повинна бути структура select+options? Як треба? 3. А як дістатись до стрілочки, чи змінити, чи здвинути?? 4. Якщо створюємо через js селект, то options до кінця переробити на свій лад ми не зможемо?! Хочеться, щоб і з клавіатури можна було користуватись селектом і щоб можна було стилізувати, як мені треба. Коли ж створюємо селект +option, то з клавіатури, все ок( це я міркую), але стилізування option не до кінця(, а якщо прописати створення div , будуть стилі, але з клавіатури корист. не вийде, колись намагалась таке зробити, нормально не вдалось зробити. Будь ласка, допоможіть розібратись) Аа ще...Якщо все-таки зробила select+options, змінити hover на option реально, якщо так, як це робиться??Я з ним і так і сяк, не робиться( В мене ще є питання, але думаю. що на сьогодні досить) Просто розібратись хочу.
@@user-san-chous Ну да, государственный переворот, не лежит в сфере интересов элиты страны, это все народ решает... Только удивительно, власть в стране меняется, а список самых богатых людей - нет. А вообще, это дело народа Украины, просто многие украинцы говорят: "Если бы русские были против войны, то пошли с автоматами на Кремль", я не понимаю, насколько глупым надо быть, чтобы верить, что народ что-то может сделать против силового аппарата, и без протекции вышеупомянутых элит...
Увы. Как оказывается не все ошибки может нейросеть заметить :) Поскольку обучалась на материалах в нете. Нужно иногда и просто проверкой ворда пользоваться. Спасибо.
Снимите пожалуйста видео про async и defer аттрибуты в скрипт теге. и варианты подключения script в разных местах html c разными аттрибутами, потому что лучше чем вы объясняете никто не объяснит
Это база! Освоив работу с данными и DOM элементами - покорить фреймворк это дело техники )
Не знаю. Вначале фреймворки вызывают боль. А потом ты не понимаешь - как писал без них.
@@itgid у меня все наооборот , я начал с фреймворка что считаю не правильно , это касательно Laravel , а теперь решил все сдалть на чистом php.... я страдаю
@@АлександрСмирнов-ы5т7ч ну этот смотря как учить. Вот я react активно постигаю и если вижу пробелы в знаниях по учу и практикую чистый js
Спасибо, как всегда классные и нужные видосы 👍
Как бальзам на душу) Из курса "JS 2.0" помню задачки с применением select.
Очень хороший урок как всегда. Еще создать новую опцию можно через new Option.
let newOption = new Option(text, value, defaultSelected, selected);
Спасибо большое.
Сам мидл, но с такими азами как-то не сталкивался)
вот это я понимаю железо ))) !!! класс
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Вы большой молодец ☝
Отличный туториал, то, что надо в реальной практике
в реальной практике select не используют)) его стилизовать нормально нельзя плюс мультивыбор кривой. Но для понимания работы с данными этот пример очень хорош.
@@araragi6407 как это не используют? Он нужен практически на каждом сайте. Мы генерировали его из js по приходящим данным. Есть еще похожее dataset. Когда делали fullCalendar, select очень даже нужен был для отображения данных в to do листе
Вы правы, такое направление есть - когда сами делаем выпадающий список. Но это если мы говорим о сайтах, с которыми работает пользователь. А в админках - только в путь без сложных стилизаций. Там не до красивостей.
@@itgid Вы правы. Про админки я и позабыл))
Сложный элемент. Недавно на проекте надо было реализовать кастомный, с поиском, сбросом значения, с динамически изменяющимися списками опций и плейсхолдерами, времени заняло просто уйму. Спасибо за урок, было что подчерпнуть, нравится ваш стиль объяснения!
Хороший урок. чисто в качестве базы пойдет. но в 99% случаев на сайте селект всегда с таким дизайном, что дефолтный селект не застилизуешь через css и в итоге делаешь кастомный селект из div-ов и span-нов. следовательно и логику js пишешь другую
Ей богу недавно возился с селектом.. бесячий блок... Спасибо за внесение ясности
Я думаю, что неплохо было бы еще рассказать про связанные списки, т.к. это тоже много где используется
Не совсем понимаю вы имеете ввиду структуру данных, либо последовательный выбор в нескольких select?
@@itgid Последовательный выбор, например, в одном списке - марки машины, а во втором - модели. Соответственно, когда выбираешь, например, Audi, то во втором списке выводятся связанные с маркой модели: A3, A4, A5 и т.д.
@@adelony вы имеете ввиду фильтрацию элементов?
Гештальт - это незаконченное действие, невозможность принять то или иное решение по какой-либо причине, будь то внешние обстоятельства или же внутренние метания. Можно так же сравнить гештальт с зависанием - именно такое состояние очень часто возникает при гештальтах.
Одним из базовых свойств гештальта является стремление к его завершенности. «Закрыть гештальт» - это значит, до конца с чем-то разобраться и поставить точку подсознанию в том или ином вопросе.
Видио снова оказалось пользным
Приветствую Александр , благодарю вас за ваши видео , за подачу , за объяснения , за то. Что вы украинец как и я))) такой вопрос , вы делали как то колесо как в париматч , и очень круто объяснили логику , но вот какой вопрос , могли бы вы сделать или хотябы объяснить логику как сделать бегающие ряды , как в игровых автоматах , было бы очень интересно и наверное не мне одному
спасибо!
Александр, очень радостно вновь слышать Вас! Скорейшей победы и успехов!
А как вставить и вывести иконки или изображения в select???
Спасибо. Еще непомешало бы узнать как установить нужный option в состояние selected, когда у нас есть текст. Например есть текст Prague и нужно установить именно на это значение. То есть не по индексу а по тексту.
.textcontent
Ну и chatgpt в помощь)
Скажите пожалуйста, что вы думаете о ChatGPT ? Нужно ваше мнение. Заменит ли он в будущем программистов ? Стоит ли начинать изучать программирование ? Что посоветуете джунам или тем, кто только начинает изучать программирование ? Через 5, через 10, а может через 1,5-2 года что будет с программистами ?
С программистами ничего не будет. Формошлепы станут работать быстрее. Учиться нужно, ведь чтобы GPT написал что-то отличающееся от крестиков ноликов - придется очень точно описывать алгоритм. А для этого нужно понимать алгоритм. Те по сути происходит автоматизация набора кода. Такое уже было когда ушли пробивальщики перфокарт, машинисты операционщики и тд. Учитесь. А чат станет помощником, который позволит работать быстрее.
👏👍
Как удалить все options из select?
Снимите пожалуйста видео про async и defer аттрибуты в скрипт теге. и варианты подключения script в разных местах html c разными аттрибутами, потому что лучше чем вы объясняете никто не объяснит
Здравствуйте!
👍
а почему ссылка на курсы по js не работает из того что я в России?
Данный вопрос лучше задать провайдерам в рф - почему блокируюют
Не плохо было бы продемонстрировать как заполнять input type="text" на основе options. И затем выводить данные в таблицу по клику.
Не совсем понял, что вы имеете ввиду?
@@itgid например у нас есть выпадающий список и из этого выбранного списка нужно заполнить текст бокс он же input. Далее жмём на кнопку и содержимое из input переносится в таблицу.
19:21 - в голове заиграла музыка из Mortal Kombat (ютуб подсвечивает мне слово Kombat, не зная что в названии фильма использовалось именно слово через K)
Таки есть
Будьласка наступного разу якщо у вас VScode з темною темою, зробіть і браузер темним, або навпаки, бо контраст дуже сильний. Дякую за відео і уроки.
Дякую. Зроблю.
гештальт наверное правильное слово, а не гельштат)
Да, что поделаешь, на уроках гуманитарных я читал гарри поттера.
Гефешт
1. в 4 блоці я робила зміни, от select прописала такі зміни -
select4.append(option);
select4.style.width = '100px';
select4.style.borderColor = 'red';
select4.style.borderRadius = '20px';
select4.style.backgroundColor = 'black';
select4.style.color = 'blue';
select4.style.padding = '5px 10px'; - все працює, а от option - не все змінилось
option.style.backgroundColor = 'red';
option.style.color = 'white';
option.style.width = '100px'; // нема зміни
option.style.borderRadius = '20px'; // нема зміни
option.style.borderColor = 'orange'; // нема зміни - чому так??
2. Чи правильно писати в html тільки один такий рядок , щоб зробити кастомний селект, чи повинна бути структура select+options? Як треба?
3. А як дістатись до стрілочки, чи змінити, чи здвинути??
4. Якщо створюємо через js селект, то options до кінця переробити на свій лад ми не зможемо?!
Хочеться, щоб і з клавіатури можна було користуватись селектом і щоб можна було стилізувати, як мені треба. Коли ж створюємо селект +option, то з клавіатури, все ок( це я міркую), але стилізування option не до кінця(, а якщо прописати створення div , будуть стилі, але з клавіатури корист. не вийде, колись намагалась таке зробити, нормально не вдалось зробити.
Будь ласка, допоможіть розібратись) Аа ще...Якщо все-таки зробила select+options, змінити hover на option реально, якщо так, як це робиться??Я з ним і так і сяк, не робиться(
В мене ще є питання, але думаю. що на сьогодні досить) Просто розібратись хочу.
good 👍👍
Я вот работал недавно, и решил для расчетов калькулятор сделать где нужен select, инфы не нашел, и забил))
hidden = [хидн], не хайдн.
Гельштат это новое понятие в фронтенд разработке? или может вы имеете в виду гештальт?
Да, что зделаешь, в языках я профан.
@@itgid главное, что в языках программирования спец!
Такое скучное начло.. Музыка так и просит выключить чтобы не заснуть, пожалуйста не ставь ее...
Дивився до повномасштабної...наразі відпишусь, не сприймаю рососіянську
Спеціально для тебе є канал на українській. ItGidUA в пошуку ютуб
@@kandreyk9159 вологі мрії рососіянця 🤦 всесвітні ізгої
В путь-дорогу, шовинистическая свинка
@@user-san-chous Ну да, государственный переворот, не лежит в сфере интересов элиты страны, это все народ решает... Только удивительно, власть в стране меняется, а список самых богатых людей - нет. А вообще, это дело народа Украины, просто многие украинцы говорят: "Если бы русские были против войны, то пошли с автоматами на Кремль", я не понимаю, насколько глупым надо быть, чтобы верить, что народ что-то может сделать против силового аппарата, и без протекции вышеупомянутых элит...
Таке собі. Можливо краще перейти по посиланню під відео на український канал?
Александр, почему на ваш сайт не зайти? с разных устройств пробовал и ничего
через ВПН попробуйте
Гештальт... очепятка😊
Но ничего страшного
Увы. Как оказывается не все ошибки может нейросеть заметить :) Поскольку обучалась на материалах в нете. Нужно иногда и просто проверкой ворда пользоваться. Спасибо.
Снимите пожалуйста видео про async и defer аттрибуты в скрипт теге. и варианты подключения script в разных местах html c разными аттрибутами, потому что лучше чем вы объясняете никто не объяснит