Пікірлер
@fastwalker3551 53 минут бұрын
Этот парень прошёл CSS на 100% 😁
@gigapavel4682 2 сағат бұрын
Для справки: это и подобные решения разного рода задач CSS описаны в книге «Секреты CSS. Идеальные решения ежедневных задач» Луа Веру. Там можно многое подцепить
@AleksanderLamkov Сағат бұрын
Да, годный материал! Уже много лет держу в iBooks, почитываю в дальней дороге 🙂
@hyperpocket. 2 сағат бұрын
13:37 Почему ты задаёшь элементам data-атрибут с суффиксом js, если можно без него? Таким образов разграничиваются зоны ответственности между простыми data-атрибутами и data-атрибутами с суффиксом js?
@AleksanderLamkov Сағат бұрын
Да, всё верно написал. Разграничение зон ответственности. Конкретизация для лУчшей читаемости кода. Конечно, data-атрибуты в целом очень редко используются вне JS, но всё же используются, например, в CSS свойстве content и функции attr в частности. Плюс data-атрибуты бывают эксплуатируются какими-то сторонними библиотеками. Так что смысла в префиксе «js» для собственных атрибутов гораздо больше, чем кажется на первый взгляд 🙂
@sendsay76 2 сағат бұрын
Слона то, я и не заметил!😂 Спасибо за совет
@alexdexx21 2 сағат бұрын
Очень круто!👍 Вынос в утилитарные классы -- гениально. Приноровился и понравилось) Спасибо за науку! Ну и ни видоса без аномалии хахах. Есть идеи, отчего при уменьшении размера окна может из "слайдера" пропадать первое изображение? Причём уменьшив через height в медиазапросе обнаружил, что оно "вернулось". Бред какой-то... Контейнер .container-wide переполняется? Но ведь скролл... Поковыряв параметры .family-body, выяснил, что при justify-content: center пропадает, при :end - обрезает ещё больше, а вот все остальные прекрасно отображают все картинки 🤔
@AleksanderLamkov Сағат бұрын
Спасибо за комментарий! А по поводу бага - свойство scroll-snap плохо с флекс-родителем дружит и свойством justify-content в частности Плюс там margin-left отрицательный вроде бы где-то есть у обертки над слайдером. Это тоже может быть причиной описанной тобою бага. Если бы проект этот был реальный, я бы применял не scroll-snap свойства, а библиотеку Swiper, чтобы наверняка избежать коллизий.
@gatos-su 4 сағат бұрын
Почему нельзя просто через жс менять элемент линка на файл с нужными стилями?
@nikidze6628 2 сағат бұрын
Ты ШО ТАК НиЗЯ НАДА САВРеМеННА И СТОбы пользователь АУХЕЛ ОТ САЙТА КОТОРЫЙ ГРУЗИТЬСЯ 100500 ЛЕТ И ОТКРЫВАЕТСЯ ТОЛЬКО В СОВРЕМЕННЫХ БРАУЗЕРАХ Веб пошел куда-то не туда
@AleksanderLamkov Сағат бұрын
С «нужными» стилями - это с какими? С CSS-переменными под палитру цветов в селекторе к :root {}? Тогда это будет ровно то же самое, что я озвучил в начале видео. Не сильно хуже, но, на мой взгляд, ни капли не лучше. Придётся заводить условный -color-text и -color-bg, а при бОльшем количестве оттенков, чем 2, это будет десяток нумерованных переменных на каждый оттенок 🥲
@AleksanderLamkov Сағат бұрын
CSS и браузеры: развиваются, внедряют новые фичи для улучшения DX Большинство разработчиков: радуются возможности быстрее и проще решать свои задачи Разработчики-староверы: верещат, что веб свернул не туда, приписывая все грехи плохой архитектуры проекта, неудачного стека и кривых рук кодера новой CSS-фиче Как-то так я вижу подобные комментарии 😅
@dobpblugg3371 6 сағат бұрын
Что за расширение, которое показывает цвет на строке?
@AleksanderLamkov 5 сағат бұрын
Это встроенная фича в WebStorm 🙃
@abdarrahman_l7 6 сағат бұрын
все круто и понятно. но почему на практике я все потом забываю?
@AleksanderLamkov 5 сағат бұрын
Это нормально. С первого раза такие фундаментальные темы программирования не всегда получается освоить. Нужно возвращаться к обучающему материалу неоднократно. Ну и смотреть сразу несколько разных источников информации.
@Тест-ы8ю 7 сағат бұрын
Просто Бог!
@MrGentleAlex 7 сағат бұрын
Прикольно. А теперь как сюда добавить транзишен по Ховеру с изменением цвета градиента?
@AleksanderLamkov 6 сағат бұрын
Есть один способ. Покажу в будущем видео)
@michaelkamko 10 сағат бұрын
Да ладна.... Впервые такое вижу. Охренеть просто! Спасибо!!!
@elenabeschastnaya6852 11 сағат бұрын
Никада не писала коменты раньше, но тут готова оду Ваш канал - золотой фонд знаний, такое кол-во бесплатного контента, с которым можно стартовать в профессии фронтенд - разработчика - это нечто. Ваши видео покруче некоторых онлайн школ будут. Подписываюсь на бусти да и куда угодно, так как подача, материал, практика стоит того, спасиба за существование этого образовательного проекта
@AleksanderLamkov 6 сағат бұрын
Спасибо за поддержку! ☺️
@Virisound 11 сағат бұрын
Афигеть. Крутое решение. Спасибо. 👍
@МаксимКурний 13 сағат бұрын
Крутая штука спору нет, но за 2 года ни разу не пригодилась, и всегда были обходные решения
@МаксимКурний 14 сағат бұрын
Если вы думаете что это бесполезно попробуйте :nth-child(1 of . red) Выберет первый соответствуюущий даже если он не первый
@МаксимКурний 14 сағат бұрын
Помню как я такое делал через маски и фильтры, это звучит куда круче, спс
@VaGroz 14 сағат бұрын
Что за переменные, которые начинаются с двух дефисов?
@Хорошийдруг-ц8ы 12 сағат бұрын
css-переменные
@IIIWinteRIII 14 сағат бұрын
А решение как всегда оставляет лёгкое удивление
@IIIWinteRIII 15 сағат бұрын
Думал на заднем фоне флаг Казахстана 😅
@Tayler-j4j 15 сағат бұрын
Кто ты воин?
@Иван-г8ю7ж 16 сағат бұрын
А как насчет границы вокруг букв? Тут в ход пойдёт все что можно))
@flexagency 16 сағат бұрын
Осталось это сейчас и санимировать 😅
@AleksanderLamkov 6 сағат бұрын
Тоже можно! Покажу в одном из будущих шортсов 🙃
@katya.540 17 сағат бұрын
Большое спасибо !!
@la_lumiere7571 18 сағат бұрын
К сожалению работает только для блоков с заливкой
@AleksanderLamkov 18 сағат бұрын
Да, с прозрачным фоном не выйдет.
@Хорошийдруг-ц8ы 12 сағат бұрын
а вот и минусы подъехали.. блин, точно
@michaelkamko 9 сағат бұрын
@@Хорошийдруг-ц8ыТак а зачем такое с прозначным фоном делать? Минус - да. Но не критичный.
@alexandraweather4156 19 сағат бұрын
Шок контент Это же просто гениально! В такие моменты думаешь только о том, как же это я сама не додумалась))
@МихаилКозлов-ы7ф 19 сағат бұрын
Где ты всё это берёшь 😂
@tututrtr9575 19 сағат бұрын
+
@Nevatransfer 20 сағат бұрын
Очень легко заходит. Спасибо.
@РонКасторкин 21 сағат бұрын
Супер, спасибо большое, как-то была затея сделать рамку, но тогда пришлось ломать дизайнера менять макеты)
@denys7567 17 сағат бұрын
а разве нельзя то же самое сделать через подложку, даже :before, с left, right, top и bottom: -10px? ну и z-index: -1 относительно родителя
@dima_tregubov 21 сағат бұрын
А как сделать с прозрачным фоном?
@AleksanderLamkov 20 сағат бұрын
Мне кажется, что достаточно transparent в обоих аргументах linear-gradient указать и будет то, что нужно.
@AleksanderLamkov 18 сағат бұрын
А, если речь именно про background-color прозрачный, то увы.
@user-r1n3k 21 сағат бұрын
Ха, ничего себе трюк! Спасибо
@LAMit 21 сағат бұрын
Спасибо за видео!!! Очень все круто. Я смотрел по JS курсы и у других блогеров. Очень часто сталкиваешься с тем, что во время просмотра все понятно и просто, а на практике ничего не получается. И после нескольких просмотренных видео уже не помнишь, что смотрел ранее, поскольку практикой никак не закреплено. Было бы здорово в конце видео предлагать решить задачи на закрепление и делать маленький разбор в начале следующего видео. С каждым последующим уроком добавлять сложные задачи, в которых нужно будет использовать различные приемы из пройденного материала. Может такое в планах и не стояло конечно при записи курса. В любом случае все видео на канале супер!!! Можно пользоваться как экспресс справочником, если что-то подзабыл)
@ВиталийА-э7ы 21 сағат бұрын
А в задачке на сравнение массивов, не проще привести оба массива к строке и сравнить строки ? Тогда в этом случае это будет как глубокое сравнение, потому что массивы приведутся к строкам одинаково ? arr1.toString() === arr2.toString()
@AleksanderLamkov 21 сағат бұрын
Весьма ненадёжно. Так будет работать только с примитивами в качестве элементов массива. К примеру, выражение : [1, 2, 3].toString() === [1, [2, 3]].toString() Покажет true, что не является корректным.
@ВиталийА-э7ы 21 сағат бұрын
@@AleksanderLamkov понял, спасибо!
@Sumblumbs 21 сағат бұрын
очень жду урок по фреймворкам или по сборщикам
@AleksanderLamkov 22 сағат бұрын
📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 Чат: @friendlyFrontendChat ℹ Основной канал: @friendlyFrontend
@alexdexx21 Күн бұрын
+ в карму, лайк на видео )) Странное произошло на 29:25, я за тобой крутил в dev-tools параметр top, и тоже пришёл к -0.55em. Однако выставив в IDE и обновив страницу я понял, что оно не там, где показывалось... в итоге я остановился на -0.4em и не смог объяснить себе, что произошло 😄
@AleksanderLamkov Күн бұрын
Надо глянуть на font-size этого элемента, сверить с тем, что у меня на видео. Скорее всего разные значения. От того и em пляшет иначе.
@alexdexx21 Күн бұрын
@@AleksanderLamkov точно, я при выставлении значений в clamp насвоевольничал. спасибо :)
@lazariev_dmytro Күн бұрын
спасибо за урок, очень понятно
@Евгений-м3п4ъ Күн бұрын
"В древнем реакт приложении" Блин, это настолько я стар, что реак уже стал древним. Я помню ещё сайты нулевых, когда было прикольно на свой сайт напхать всяких свистоперделок. И помню часто пхали такой фокус, мол знаю откуда ты пришёл на мою страницу. Для ламеров вообще выглядело как магия. А то, что описал автор видео красноречиво говорит о том, во что скатился фронт-энд - энтропия от избыточных функций.
@MakarMS Күн бұрын
Заголовки стали рокет саенсом, понятно...
@sebastiannicholson5475 Күн бұрын
35:40
@El-HassanIbrahim Күн бұрын
К слову, о фронтендерах, которые не знают, как работает http?
@gameit1477 Күн бұрын
Получается если использовать цепочку then, то в коде гле было "старт", "привет" и "конец" при помощи цепочки then будет "старт", "конец " "привет"? Т.к сделали акцент на том, что await дожидается когда js движок выполнит операцию
@some1aleks Күн бұрын
Спасибо за классный урок и проект! С нетерпением буду ждать еще таких видосов :)
@AleksanderLamkov Күн бұрын
Спасибо за обратную связь! Скоро будет платный мастер-класс, буквально через неделю. Там будет всё ещё круче, чем в этом видео :)
@denieliwanow6521 Күн бұрын
Большое вам спасибо! Очень увлекательно!!!
@gameit1477 Күн бұрын
Отлично объясняет, очень нравится его объяснения
@fighter2499 Күн бұрын
Спасибо!
@28_08-q3c Күн бұрын
Здравствуйте Скажите пожалуйста что в основном изучают в вузах? и чему конкретно можно научится если учить все по вузовской программе?
@AleksanderLamkov Күн бұрын
Поверхностно основы нескольких языков программирования: C, C++, C#, Assembler, Java, Python, JS. Базы данных, структуры данных, сети, алгоритмы. По ВУЗовской программе обучения можно научиться делать «лабы», которые нужны только студентам ВУЗа. Реальной работе, увы, не научиться в ВУЗе. Самостоятельное обучение - наше всё.
@28_08-q3c Күн бұрын
Принял, благодарю 🤝
@dialectios Күн бұрын
извиняюсь, что не по теме, а какой у вас сетап для шура?
@AleksanderLamkov Күн бұрын
Внешняя звуковая карта Steinberg UR22C и предусилитель KLARK TEKNIK MIC BOOSTER CT 1.
@dialectios Күн бұрын
@@AleksanderLamkov спасибо!)
@Tehnokrott Күн бұрын
Какой же ты молодец! Какая классная подача материала! Ты даже не представляешь какой вклад вносишь в образование населения! Поделюсь с тобой за твой вклад как заработаю кучу денюжков).
@goldstein1 Күн бұрын
Noopener norefferer Серьезно, я уже пару лет внешние ссылки без этой конструкции не кладу
@biLLie_wiLLie Күн бұрын
Очень жду следующий мастер класс