Frontender's notes. Страница 22

​​Как программисту не облажаться с задачкой на интервью? Всем привет! Интересный видос в котором рассказывается о том на каких ресурсах вы можете потренироваться с решением различных задачек а так же разбирается несколько популярных задач которые часто встречаются на интервью. Рекомендую к просмотру даже если вы уже джедай в своей области! Смотреть...

Для тех кто просил, тот самый канал👇 https://t.me/+jUCNQDtb4GtjYTNi

​​Выявляем волков в овечьей шкуре среди пользователей сайта Я в свободное время развиваю свой небольшой сайт — платформу для ведения личных дневников. Похож на ЖЖ или Дайри, но более современный и молодежный, полузакрытый, уютный. И у нас есть необходимость отслеживать, когда пользователи создают себе дополнительные аккаунты. В этом посте хочу поделиться своими идеями и опытом, как это у нас реализовано. Читать...

​​CSS-селектор :has() и междустрочные интервалы в длинных текстах Если вы работали с сайтами, содержащими много длинных текстов, особенно с сайтами на CMS, где пользователи работают в WYSIWYG-редакторе, то вы наверняка писали CSS для управления междустрочными интервалами между различными элементами типографики — заголовками, параграфами, списками и т. д. Читать...

​​React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик».  Курс длится всего 3 месяца, но за это время мы научим вас: •уверенно разбираться в библиотеке React; •использовать TypeScript при разработке React-приложений; •тестировать веб-приложения с помощью юнит-тестов и cypress. Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах сопровождают опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.  Записаться на курс можно здесь.

​​Зарплаты разработчиков в первой половине 2022: языки и квалификации Когда-то давно мы решили, что смотреть на зарплаты айтишников только в большом зарплатном исследовании — недостаточно, и начали копать глубже. Так появился срез зарплат в контексте языков программирования и квалификаций разработчиков. В этом исследовании рассказываем, как изменились зарплаты IT-специалистов в первом полугодии 2022 года по сравнению со второй половиной 2021.  Читать...

​​Гайд по работе с деревом коммитов Git для начинающих Гайд охватывает основы Git, включая то, что это такое и зачем он используется. Также обсуждаются такие концепции Git, как коммиты, ветки, слияние и сброс изменений. Руководство написано для людей, практически не имеющих опыта работы с Git. Читать...

Нет ничего более постоянного, чем тудушки

​​Общие шаблоны и нюансы использования React Query Из-за своей гибкой парадигмы React имеет несколько подходов проектирования проекта. Решения, которые мы принимаем на этапе проектирования и архитектуры проекта, могут либо сократить временные затраты на разработку простого надежного решения, либо затруднить её из-за усложнения реализации. Одним из простых в реализации, но иногда сложных в использовании инструментов является react-query — мощная библиотека для асинхронного управления состоянием. Простота реализации делает его желанным выбором для написания логики состояния компонентов. Читать...

​​Время относительной стабильности закончилось. JS и CSS активно развиваются. Новые фрейморки и фичи заставляют многих пересмотреть подход к написанию кода. Об этом говорят долгожданные результаты опросов State of JS 2022 и State of CSS 2022.  Какие выводы из них можно сделать? И, главное, что ждёт нас в 2023 году?  Обсудим на бесплатном вебинаре, который проведут тимлиды из ВКонтакте, Telegram Open Network и Frogly (Chrome Extension) Вы поймёте, что нужно знать, чтобы оставаться востребованным специалистом в этом году: какие фреймворки и фичи использовать, а от каких стоит отказаться. Встречаемся 9 февраля в 19:00 (по Москве) в прямом эфире.  Регистрируйтесь по ссылке

На митинге с клиентом

​​Как на практике работать над перфомансом веб-приложения: опыт Авто.ру Советов «как ускорить веб-приложение» в интернете немало. Но при попытке применить их на деле может вспоминаться мем «делойте хорошо а плохо не делойте». Ситуации очень различаются, и универсальные рецепты плохо подходят.  Поэтому на нашей конференции HolyJS Наталья Стусь поделилась тем, как выглядела работа над производительностью не в «вакууме», а конкретно в случае Авто.ру. Конечно, раз всё индивидуально, вы не сможете тут же сделать всё в своём проекте «точно так же». Но вот извлечь какие-то полезные принципы и понять, на что обратить внимание, вполне можно. Читать...

​​Как написать правильный API-клиент на Typescript В этой статье я подробно расскажу о реализации API-клиента на языке TypeScript для работы как со сторонними API, так и со своими собственными. Клиент может работать с публичными и защищенными эндпойнтами и не привязан к конкретному фреймворку, что делает его пригодным для использования в React, Vue, Svelte и других фреймворках. Читать...

​​Пять шаблонов загрузки данных для повышения быстродействия сайтов Фреймворки вам требуются не для всего, но в случае их использования есть ряд способов, позволяющих добиться максимального быстродействия. В данной статье речь пойдёт о пяти шаблонах загрузки данных, которые при уместном применении позволят значительно повысить производительность приложений или сайтов. Читать...

​​😎Тест по React JS от OTUS Ответьте на 19 вопросов и проверьте, насколько вы готовы к обучению на курсе React JS.  Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите 🎁 видео-курс по Git в подарок  ПРОЙТИ ТЕСТ https://otus.pw/ocpT/

​​JavaScript: заметка об операторе конвейера В этой небольшой заметке я хочу рассказать вам об одном интересном предложении по дальнейшему совершенствованию всеми нами любого JavaScript, а именно: об операторе конвейера (pipe operator) |>. На сегодняшний день данное предложение находится на 2 стадии рассмотрения. Это означает, что даже если все пойдет по плану, новый оператор будет стандартизирован года через два. Кроме того, синтаксис и возможности, о которых мы будем говорить, могут претерпеть некоторые изменения. Читать...

​​Всем привет! Если вдруг хотите потренироваться в алгоритмах перед собеседованием или например перед олимпиадой, то вам пригодится следующая рекомендация: Яндекс запустил две программы алгоритмических тренировок. 👉 Дивизион А подойдёт участникам, которые готовятся к олимпиадам по спортивному программированию; 👉 Дивизион B — тем, кто хочет пройти отбор в ИТ-компанию.  Как все это работает: 👉 Слушаете лекции о стеках, динамическом программировании и разных видах обходов. По ним делаете домашки и слушаете разборы заданий, если что-то не понятно. 👉 За решение задач вы получаете баллы и поднимаетесь в рейтинге участников. У каждого дивизиона свой рейтинг, поэтому возможность проявить себя есть как у профессионалов, так и у тех, кто только начал погружаться в алгоритмы. 👉 Мотивация соревноваться весомая: награждение лучших в Москве, сертификаты и даже возможность попасть в Яндекс по фаст-треку для 50 набравших больше всего баллов разработчиков . 👉 Если никому ничего не хотите доказывать, так тоже можно: учитесь и решайте задания в своем темпе, не обращая внимания на рейтинговую таблицу. 👉 Участие бесплатное. Старт уже 13 февраля, так что если вам нужно подтянуть свои знания алгоритмов, самое время регистрироваться.

​​Топ рекомендаций по Core Web Vitals на 2023 год Представляю вашему вниманию перевод этой замечательной статьи, представляющей собой коллекцию лучших практик, которые по мнению команды Chrome DevRel являются наиболее эффективными способами улучшения показателей Core Web Vitals. Core Web Vitals — это часть метрик Web Vitals, используемых для оценки веб-страниц и включенных во все инструменты Google. Владельцы сайтов должны учитывать эти метрики. Каждый показатель Core Web Vitals представляет собой отдельный аспект опыта взаимодействия пользователя с сайтом, измеряемый в полевых условиях и отражающий реальные действия по достижению критически важного результата, ориентированного на пользователя. Web Vitals — это инициатива Google, цель которой — предоставить единое руководство по сигналам качества, необходимым для обеспечения хорошего взаимодействия с пользователем в Интернете (источник). Интересно? Тогда прошу под кат. Читать...