Забыл упомянуть ещё один тип для поля ввода: - визуально скрывает элемент со страницы. Используется зачастую для передачи каких-то мета-данных (токен, id товара) при отправке формы. Подробнее, наверное, вам пока знать не обязательно, но если столкнетесь с ним, то общее представление у вас будет :) Вот тут чуть подробнее: developer.mozilla.org/ru/docs/Web/HTML/Element/input/hidden
Спасибо за видео, отличная подача и текст! Мне кажется ambient не лучший выбор для познавательного контента, даже наоборот, мешает воспринимать информацию и усыпляет (Не совет, а обратная связь)
Александр, спасибо за все видео-уроки! Подскажи, пожалуйста, где можно взять макеты, набить руку, верстая сайты, как-то самому тяжело приходит идея/макет, чтобы с нуля начать так писать, легче по макету пока будет. может есть проверенные источники для практики html + css
Привет! Спасибо за фидбек :) Макеты можно найти в телеграмм-каналах: t.me/maketforfigma, t.me/figma2html и могу предложить такой макет с примерным ТЗ: boosty.to/friendly-frontend/posts/f7550e28-5d82-4594-b99a-48055cb790cc?share=ios_post_link
Благодарю) еще вопрос, в сложных для себя ситуациях, обращаться лучше к гугл и различным там источникам или можно практиковать с chat-gpt?@@AleksanderLamkov
ChatGPT классная вещь, но нужно перепроверять, что она выдает, а не бездумно всё копипастить :) Ну а так, лучше совмещать все способы поиска информации.
Вроде все же можно стилизовать с помощью нестандартных псевдоэлементов типа ::-webkit-slider-thumb, ::-webkit-slider-runnable-track и прочих с разными вендорными префиксами
Хм, не знал. Спасибо! Нашел такое: css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ Вообще, мне в работе всегда приходилось делать кастомные range-слайдеры с двумя ползунками (а-ля мин-макс цена) и к сожалению, дефолтный type="range" с этим не справляется до сих пор...
Подскажите пожалуйста, какой атрибут (наподобие атрибута selected для ) использовать для тега (или "checkbox"), чтобы, один из двух предложенных вариантов, был изначально выбран, после загрузки страницы .Спасибо
Привет, зачем для input с type checkbox указывать атрибут name если данные отправляются с атрибута value чтобы сервер после отправки формы распознал выбор пользователя?
Привет! Без name у input сервер не увидит данные из value. Данные из формы с таким полем: Отправятся в виде: { "password": "qwerty" } Без name сервер не сможет понять, к какому свойству отправляемого объекта относится значение из value.
Увы. Лишь в формате сценариев без кода. В статьи переводить будет тяжко. Когда-нибудь выйдет обновленный курс, быть может сделаю и полноценную текстовую версию. Получится прям как полноценный онлайн-учебник...
Согласен с негодованием. Но видео, которые ты сейчас смотришь, я записывал почти год назад. В целом подход к наличию музыки в видео я пересмотрел уже к середине курса по HTML, так что потерпи чуток, скоро эти неудобства исчезнут :)
Привет! Не только чекбоксы, а в принципе любые поля ввода (input, textarea, select). Так рекомендует W3C: html.spec.whatwg.org/multipage/forms.html#writing-a-form's-user-interface
Пранализировал этот вопрос подробнее. Все же оборачивание в параграф не имеет большого смысла. Если разметка поля ввода сложная и внутри параграфа используется div (а так бывает часто), то такая разметка будет невалидной: caninclude.glitch.me/caninclude?child=Div&parent=P Скорее всего в том примере w3c параграфы используются сугубо для визуала. В общем, лучше оборачивать в , а не в .
@@dimitridoroshko на самом деле много чем. Как минимум жутко неудобный поиск по файлам и коду проекта. Плюс боль с FTP / SFTP плагинами для ремоут-подключения к серверу в VSCode - в начале карьеры они меня здорово подставили, т. к. по-тихому умерли, а всякие альтернативы были одна мертвее другой. Настраивать всё плагинами - это надеятся на то, что они при автоапдейте не умрут. В WebStorm же "изкоробки" есть всё то, что нужно для более серьёзной разработки. Ну и также, если чего-то не хватает, можно накинуть плагинов. А про "легкость" IDE - этот фактор для меня перестал существовать, как только обновил рабочие железяки. Что VSC, что WS, запускаются и работают одинаково шустро.
Забыл упомянуть ещё один тип для поля ввода:
- визуально скрывает элемент со страницы.
Используется зачастую для передачи каких-то мета-данных (токен, id товара) при отправке формы.
Подробнее, наверное, вам пока знать не обязательно, но если столкнетесь с ним, то общее представление у вас будет :)
Вот тут чуть подробнее:
developer.mozilla.org/ru/docs/Web/HTML/Element/input/hidden
Почитаем, спасибо 👍😁
Кратко и понятно. А также курсы новые, что очень радует
Лучшие плейлист для повторения, убирает все вопросы, спасибо огромное
Спасибо, очень интересно.
Спасибо, за вашу работу! 😊
Благодарю за урок! Поражает то, как кратко и информативно вы донесли информацию.
Спасибо за видео, отличная подача и текст! Мне кажется ambient не лучший выбор для познавательного контента, даже наоборот, мешает воспринимать информацию и усыпляет (Не совет, а обратная связь)
Пять баллов!
Александр, спасибо за все видео-уроки! Подскажи, пожалуйста, где можно взять макеты, набить руку, верстая сайты, как-то самому тяжело приходит идея/макет, чтобы с нуля начать так писать, легче по макету пока будет. может есть проверенные источники для практики html + css
Привет! Спасибо за фидбек :) Макеты можно найти в телеграмм-каналах: t.me/maketforfigma, t.me/figma2html и могу предложить такой макет с примерным ТЗ: boosty.to/friendly-frontend/posts/f7550e28-5d82-4594-b99a-48055cb790cc?share=ios_post_link
Благодарю) еще вопрос, в сложных для себя ситуациях, обращаться лучше к гугл и различным там источникам или можно практиковать с chat-gpt?@@AleksanderLamkov
ChatGPT классная вещь, но нужно перепроверять, что она выдает, а не бездумно всё копипастить :)
Ну а так, лучше совмещать все способы поиска информации.
Вроде все же можно стилизовать с помощью нестандартных псевдоэлементов типа ::-webkit-slider-thumb, ::-webkit-slider-runnable-track и прочих с разными вендорными префиксами
Хм, не знал. Спасибо!
Нашел такое: css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
Вообще, мне в работе всегда приходилось делать кастомные range-слайдеры с двумя ползунками (а-ля мин-макс цена) и к сожалению, дефолтный type="range" с этим не справляется до сих пор...
Подскажите пожалуйста, какой атрибут (наподобие атрибута selected для ) использовать для тега (или "checkbox"), чтобы, один из двух предложенных вариантов, был изначально выбран, после загрузки страницы .Спасибо
Нужен атрибут checked.
Привет, зачем для input с type checkbox указывать атрибут name если данные отправляются с атрибута value чтобы сервер после отправки формы распознал выбор пользователя?
Привет! Без name у input сервер не увидит данные из value.
Данные из формы с таким полем:
Отправятся в виде:
{
"password": "qwerty"
}
Без name сервер не сможет понять, к какому свойству отправляемого объекта относится значение из value.
А для чего может понадобиться громкость звука?
Чтобы реализовать кастомный плеер со своим регулятором громкости.
А точно нельзя стилизовать календарь через css ? Вроде можно
Только поле ввода. Выпадающий поверх страницы интерфейс календаря - нет. Он в каждом браузере свой.
А у тебя случайно нет текстовых файлов всей инфы? Хочу для себя в Notion хранить)
Увы. Лишь в формате сценариев без кода. В статьи переводить будет тяжко.
Когда-нибудь выйдет обновленный курс, быть может сделаю и полноценную текстовую версию. Получится прям как полноценный онлайн-учебник...
С каждым видео музыка все громче и громче. Контент - заебись, но зачем делать музыку, чтоб тебя было еле слышно - загадка)
Согласен с негодованием. Но видео, которые ты сейчас смотришь, я записывал почти год назад. В целом подход к наличию музыки в видео я пересмотрел уже к середине курса по HTML, так что потерпи чуток, скоро эти неудобства исчезнут :)
оборачивать чекбоксы с лейблом в параграф это что-то из разряда "бест практис"?
Привет! Не только чекбоксы, а в принципе любые поля ввода (input, textarea, select). Так рекомендует W3C: html.spec.whatwg.org/multipage/forms.html#writing-a-form's-user-interface
@@AleksanderLamkov Спасибо
Пранализировал этот вопрос подробнее.
Все же оборачивание в параграф не имеет большого смысла.
Если разметка поля ввода сложная и внутри параграфа используется div (а так бывает часто), то такая разметка будет невалидной: caninclude.glitch.me/caninclude?child=Div&parent=P
Скорее всего в том примере w3c параграфы используются сугубо для визуала.
В общем, лучше оборачивать в , а не в .
@@AleksanderLamkovспасибо за ответ
Какая у вас IDE? Webstorm?
Угу, WebStorm.
@@AleksanderLamkov крутая IDE, это да :)
@@AleksanderLamkov а чем вам VScode не понравился? Там же плагинами можно все хорошо дополнить и +- тот же вебшторм только легче
@@dimitridoroshko на самом деле много чем.
Как минимум жутко неудобный поиск по файлам и коду проекта. Плюс боль с FTP / SFTP плагинами для ремоут-подключения к серверу в VSCode - в начале карьеры они меня здорово подставили, т. к. по-тихому умерли, а всякие альтернативы были одна мертвее другой.
Настраивать всё плагинами - это надеятся на то, что они при автоапдейте не умрут.
В WebStorm же "изкоробки" есть всё то, что нужно для более серьёзной разработки.
Ну и также, если чего-то не хватает, можно накинуть плагинов.
А про "легкость" IDE - этот фактор для меня перестал существовать, как только обновил рабочие железяки. Что VSC, что WS, запускаются и работают одинаково шустро.
@@AleksanderLamkov какие у вас характеристики рабочего компьютера / ноута?
жаль нельзя стилизовать большинство типов инпутов