Тёмный
ВебКадеми | Юрий Ключевский
ВебКадеми | Юрий Ключевский
ВебКадеми | Юрий Ключевский
Подписаться
Видео уроки по веб-разработке. HTML CSS верстка сайтов, JavaScript frontend разработка, React JS.
Комментарии
@akylbekbaizakov
@akylbekbaizakov День назад
Спасибо за урок!
@Ахмадиев.Ахмад
@Ахмадиев.Ахмад 2 дня назад
Файлы не приходят на почту
@sh1ku0ka
@sh1ku0ka 3 дня назад
видео вышло 21 году
@PYRUHIN
@PYRUHIN 3 дня назад
Обязательно музыку на фон ставить? Она отвлекает и бесит. У вас когда ребёнок уроки учит, тоже музыку включает?!!
@WebCademy
@WebCademy 3 дня назад
Это формат стрима. Не все пишут код во время трансляции. Чтобы было динамичнее ставлю фоновую спокойную музыку.
@WebCademy
@WebCademy 3 дня назад
Последнее видео по верстке на Gulp сборке ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Us4n_3eUOxs.html в нем нет музыки, нет пауз как на стриме. Рекомендую посмотреть его.
@UchimVmeste.
@UchimVmeste. 5 дней назад
React router dom очень хорошее объяснение. 👍
@ВикторКузнецов-о1ь
Юрий, какая это тема в VS Code?
@test-lifes
@test-lifes 6 дней назад
Почему адаптивная? Обычная вёрстка вроде.
@evgeniilewicki5874
@evgeniilewicki5874 6 дней назад
Решил просто посмотреть как пишут на React и вдруг осознал как лучше писать на Blazor. Благодарствую. Кстати урок интересный мне понравился и как абсолютно не знающему React был понятен.
@alEL321
@alEL321 8 дней назад
Отличный стрим!)Спасибо!)
@chelseasmilexx6030
@chelseasmilexx6030 8 дней назад
В макете, по которому вы делали дропдаун, при открытии треугольник у селекта менялся на перевернутый, а в видео это реализовано не было( Как сделать так же? Через js, насколько я понял, нельзя обращаться к псевдоэлементу. Только отдельный элемент для этого прописывать?
@WebCademy
@WebCademy 8 дней назад
Через JS можно поменять CSS class. А на CSS class повесить псевдоэлемент и его transform rotate.
@chelseasmilexx6030
@chelseasmilexx6030 6 дней назад
@@WebCademy Блин, точно, не подумал. Спасибо!)
@locktar-o-dark5664
@locktar-o-dark5664 8 дней назад
Все отлично, сами блоки и сетку конечно лучше не делать на гридах, а вот размеры заголовков, отступы и прочую мелочевку конечно будет целесообразнее делать через эти функции, но тут встаёт вопрос, а не будет ли потом заказчик и дизайнер придираться в пиксель перфекту
@frankshepherd5953
@frankshepherd5953 8 дней назад
Про tbody tfoot thead - не знал и об этом никто не говорил) Спасибо!
@nekonatapersono8754
@nekonatapersono8754 9 дней назад
Зачем заголовку h1 присваивать класс, если на веб-странице допускается согласно правилам и так располагать лишь один h1 заголовок?
@WebCademy
@WebCademy 8 дней назад
Чтобы был порядок в стилях. Воспринимайте тег заголовка как разметку и семантику. А CSS класс как стилевой элемент оформления. Соответственно, мы можем стиль заголовка прописанный на класс применить к любому html элементу.
@nekonatapersono8754
@nekonatapersono8754 8 дней назад
@@WebCademy Спасибо огромное за быстрый и развёрнутый ответ ❤
@АндрейМинск-т7щ
@АндрейМинск-т7щ 9 дней назад
а плагины в платной версии figma, че то у меня их нет?
@WebCademy
@WebCademy 8 дней назад
В видео бесплатная версия Figma.
@АндрейМинск-т7щ
@АндрейМинск-т7щ 8 дней назад
@@WebCademy круто. у меня тоже бесплатная. где тогда мои расширения? У меня вверху на панели только Move, Hand toool и Add comments. Причем помню, что плагин Inspect Styles ставил. А сейчас я не могу его задействовать, как это??
@WebCademy
@WebCademy 8 дней назад
@@АндрейМинск-т7щ Откройте основное меню по иконке F, там будет пункт Plugins.
@ВикторКузнецов-о1ь
Отрегулируйте механизм получения уроков на почту. Он не работает...
@tangiro5340
@tangiro5340 9 дней назад
жаль вы миксинами не пользуетесь, можно было бы не писать такую усложненную иерархию))
@БийназарКайназаров
Рекламы меньше, обучения больше должно быть!!!😊
@AsimEditsoffical
@AsimEditsoffical 12 дней назад
верстальщик
@RinatYouldashbaev
@RinatYouldashbaev 14 дней назад
IE 11 до сих пор не поддерживает(
@DmitriyLok
@DmitriyLok 14 дней назад
Спасибо брат! Сделал по аналогии крутой калькулятор по видеонаблюдению. И посмеялся над тем как parseInt не работал с нецелым числом. Я сам написал, проверил не работает, минут 5 искал по чему (еще не посмотрев видео дальше) а потом наслаждался как ты так же искал решение проблемы
@frankshepherd5953
@frankshepherd5953 15 дней назад
pexels - в бане у провайдера)
@ysass4898
@ysass4898 15 дней назад
Когда можно все сделать как вы через transition и :hover, но делаешь через :hover и :not(:hover)
@frankshepherd5953
@frankshepherd5953 15 дней назад
Не запускается почему-то...
@IvanKeats-q3q
@IvanKeats-q3q 16 дней назад
4:20
@ЛилияГончар-щ8ъ
@ЛилияГончар-щ8ъ 16 дней назад
Сп🎉
@Greiten
@Greiten 16 дней назад
Ещё бы кружком код не закрывал и было бы вообще супер
@frankshepherd5953
@frankshepherd5953 16 дней назад
Супер понятно! Самое главное все структурировано, и без каши!
@frankshepherd5953
@frankshepherd5953 16 дней назад
Домашнее сделано! Спасибо!
@_Fantom_.
@_Fantom_. 16 дней назад
Юрий, вы в курсе, что новые аккаунты на Google уже невозможно создать по российским номерам? Старые акки еще пока работают, но если надо будет заново подтвердить свои данные аккаунта через смс, то и они заблочатся... Как быть, если на гугле сейчас все завязано, даже тот же андроид? А IT-технологии, то же в основном все с Гугл-браузером работают..
@bilolalooo
@bilolalooo 17 дней назад
Sps что такое блочные строчные ❤
@frankshepherd5953
@frankshepherd5953 17 дней назад
5:08 Зачем создавать доп div? Почему не воспользоваться <br> -?
@alexander_stark
@alexander_stark 18 дней назад
Не хотелось вставлять svg в хедере... Через генератор сделал пентагон и 1 строкой оптимизировал код) 1:23:00 как раз об этом был вопрос
@frankshepherd5953
@frankshepherd5953 18 дней назад
Инфа очень полезная особенно когда был перерыв, делаю вперед 50% правильно 50% нет) Юрий огромное спасибо за твой труд! Все четко и по полочкам!
@влак-м2с
@влак-м2с 18 дней назад
Помогли, спасибо! А подскажите, только у меня видео размыто? "Качество" меняю - все равно...
@winlanem3248
@winlanem3248 19 дней назад
ребят, а кто-то шарит в чем проблема , просто устанавливаю пустой реакт и он не запускается, выдает несколько ероров
@frankshepherd5953
@frankshepherd5953 20 дней назад
Спасибо про залипание, больше раздражает)
@bonafidesjo
@bonafidesjo 20 дней назад
Спасибо за труд!!!! ♥♥♥ Для инфо тем, кто из 2024. Если есть проблему с установкой node-sass, 04:55 , по оф.информации на сайте sass, этот нод больше не существует, поэтому он не может быть установлен. Я честно говоря не поняла до конца, что именно мне помогло, нажимала эти ноды :). Может, где-то лишнее добавляла, не уверена, пыталась по документации сделать с сайта sass. npm install -g sass npm i dart-sass npm i sass Прикольный РЕАКТ, конечно, но пока для себя до конца так и не поняла, чем же он лучше, чем писать на js, объединять файлы через gulp. Может, в следующих видео, осознание меня догонит)) Это мое первое знакомство с Реактом, поэтому, наверное, каша в голове получилась. И еще момент. вот у нас получилось сделать приложение на реакт, а какие файлы можно назвать окончательными, которые потребуется передать условному заказчику? Все, кроме node_modules? Просто смущает наличие папки src
@afummatodigia1194
@afummatodigia1194 21 день назад
Как можно через сборку gulp делать переходы для html с одной страницы на другую
@MyMikys
@MyMikys 21 день назад
Урок супер но єто тоно не для начинающих. Возможно для тех кто переходит с другого языка програмирования.
@frankshepherd5953
@frankshepherd5953 22 дня назад
Юрий подскажите а Tailwindcss не актуален? Он прям сильно ускоряет верстку стилизацию, или все же придерживаться общепринятой стилизации в файлах .css?
@WebCademy
@WebCademy 21 день назад
Здравствуйте. Актуален. Но чтобы хорошо его использовать по любому нужно знать общий CSS.
@frankshepherd5953
@frankshepherd5953 21 день назад
@@WebCademy Спасибо за комментарий!
@Ordinarypeople-m9c
@Ordinarypeople-m9c 22 дня назад
готов любезно сказать что урок полная хуйня нихуя не понятно всё слишком долго и муторно постоянно надо что то удалять добавлять если вы не знали видео планируют зарание. Нечего не понятно не советую у других каналов понятнее и быстрее
@motivation9823
@motivation9823 22 дня назад
Здравствуйте, у меня в секундомере не работает кнопка паузы (ошибки в консоли нет, просто ничего не происходит при нажатии) и кнопка сброса (после нажатия секундомер сбрасывается, и сразу продолжает считать дальше). В чём может быть проблема?
@frankshepherd5953
@frankshepherd5953 22 дня назад
Юрию респект! Смотрю давно, все отлично!
@UchimVmeste.
@UchimVmeste. 22 дня назад
darkMode через true и false намного проще бы код выглядел , особенно для новичков. setDarkMode(!darkMode) Ещё и в стрелочных функциях простых этот return раздражает , если можно его не писать зачем его писать ??
@UchimVmeste.
@UchimVmeste. 22 дня назад
Юрий ты очень крутой специалист , но твои уроки сложно понимать начинающим с нуля . К тебе надо идти уже с какой-то базой .
@WebCademy
@WebCademy 22 дня назад
Спасибо. Конкретно этот урок для тех кто уже хорошо знает JS и HTML+CSS.
@bonafidesjo
@bonafidesjo 23 дня назад
Смотрела предыдущий стрим. ВЫЖИЛА на том и на этом легендарном стриме :) Спасибо за труд! Кстати говоря, в финальные папки docs и build попадают html из папки templates. Лечится легко: надо добавить в таски галпа в html большую вложенность, чтобы исключить эти папки Было '!./src/html/blocks/*.html' Стало '!./src/html/blocks/**/*.html' Еще вопрос по ходу просмотра предыдущего стрима возник: - насколько правильно и хорошо помещать картинки для фона в css, а не прописывать их в html? Как понимаю, заказчик без знаний программирования может заменять картинки только если они есть в html?
@WebCademy
@WebCademy 23 дня назад
Спасибо за комментарий!) Да, насчет html шаблонов, это уже поправил в обновленной версии сборки. Насчет фоновых картинок. Исходя из удобства замены или при постановке на CMS и кастомизации - в html лучше.
@UchimVmeste.
@UchimVmeste. 23 дня назад
Я предпочитаю картинки держать в public , чтобы не было столько заморочек с их импортами. А так респект👍
@nargizaliyeva9743
@nargizaliyeva9743 25 дней назад
Не могу найти дизайн фигмы в телеграмм группе😢