Мм да... Уже скоро год, как смотрю разный контент в ютюбе по css и html.... и что, скажете вы? Да тут все без воды, доходчево и говорят то, чего не слыхал у многих! Спасибо! И как всегда уклончик😁 Не говорю, что везде плохо (это каждого вкус) но тут мне зашло👍
Ссылка = переход на новую страницу = громоздкое действие, меняющее всю страницу целиком Пример: находимся на странице каталога со множеством карточек товаров, жмем на название одной из карточек, которое в разметке сделано ссылкой, и переходим на новую страницу с детальной информацией о товаре Кнопка = небольшое действие в рамках текущей страницы Пример: находимся на любой странице сайта, в шапке есть кнопка «войти», при нажатии на неё по центру экрана поверх всей страницы открывается небольшое модальное окошко с вводом номера телефона для авторизации
Вот тут делал компонент табов: ruclips.net/video/bbSLzh5sDyk/видео.html Часть с JS-кодом непростая, но это «супер-правильная» реализация, можно сделать всё проще, без вспомогательных атрибутов.
Приветствую. Если например на сайте: человек еще не залогинился, то наверху есть кнопка "Войти" (при нажатии - появляется маленькое окно авторизации), а если уже залогинен, то вместо кнопки "Войти", имеется кнопка "Профиль" (при нажатии на которую, открывается новая страница с личным кабинетом). Эти кнопки будет являться "ссылкой" или "кнопкой" ? Или для каждого сценария - это прописывается отдельно? Спасибо.
Привет! Тег любого элемента определяется его логикой. Если при нажатии происходит действие в рамках текущей страницы, то стоит использовать тег . Если же подразумевается переход на другую страницу с обновлением URL в адресной строке браузера, то нужна уже ссылка, тег .
@@AleksanderLamkov это я из видео понял. Получается (исходя из моего примера) будут две версии страницы для пользователя? Одна с версией "Войти" - это и другая с тегом чтобы перейти на другую страницу в Профиль-Личный кабинет .
Я, конечно, не Александр, но конкретно мне нравится концепция SPA или Single Page Application: страница одна, вёрстка динамически подставляется из набора шаблонов. Вот нравится и всё 8))
Извини, не увидел твой новый комментарий через уведомления ютуба. В не SPA приложении так и будет, как ты описываешь. Только решать какой тег будет использоваться в html-файле будет уже сервер и бэкенд в частности. Твоя задача, как фронтенд-разработчика, предоставить бэкендеру возможность менять теги так, чтобы верстка была идентичной. То есть тебе надо сверстать все так, чтобы и ссылка и кнопка выглядели одинаково при наличии определенного класса.
Привет! В 2020-м знал верстку на базовом уровне (мог сверстать многостраничный сайт) и немного JS (мог сделать игру «2048» на костылях). Этого хватило, чтобы попасть верстальщиком в веб-студию за 25к / месяц. Ну а после стек на работе стал постепенно расширяться. И на каждой последующей работе нужно было знать все больше и больше.
Информация подаётся очень ёмко и это хорошо. Отрицательная сторона такой подачи - нужно максимально концентрироваться. Мне помогает перематывание на несколько секунд назад и повторный просмотр участка видео. Я "за" краткость и содержание!
Спасибо, что разобрали атрибуты тегов. Было полезно
полезно про то что нужно всегда указывать тип у кнопок
Спасибо за различие применения и на одной странице
Чудовий відеоматеріал. Дякую за пояснення.
Замечательная подача материала. Четко и по делу. Спасибо за труд.
Мм да... Уже скоро год, как смотрю разный контент в ютюбе по css и html.... и что, скажете вы? Да тут все без воды, доходчево и говорят то, чего не слыхал у многих!
Спасибо! И как всегда уклончик😁
Не говорю, что везде плохо (это каждого вкус) но тут мне зашло👍
Спасибо за урок! Повторяю HTML и ранее не знала про атрибут type="button" для кнопок.
Кайф инфа🎉
Спасибо! особенно за разъяснение про кнопки и ссылки на странице сайта и коде!:)
Спасибо за нюансы, очень информативно и лаконично. 👍
Ты рассказываешь больше чем остальные !!! Спасибо тебе !
В учебнике или в Гугле когда читаешь об html, не всегда понятно то , что читаешь. Здесь же всё хорошо разъяснили
Как он везде успевает?:) Ведёт канал, помогает в комментах, помогает тг, ещё в вк работает:) а, и менторство ещё:):)
Спасибо за материал! А как звук на фоне называется? Очень успокаивает 😀
Спасибо за комментарий! Музыка на фоне жанра Ambient.
Не поняла немного последний эпизод про выбор кнопки и ссылки. Но, думаю, позже будет легче это понять...
Ссылка = переход на новую страницу = громоздкое действие, меняющее всю страницу целиком
Пример: находимся на странице каталога со множеством карточек товаров, жмем на название одной из карточек, которое в разметке сделано ссылкой, и переходим на новую страницу с детальной информацией о товаре
Кнопка = небольшое действие в рамках текущей страницы
Пример: находимся на любой странице сайта, в шапке есть кнопка «войти», при нажатии на неё по центру экрана поверх всей страницы открывается небольшое модальное окошко с вводом номера телефона для авторизации
Как посоветуете закреплять материал? (Кроме повторения кода из ролика по памяти и логике)
Экспериментировать, вести заметки с кодом и пояснениями в Notion.
@@AleksanderLamkov спасибо
Закладки на странице (например форма с двумя закладками: войти, зарегистрироваться ) надо делать кнопками по данной логике?
Зависит от задумки дизайнера. Это могут быть просто табы.
@@AleksanderLamkov Табы? не знаю пока -что что это. Спасибо.
Вот тут делал компонент табов:
ruclips.net/video/bbSLzh5sDyk/видео.html
Часть с JS-кодом непростая, но это «супер-правильная» реализация, можно сделать всё проще, без вспомогательных атрибутов.
Приветствую. Если например на сайте:
человек еще не залогинился, то наверху есть кнопка "Войти" (при нажатии - появляется маленькое окно авторизации), а если уже залогинен, то вместо кнопки "Войти", имеется кнопка "Профиль" (при нажатии на которую, открывается новая страница с личным кабинетом).
Эти кнопки будет являться "ссылкой" или "кнопкой" ? Или для каждого сценария - это прописывается отдельно?
Спасибо.
Привет! Тег любого элемента определяется его логикой. Если при нажатии происходит действие в рамках текущей страницы, то стоит использовать тег . Если же подразумевается переход на другую страницу с обновлением URL в адресной строке браузера, то нужна уже ссылка, тег .
@@AleksanderLamkov это я из видео понял.
Получается (исходя из моего примера) будут две версии страницы для пользователя? Одна с версией "Войти" - это и другая с тегом чтобы перейти на другую страницу в Профиль-Личный кабинет .
Я, конечно, не Александр, но конкретно мне нравится концепция SPA или Single Page Application: страница одна, вёрстка динамически подставляется из набора шаблонов. Вот нравится и всё 8))
Извини, не увидел твой новый комментарий через уведомления ютуба.
В не SPA приложении так и будет, как ты описываешь. Только решать какой тег будет использоваться в html-файле будет уже сервер и бэкенд в частности. Твоя задача, как фронтенд-разработчика, предоставить бэкендеру возможность менять теги так, чтобы верстка была идентичной. То есть тебе надо сверстать все так, чтобы и ссылка и кнопка выглядели одинаково при наличии определенного класса.
Какой у вас стек технологий был когда вы нашли свою первую работу или свой первый заказ(фриланс)?
Привет! В 2020-м знал верстку на базовом уровне (мог сверстать многостраничный сайт) и немного JS (мог сделать игру «2048» на костылях). Этого хватило, чтобы попасть верстальщиком в веб-студию за 25к / месяц. Ну а после стек на работе стал постепенно расширяться. И на каждой последующей работе нужно было знать все больше и больше.
0:53 4:20
2:33 Это же в каком Гулаге надо жить ,что бы бояться написать "Facebook"
Не только лишь все могут понять иронию автора 8)
Почему человек говорить без воды, а , у него просмотров мало?
чтобы просмотров было много надо кликбейтные названия пихать и обещать сделать вас фронтендером за 30 мин)
@@ridaruuu факт
слишком сложно говоришь
Привет! Что именно показалось сложным?
Информация подаётся очень ёмко и это хорошо. Отрицательная сторона такой подачи - нужно максимально концентрироваться. Мне помогает перематывание на несколько секунд назад и повторный просмотр участка видео. Я "за" краткость и содержание!