👋 Привет! Меня зовут Александр Ламков, работаю фронтенд-инженером в компании VK.
📌 «Friendly Frontend» - образовательный проект, в рамках которого я делюсь знаниями со всеми желающими, с теми, кто только начинает свой путь во фронтенд-разработке и с теми, кто хочет прокачать свои навыки в этом ремесле.
👨💻 Мне действительно есть, что вам рассказать, ибо сам я прошел этот путь относительно недавно. На данный момент имею около четырех лет коммерческого опыта, самоучка. Прошел путь от trainee в безызвестной «галере» со штатом в 15 человек, где верстал простенькие лендинги и интернет-магазины, до фронтенд-инженера в крупнейшей РФ компании, где занимаюсь вопросами архитектуры фронтенд-структур внутренних проектов и их оптимизацией. Между этими занятостями также был опыт работы на фрилансе, в стартапе (3-10 чел.) и в средней компании (50-100 чел.). Имею опыт в проведении оффлайн-митапов, лекций, преподавании и наставничестве.
Подскажите, видел как кто то копирует классы c html в scss c помошью csstractor, и они у него вставляются с вложенностью, а у меня нет. Как повторить трюк?
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Все прекрасно объясняешь, но я не знаю почему все читают хэйт. Хэйт (hate) по-английски - это ненавидеть, а хайт (height) - высота) все-таки новички тоже запоминают, а это неправильно)
Может я что то не понял, но это видео не находится ни в одном плейлисте, что усложняет его поиск... Видео по css функциям и переменным тоже не находятся в плейлисте по css.
Добавил в отдельный плейлист "CSS": CSS ru-vid.com/group/PL0MUAHwery4ojFkcq8PD-6ylUalMGqXfs В текущий (CSS курс) добавить не могу, т. к. тема этого видео не связана с курсом по CSS напрямую. В любом случае, спасибо за информацию!
У меня не получается перестроить сетку в одну колонку, как быть? Я прописываю все тоже самое, что и в видео(буквально копирую с гитхаба), а оно не работает( .motivation-card, .motivation-item:nth-child(even) .motivation-card { flex-direction: column-reverse; }
не сомотрел ещё мастер класс, но интересует вопрос, нужно ли использовать импорты в стилях, я ещё в 22году слышал такое : Это не просто запутывает, но и нарушает независимость блоков. Make sanse ?
Если не дублировать импорты, проблем не будет. Ну а если посмотреть итоговый css-файл мастер-класса, то там всё будет ок. Но признаю, Sass-импорты - deprecated, стоит заменит их на use. Просто в этом проекте и с import всё работает хорошо.
Здравствуйте, Александр! Можно ли прикреплять ссылку на конспект по лекции или просто текстовую расшифровку? На слух тяжело воспринимаю информацию, текстом легче
В условном рендеринге в JSX-разметке использовать && - это нормально. Иначе пришлось бы с тернарным оператором творить подобное: {something ? <Component/> : null} Главное не заменять в обычном JS-коде инструкцию if, это ухудшает читаемость кода.
Александр, уточните, пожалуйста, в чем преимущество применения псевдокласса для стрелки 14:14, можно ли было просто вставить svg ? Спасибо за ваши уроки!
Подобные сугубо декоративные элементы по-возможности стоит размещать в CSS. Если же нас понадобилась бы анимация этой стрелочки или перекраска её внутренностей, то пришлось бы писать её в разметке через <svg>, но такой необходимости у нас не было.
Вчера узнал про это свойство у ChatGPT, но там немного лучше была реализация - при помощи not к псеводоклассу empty, что отображает стили только для заполненных элементов. Не нужно писать отдельный стиль.
Препроцессор стилей - это инструмент автоматизации. Лично я начал его использовать спустя месяца 3 плотной работы с голым CSS. Sass решил мои боли, помог сэкономить время на рутинные задачи. Если вам пока сложно разобраться с этим инструментом, то значит вам пока рано с ним взаимодействовать. Наловчитесь с классическим CSS, познайте все его недостатки, помучайтесь, а затем уже осознанно возвращаетесь к Sass.
А что на счёт организации свойств для каждого элемента ? Порядок написания этих свойств. От кого-то слышал что стартует всё с order, далее position, потом margin,display,padding,with,higth,background и т.д. Я так понимаю это от команды зависит ?
Лично я придерживаюсь этим правилам: netology-university.bitbucket.io/codestyle/css/#order А вообще в рабочих проектах нередко используют плагин stylelint для автосортировки свойств.
@@yebfudeu3313 это бесплатная CMS и там есть иногда глюк у статей выдает пустой P, ну или другой способ получить такое это пустое динамическое поле будет с просто тег P без контента
Про то, что нужно знать из мира реакта, описывал в этом видео: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1WRJKgwlX9w.html Ну а про NodeJS и NextJS - это мало связанные вещи, как мне кажется. Всё же некст просто фреймворк-надстройка над реактом, хоть и большая.
📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 Чат: @friendlyFrontendChat ℹ Основной канал: @friendlyFrontend Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂