Александр Ламков — Friendly Frontend
Александр Ламков — Friendly Frontend
  • 121
  • 3 159 713
Зачем разработчику ютуб-канал? Год на ютубе — итоги и планы.
✏️ Я разработчик, который ровно год назад завел этот образовательный ютуб-канал. Зачем я это сделал, каких результатов добился и что планирую делать в будущем - сегодня расскажу об этом. Ну а если ты сам специалист с опытом, возможно, я натолкну тебя на интереснейшую авантюру, ответив на вопрос “зачем разработчику ютуб-канал”.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:16​ | Кто я такой?
▶ 00:24​ | Зачем я завел ютуб-канал?
▶ 02:35​ | Хостинг видеоматериалов собственного производства
▶ 03:17​ | Прокачка собственных навыков в разработке
▶ 04:28​ | Развитие навыков речи и повествования
▶ 05:25​ | Развитие навыка преподавания
▶ 06:46​ | Навыки видеосьемки и монтажа
▶ 07:26​ | Развитие личного бренда
▶ 08:16​ | Деньги
▶ 08:58​ | Успехи за 1 год ведения канала
▶ 10:00​ | Планы на будущее
▶ 10:53​ | Заключение
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: ua-cam.com/play/PL0MUAHwery4ot0KmgGxlBSB7rXssLeA6h.html
🔵 CSS: ua-cam.com/play/PL0MUAHwery4o9I7QQVj_RP4ZVpmdx6evz.html
🟡 JS: ua-cam.com/play/PL0MUAHwery4qn4Y27iUxmzC-JiauX7vSL.html
🟢 A11y: ua-cam.com/play/PL0MUAHwery4r4gCA3AOtHgArM_UOb2QUV.html
⚪️ Мастер-класс по верстке для новичков: ua-cam.com/play/PL0MUAHwery4rqkzKF1mDBCIH_eZgjY6uN.html
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): ua-cam.com/play/PL0MUAHwery4rdZt-8E9p9zty2ZUCH6Ai3.html
🗺 Frontend Roadmap 2024 ua-cam.com/video/1WRJKgwlX9w/v-deo.htmlsi=NjyzbyLMguVV4Frr
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksandr-lamkov-1480
➖ Solvery: solvery.io/mentor/aleksanderlamkov
#frontend #фронтенд
Переглядів: 3 124

Відео

JavaScript и JSON формат - парсинг и преобразование данных
Переглядів 1,9 тис.День тому
✏️ Узнаем, что такое JSON формат данных и зачем он нужен. Изучим, как с JSON работать в JavaScript, попрактикуем методы JSON.stringify и JSON.parse. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:24​ | Что такое JSON? ▶ 01:35​ | Зачем JSON нужен? ▶ 02:05​ | Преобразование объекта в строку - метод toString ▶ 03:23​ | Преобразование объекта в строку - метод JSON.stringify ▶ 03:53​ | Парсинг JSON-объекта в ...
Методы массивов JavaScript - forEach, map, filter, reduce, some, every, sort, includes, indexOf
Переглядів 1,6 тис.14 днів тому
✏️ Учимся применять деструктурирующее присваивание к массивам. Изучаем методы массивов forEach, indexOf, lastIndexOf, findIndex, findLastIndex, includes, sime, every, find, filter, map, reduce, reduceRight, reverse и sort. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:27​ | Деструктурирующее присваивание и массивы ▶ 01:33​ | Перебор массива - метод forEach ▶ 04:36​ | Поиск индекса элемента в массиве - м...
Фронтенд и моё первое тестовое задание - прожарка, анализ ошибок.
Переглядів 13 тис.21 день тому
✏️ Прожарка моего тестового задания на вакансию фронтенд-разработчика, которое я делал ровно четыре года назад, когда вкатывался в профессию. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:29​ | Макет в Figma и ТЗ ▶ 00:50​ | Анализ через DevTools ▶ 12:32​ | Анализ кода в файле стилей ▶ 15:37​ | Анализ папки с изображениями ▶ 16:00​ | Заключение 💬 Чат в телеграмме (помощь новичкам): t.me/friendlyFrontendC...
JavaScript массивы - основы. Приведение к строке. Копирование, объединение и сравнение массивов.
Переглядів 1,7 тис.Місяць тому
✏️ Изучаем основы массивов. Учимся получать и изменять элемент массива по его индексу. Знакомимся со свойством длины массива length. Разбираемся с методами at, push, unshift, pop, shift, toString, join, slice, concat. Учимся копировать, объединять и сравнивать массивы. Разбираемся с тем, как проверять сущность на массив через Array.isArray. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:19​ | Массивы ▶ 0...
Строки в JavaScript. Методы at, replace, slice, includes, repeat, trim, split. Длина строки length.
Переглядів 1,4 тис.Місяць тому
✏️ Разбираем свойства и методы строк: length, at, toLowerCase, toUpperCase, trim, trimStart, trimEnd, indexOf, includes, startsWith, endsWith, slice, substring, repeat, replace replaceAll. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:25​ | Длина строки - свойство length ▶ 01:04​ | Получение символа строки по индексу ▶ 02:19​ | Получение элемента строки по индексу - метод at ▶ 03:29​ | Изменение регистр...
Как долго учить фронтенд? Сколько учиться на фронтенд-разработчика?
Переглядів 9 тис.Місяць тому
✏️ Обсудим как долго нужно изучать фронтенд-разработку, чтобы попасть на первую работу. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:25​ | Какая у тебя цель? ▶ 01:10​ | А что ты уже умеешь? ▶ 01:56​ | Сколько уделять времени в сутки? А в неделю? ▶ 02:52​ | Системность получения информации и привычка ▶ 03:43​ | Мотивация ▶ 04:33​ | Фильтрация материалов ▶ 05:13​ | Как долго учиться в целом ▶ 06:17​ | Ну...
JavaScript методы примитивов. Числа. Объект Math. Округление чисел. Парсинг чисел из строк.
Переглядів 1,4 тис.Місяць тому
JavaScript методы примитивов. Числа. Объект Math. Округление чисел. Парсинг чисел из строк.
Ключевое слово this в JavaScript для начинающих • this в объектах и функциях
Переглядів 2,4 тис.Місяць тому
Ключевое слово this в JavaScript для начинающих • this в объектах и функциях
Как найти первую работу? Накрутка опыта. Актуален ли фронтенд? Обучение и мотивация. Карьерный путь
Переглядів 7 тис.2 місяці тому
Как найти первую работу? Накрутка опыта. Актуален ли фронтенд? Обучение и мотивация. Карьерный путь
JavaScript объекты - сравнение, копирование, объединение, деструктуризация, остаточные параметры.
Переглядів 2,3 тис.2 місяці тому
JavaScript объекты - сравнение, копирование, объединение, деструктуризация, остаточные параметры.
Объекты в JavaScript. Свойства объекта - чтение, добавление, удаление, проверка наличия и перебор.
Переглядів 2,6 тис.2 місяці тому
Объекты в JavaScript. Свойства объекта - чтение, добавление, удаление, проверка наличия и перебор.
Виды функций в JavaScript. Стрелочные функции. Как правильно называть функции? Назначение функций.
Переглядів 2,4 тис.2 місяці тому
Виды функций в JavaScript. Стрелочные функции. Как правильно называть функции? Назначение функций.
Функции в JavaScript. Область видимости. Параметры и аргументы. Значения по умолчанию. Return.
Переглядів 3,2 тис.3 місяці тому
Функции в JavaScript. Область видимости. Параметры и аргументы. Значения по умолчанию. Return.
Циклы в JavaScript - while, do while и for. Прерывание цикла break. Продолжение цикла continue.
Переглядів 2,2 тис.3 місяці тому
Циклы в JavaScript - while, do while и for. Прерывание цикла break. Продолжение цикла continue.
JavaScript функции alert, prompt и confirm для взаимодействия с пользователем. Условия switch case.
Переглядів 2,2 тис.3 місяці тому
JavaScript функции alert, prompt и confirm для взаимодействия с пользователем. Условия switch case.
Будущее CSS-анимаций - scroll-timeline, animation-timeline и animation-range, JS больше не нужен!
Переглядів 7 тис.3 місяці тому
Будущее CSS-анимаций - scroll-timeline, animation-timeline и animation-range, JS больше не нужен!
JavaScript условия if else. Тернарный оператор. Логические операторы. Оператор нулевого слияния.
Переглядів 2,7 тис.3 місяці тому
JavaScript условия if else. Тернарный оператор. Логические операторы. Оператор нулевого слияния.
Математика в JavaScript. Арифметические операторы, операторы сравнения. Декремент и инкремент.
Переглядів 2,7 тис.4 місяці тому
Математика в JavaScript. Арифметические операторы, операторы сравнения. Декремент и инкремент.
Типы данных в JavaScript. Проверка типов (typeof), преобразование типов. Интерполяция строк.
Переглядів 3,8 тис.4 місяці тому
Типы данных в JavaScript. Проверка типов (typeof), преобразование типов. Интерполяция строк.
Как бы я изучал программирование сейчас | Эффективное обучение в IT | Топ ошибок при обучении
Переглядів 7 тис.4 місяці тому
Как бы я изучал программирование сейчас | Эффективное обучение в IT | Топ ошибок при обучении
Переменные в JavaScript (var, let, const), строгий режим (use strict). Как называть переменные?
Переглядів 3,8 тис.4 місяці тому
Переменные в JavaScript (var, let, const), строгий режим (use strict). Как называть переменные?
JavaScript для начинающих. Введение - подключение к странице, вывод в консоль, комментарии в коде.
Переглядів 8 тис.4 місяці тому
JavaScript для начинающих. Введение - подключение к странице, вывод в консоль, комментарии в коде.
Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ - Подробное ПОШАГОВОЕ объяснение | Часть 2
Переглядів 8 тис.5 місяців тому
Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ - Подробное ПОШАГОВОЕ объяснение | Часть 2
Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ - Подробное ПОШАГОВОЕ объяснение | Часть 1
Переглядів 27 тис.5 місяців тому
Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ - Подробное ПОШАГОВОЕ объяснение | Часть 1
Чеклист ВСЕХ проблем цифровой доступности для фронтенд-разработчиков • Frontend Accessibility 2024
Переглядів 1,1 тис.5 місяців тому
Чеклист ВСЕХ проблем цифровой доступности для фронтенд-разработчиков • Frontend Accessibility 2024
Пишем ДОСТУПНЫЙ компонент табов. Атрибуты WAI-ARIA • Frontend Accessibility 2024
Переглядів 1,2 тис.5 місяців тому
Пишем ДОСТУПНЫЙ компонент табов. Атрибуты WAI-ARIA • Frontend Accessibility 2024
Тестируем фронтенд на доступность в DevTools - Lighthouse, AOM Tree. Скрытая панель Rendering.
Переглядів 1,3 тис.5 місяців тому
Тестируем фронтенд на доступность в DevTools - Lighthouse, AOM Tree. Скрытая панель Rendering.
Frontend Accessibility 2024 • Проблемы цифровой доступности во фронтенд-разработке
Переглядів 2,9 тис.6 місяців тому
Frontend Accessibility 2024 • Проблемы цифровой доступности во фронтенд-разработке
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
Переглядів 18 тис.6 місяців тому
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)

КОМЕНТАРІ

  • @MrYurgens
    @MrYurgens 10 годин тому

    Добавлял такую ссылку на клиентский сайт. Специально на клик по ней добавил цель в Яндекс.Метрике, чтобы последить. За 4 месяца штук 10 холостых кликов и 1 оказался реальный. Что самое веселое смс правда отправили с просьбой перезвонить по межгороду ) Олды )

  • @Aselina742
    @Aselina742 13 годин тому

    Руки Александра это как бесконечный цикл в JavaScript 😂 требую больше функциональности, добавьте, пожалуйста, язык жестов что-ли для большей пользы

  • @user-rw5dg1vh1v
    @user-rw5dg1vh1v 15 годин тому

    Как для пятилетних мне подходит😅😂

  • @true_candlejack
    @true_candlejack 15 годин тому

    1:33:00 У меня выдает Failed to load resource: net::ERR_FILE_NOT_FOUND при попытке подгрузить svg-элемент. Это странно, ведь все пути соблюдены корректно, а код проверен неоднократно. Не подскажете чем может быть ошибка?

    • @AleksanderLamkov
      @AleksanderLamkov 15 годин тому

      Напиши нам в чат, поможем: t.me/friendlyFrontendChat Можешь сразу архивом скинуть свой проект, чтобы время не терять.

  • @sh0ny
    @sh0ny 15 годин тому

    Ого 😨, это надо ❤

  • @qwertymangames1800
    @qwertymangames1800 21 годину тому

    Проблемы Java разработчиков: распределить параллельные и асинхронные вычисление для минимизации отклика для сайта. Проблемы джаваскриптизёров: подвинуть на пару пикселей объект)))

  • @pride444
    @pride444 День тому

    1. Тег <blockquote> является блочным тегом, как вы и указали, и служит для обозначения более крупных цитат. Внутри него обычно используется тег <p> для оформления текста цитаты. 2) Тег <cite> используется для указания источника цитаты, Он может размещаться сразу после <blockquote>. 3) Второй способ указания источника - через атрибут cite="" внутри открывающего тега <blockquote>. В этом случае источник не отображается на странице. 4) Тег <q> действительно используется для коротких цитат внутри текста. По умолчанию браузер добавляет кавычки вокруг текста, обернутого в этот тег. 5) Вы также правильно отметили, что внешний вид кавычек можно изменить через CSS-стили.

  • @motor4718
    @motor4718 День тому

    Блин, на ру Ютубе не нашел толком типовых задач фронтендера(сделать авторизацию, фильтрацию по поиску итп). Было бы классно узнать про частые типовые задачи, чтобы сделать пет проекты с ними

  • @mrpisklovify
    @mrpisklovify День тому

    полезно и интересно, спасибо

  • @s1ngle77
    @s1ngle77 День тому

    Хотелось бы курсы от тебя, видно что ты не скрываешь и не «инфо-цыган», монетизировать то, в чем ты спец - это идеально, поэтому работай брат

  • @s1ngle77
    @s1ngle77 День тому

    Наткнулся на твои видео, потому что учил html, ты самый адекватный и современный разработчик, который искренне хочет научить слушателей Спасибо тебе, продолжай в том же духе, успехов тебе

  • @miterevv
    @miterevv День тому

    Александр, спасибо за ваши полноценные курсы невероятно высокого уровня. Подскажите пожалуйста, вам удобно работать с одним монитором или вы пользуетесь одним монитором для только для записи видео?

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Спасибо за обратную связь! По поводу мониторов - последние 2-3 года работаю всегда с одним, 15 дюймов, вполне хватает. Нравится мобильность. Могу работать из любого места. Но в первый год карьеры использовал в работе два больших монитора, так было гораздо проще верстать.

  • @user-nt6lp9jj9u
    @user-nt6lp9jj9u День тому

    Супер!Я торчу Прям от Анимаций!Особенно мне нравятся 3D Сайты.Но даже от таких как тут простых торчу!!!))Если бы я умел.я бы сделал сайты все из анимаций, движений, переходов и 3D.)))

  • @user-nt6lp9jj9u
    @user-nt6lp9jj9u День тому

    Жена такая:"зачем ты на таком ускорении смотришь!?"))) 🤣 Когда узнала что вы так говорите,: "Как ты все понимаешь?" А я и думаю, блин, потому что минимум воды, макс. полезной инфы. Просто идеально. То что нужно в 35 с 3мя детьми при смене профессии))Быстро и по делу!))

  • @user-nt6lp9jj9u
    @user-nt6lp9jj9u День тому

    Гениально. После Гридов, вообще как по маслу.😊 Не устану благодарить вас! Спасибо!

  • @alexander_stark
    @alexander_stark День тому

    Прекрасный контент и отличная подача! Если бы я всё же решил пойти в эту сферу, то обязательно записался бы на курс. Однако, если когда-нибудь сделаешь платный курс, то постарайся подобрать адекватных молодых помощников. Старых пердунов 40+ нахер... Я покупал курс у одного из твоих коллег по цеху, но на первом же занятии получил такую обратную связь, что желание продолжать обучение сразу же пропало. Помошник из Украины 40+ начал меня шеймить... Всё началось с того, что я написал slyle.css, а, по его мнению, нужно было писать styles.css, и пошло-поехало по накатанной... Хотя код был рабочий...

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Спасибо за теплый фидбек! По поводу ситуации с ревью - да, шиза бывает у матерых разработчиков, которые с пеной у рта будут доказывать про нужные / ненужные пробелы в коде или о подобных незначительных вещах, при том переходя на личности, а по итогу их КПД для тебя получается околонулевой 😒 Ревью важно давать так, чтобы не отбить у автора проверяемого кода желание оставаться в разработке, это факт 😅

  • @BOOLBOSS
    @BOOLBOSS День тому

    Как быть с неймингом, незнаю как назвать элементы, блоки

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Посмотри это видео на моем канале: ua-cam.com/video/EVWT4exv4jA/v-deo.html Если ссылка не сработает, найди видос по названию: Имена классов в верстке | Как лучше называть элементы в разметке

  • @user-sq9lp2vj2l
    @user-sq9lp2vj2l День тому

    Спасибо!

  • @sanjirouk3484
    @sanjirouk3484 День тому

    Большое спасибо за видео, многое узнаю и учусь! Продолжай в том же духе :D

  • @alexander_stark
    @alexander_stark День тому

    Я не фротер.. но если прижмет и надо будет сверстать макет он будет лучше за счет просмтра много видео + кпрощает работу тот же chatgpt ...

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Да, соглашусь, сейчас гораздо больше материалов в открытом доступе и всесильные нейронки во многом упрощают процесс разработки 🙂 В моё время тоже были видосы, конечно, но я был нетерпеливым и рвался в бой, потому и полез на амбразуру с околонулевыми знаниями в верстке 😅

  • @xdevelx
    @xdevelx День тому

    В chrome devtools уже тоже есть selector stats

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Круто! Когда писал сценарий этого шортса, этого функционала в хроме ещё не было 😅

  • @user-xf1fg1bq9w
    @user-xf1fg1bq9w День тому

    спасибо) наконец-то полезный видик)

  • @oldborodach
    @oldborodach День тому

    Поучительно 🤝 👍

  • @stasalsakhanov435
    @stasalsakhanov435 День тому

    После данной оптимизации, насколько быстрее сайт будет грузиться?

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      В зависимости от степени запущенности текущего состояния стилей и селекторов. Можешь подробнее прочитать тут: blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/

  • @biscvie
    @biscvie День тому

    Спасибо!

  • @biscvie
    @biscvie 2 дні тому

    Спасибо!

  • @MrNarek-ct2so
    @MrNarek-ct2so 2 дні тому

    Спасибо большое за твой контент, ты очень крутой. Продолжай так дальше!

  • @Triplanar
    @Triplanar 2 дні тому

    Привет, а почему svg иконки/ svg изображения мы вставляем то через тег <svg>, то через <img src="./images/header/logo.svg">, есть какие то определенные правила когда что использовать?. Спасибо за контент)

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Если нужна возможность изменять цвет иконки, то нужно вставлять её как <svg>, в ином случае будет достаточно <img>.

    • @Triplanar
      @Triplanar День тому

      @@AleksanderLamkov ааааа, понял, спасибо)

  • @user-mx2ep1xp8o
    @user-mx2ep1xp8o 2 дні тому

    Не понятно про сопоставление селекторов и найденных элементов.

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Вот тут можно почитать подробнее: learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/evaluate-performance/selector-stats

  • @user-bn7mg3fs5d
    @user-bn7mg3fs5d 2 дні тому

    Крут !

  • @Maksim-nu8hb
    @Maksim-nu8hb 2 дні тому

    Я ебашу кнопки картинками. Ничего не выделяется, стиль единообразен во всех браузерах. Заказчик присылает скриншот пээсды, я его даже не режу (скриншот) и леплю тупо всё мапой и ареей.

  • @tontontonic
    @tontontonic 2 дні тому

    ну щас бы селекторы и цсс оптимизировать))) когда любой чих на js намного ресурсозатратнее стилей. Любая отзывчивость выполненная через стили будет на порядок легче и быстрее, чем тот же функционал , написанный на js тремя строчками кода. (хотя объем цсс кода в разы больше) Ну давай тогда старой доброй табличкой без шрифтов делать быстрые сайты, ммм этот прекрасный стиль форумов нулевых

    • @AleksanderLamkov
      @AleksanderLamkov 2 дні тому

      О чем речь вообще? Ворчание ради ворчания? Кто спорит то, что задачи верстки нужно решать стилями? Я показываю новый инструмент в девтулз, благодаря которому можно увидеть неоптимальные места в CSS. Альтернативных способов то на данный момент и нет.

    • @tontontonic
      @tontontonic 2 дні тому

      @@AleksanderLamkov да хз, просто это какой-то бесполезный функционал и труд - оптимизировать селекторы. Ну как я понял - он выводит просто селекторы, на которые навешаны самые "тяжелые" стили, аля псевдоэлементы и тд. Но это нет смысла оптимизировать, тк все цсс - легкие) мб я просто не верно понял фичу?

    • @AleksanderLamkov
      @AleksanderLamkov 2 дні тому

      Думаю, что ты верно понял фичу. Но с помощью CSS-селекторов загадить перформанс все же можно. Комбинации с новым :has() видел? Вот там такое можно натворить…

    • @kroge4243
      @kroge4243 2 дні тому

      сразу видно что человек большие проекты не делал, в том числе анимации, другалек если ты с такими проблемами не сталкивался не значит что этих проблем не существует. открою тебе еще больше информации (бесплатно) на каждый вызов transform вызывается встроенное в браузер api rerender который является самой трудоемкой для браузера задачей, любое изменение root переменных (из js и css) тоже вызывает rerender , нужно знать и уметь оптимизировать данные процессы например если мы хотим часто менять переменные root через js нужно использовать requestAnimationFrame() , ну а для css свои фишки.

  • @hyperpocket.
    @hyperpocket. 2 дні тому

    Что не так с селектором класса с псевдоэлементом что он аж на 2 месте?

    • @AleksanderLamkov
      @AleksanderLamkov 2 дні тому

      Слишком много псевдоэлементов after на странице, зависящих от родительского класса dom-is-ready. Свой сайт делал года 2 назад. Сейчас бы многое сделал иначе, в т. ч. подобные селекторы.

  • @_drevn1y_
    @_drevn1y_ 2 дні тому

    Дизайнер который сделал нереальную анимацию. Frontend developer 🗿🗿🗿 Backend developer 🚶‍♂️

  • @chelovek0161
    @chelovek0161 2 дні тому

    О, не знал об этом

  • @AleksanderLamkov
    @AleksanderLamkov 2 дні тому

    📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 Чат: @friendlyFrontendChat ℹ Основной канал: @friendlyFrontend Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

  • @user-dv9fk1hd3s
    @user-dv9fk1hd3s 2 дні тому

    Только поддержка scroll-behavior: smooth отключена по умолчанию в браузере. А поскольку средний пользователь не будет шариться в настройках хрома чтобы включить нужный флаг, то это нельзя использовать. Даже если в какой-то версии включат по умолчанию, всё равно нельзя полагаться на то что все сразу обновятся. Так что такие вещи всё равно приходится делать через js, чтобы гарантированно работало

    • @AleksanderLamkov
      @AleksanderLamkov 2 дні тому

      Я ничего у себя дополнительного не включал. Во всех браузерах работает. И поддержка по caniuse отличная, без примечаний о «флагах». caniuse.com/?search=CSS%20property%3A%20scroll-behavior%3A%20smooth

  • @pablo_barnes7329
    @pablo_barnes7329 2 дні тому

  • @SilvarTech
    @SilvarTech 2 дні тому

    Было бы лучше, если бы ты переписал и показал как правильно нужно

    • @AleksanderLamkov
      @AleksanderLamkov 2 дні тому

      Возьму на заметку. Есть ещё парочка плохоньких проектов со старта карьеры :)

  • @tearz1375
    @tearz1375 2 дні тому

    Круто

  • @amphetyze
    @amphetyze 2 дні тому

    а какая тут методология используется? не БЕМ ведь, интересно, что за методология)

    • @AleksanderLamkov
      @AleksanderLamkov 2 дні тому

      Никакая :) Этот мастер-класс для новичков. Но вообще старался выдерживать просто логичный и понятный нейминг. БЭМ используется в следующем мастер-классе: ua-cam.com/play/PL0MUAHwery4rdZt-8E9p9zty2ZUCH6Ai3.html&si=JITgUcpklw4we2aU

  • @DreamvibeTV
    @DreamvibeTV 3 дні тому

    Это не ви ви, а ви дабл ю Не видз, а, скорее, виз Не ви аш, а ви эйч

  • @frodo5190
    @frodo5190 3 дні тому

    Огромное спасибо за твой труд. Благодаря тебе я смог без особых проблем выполнить где-то 70% работы совершенно с нуля без опыта, просто посмотрев пару мастер-классов и разобравшись на практике.

  • @armsandarrows3043
    @armsandarrows3043 3 дні тому

    Надо учиться читать документации и не бояться ничего, из того, что в них написано. Всё, что нужно, уже есть на mozillamdn в плане основ + там появляется постоянно новая инфа раньше любых видео) Английский язык мастхэв

    • @AleksanderLamkov
      @AleksanderLamkov День тому

      Согласен, всё правильно говоришь. Дополню только, что переварить пережеванную промптовым переводом информацию на MDN может быть непросто, поэтому с этим ресурсом лучше только в англ. версии работать. Ещё порекомендую ресурс doka guide на русском языке. Нравится, как там аккуратно и человекопонятно пишут статейки…

    • @armsandarrows3043
      @armsandarrows3043 День тому

      @@AleksanderLamkov Не написал только, что да, лучше всего читать в оригинале, поэтому английский нужен прям сильнее, чем об этом говорят)

  • @MBa1201
    @MBa1201 3 дні тому

    Привет! А как сделать так, чтобы при разворачиваии тега кнопкой Tab ее атрибуты были на разных строках и чтобы у одинарных тегов в конце был символ слеша?

    • @AleksanderLamkov
      @AleksanderLamkov 3 дні тому

      Привет! Это нужно сниппеты настроить. Напиши в чат, тебе помогут: t.me/friendlyFrontendChat

  • @headstrong1968
    @headstrong1968 3 дні тому

    О, спасибо, полезно

  • @smotritelyoutube
    @smotritelyoutube 3 дні тому

    like!!! super

  • @user-fn1eq2iv2h
    @user-fn1eq2iv2h 3 дні тому

    Отличный ролик! Кратко и доходчиво!)

  • @leem0ne
    @leem0ne 3 дні тому

    А еще возникает баг, если у оболочки есть overflow:hidden и после скрола сверху пропадает часть контента.

  • @oldborodach
    @oldborodach 4 дні тому

    Ну дерзай, дерзай посмотрим удачи 🐞🍀 в развитии канала 👇 подача у тебя вроде не плохая смотрю изучаю, а так как я занимаюсь будет мне интересно сайтик повторить по фитнесу с твоего канала и как раз посмотрю твою подачу контента и других!