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

​​JavaScript: интересные возможности AbortController Представляю вашем вниманию адаптированный и дополненный перевод этой замечательной статьи. AbortController и AbortSignal предоставляют возможность применения некоторых интересных паттернов, рассмотрению которых и посвящена данная статья. Однако давайте начнем с типичного примера использования AbortController Читать...

Всем привет!  Нашел канал с краткими заметками по JS. Много полезностей в формате 1 минутных постов с примерами кода а так же небольших задачек для разминки мозгов. Неплохо подойдет для повторения материалов которые в дальнейшем вам могут пригодиться в работе и на собеседованиях. А вот вам и ссылка....

​​Псевдокласс :not Псевдокласс :not задаёт стили для элементов, которые не содержат указанный селектор. Указываться может любой вид селекторов, однако конструкция :not(:not(...)) запрещена Синтаксис: :not(selector1, selector2, ...){ ... } Пример использования: li:not(.different) {  font-size: 3em; }

​​Три причины учить Golang 1) Деньги На Хабр Карьере зарплаты Go-разработчиков уровня middle+ начинаются от 150 000 ₽ и доходят до 300 000 ₽. Среднее значение ближе всего к реальной зарплате.  2) Крутые проекты  На Go пишут нагруженные сервисы с десятками тысяч RPS — Uber, «Авито», «Озон». В финтех-стартапах его тоже используют: например, в электронных кошельках. 3) Простота Go считают самым простым типизированным языком за счёт объёма — в нём меньше 50 ключевых слов. Разработчики следят, чтобы в языке без надобности не появлялись новые непонятные конструкции.  Если вы работали с бэкендом, но пока не пробовали Go — пройдите наш бесплатный курс по основам Golang. После него можно прокачивать язык до более высоких уровней.    → Две недели теории в интерактивном учебнике на русском языке.  → Материал подаём со ссылкой на подобные понятия в других языках.  → Практика задач в вашей IDE — всё по-взрослому, без тренажёров.  Научим читать на Go и переводить на него код с других языков. → Учитесь бесплатно

​​Оператор логического присваивания (ES2021 / ES12) Оператор логического присваивания объединяет логические операции (&&, || или ??) с присваиванием. let x = 1;  let y = 2; x &&= y;  console.log(x); // 2 Строка 3 эквивалентна следующему выражению: x && (x = y) Или по другому: if(x) {   x = y }

​​Одна из многих причина нежелания идти учиться на курсы по разработке — отсутствие гарантий, что деньги за курс не будут выброшены на ветер. В Kata Academy эти гарантии предоставляют. В договоре с Kata четко прописано, что вам не нужно платить за обучение до тех пор, пока вы не устроитесь на работу в IT. То есть во время обучения вы ничего не платите.  Также в договоре указывается, что Kata гарантирует минимальную зарплату от 80 тысяч рублей в месяц. Если вы вдруг не смогли устроиться на работу, то за обучение платить не нужно. Связано это с тем, что цель Kata — ваше трудоустройство разработчиком, а если вам не удалось, значит на курсе вас не смогли подготовить должным образом.  Записывайтесь на курс и получайте тестовое задание: https://clck.ru/rbtd9 Если не уверены в своих силах — не переживайте, Kata дадут неплохой FAQ, который поможет с выполнением тестового!

​​JavaScript: заметка о сканере предварительной загрузки и пропуске невидимого контента В этой заметке автор рассказывает о двух вещах: 👉 Сканере предварительной загрузки (теоретическая часть). 👉 Пропуске невидимого контента (практическая часть). Обе технологии используются браузером для повышения скорости загрузки веб-приложений. Теоретическая часть представляет собой адаптированный и дополненный перевод этой статьи. Практическая часть — это небольшой эксперимент по применению новых свойств CSS, о которых рассказывается в этой статье (перевод). Если вам это интересно, прошу под кат. Читать...

Всем привет! На днях нашел в телеге бота который предложит уникальные макеты figma реальных проектов по вашим критериям. Так что если вы начинающий разработчик или просто время от времени тренируетесь в верстке то думаю вам зайдет. Вот тут сам бот...

CSS media запрос any-hover Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос? Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали. Пример применения: @media(any-hover: hover) {  .element: hover {  // ваши стили  } } Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье. #css #features

​​Онлайн-конференция «Design is Frontend №6: PWA vs мобильные приложения. Как технологии адаптируются к новому времени» пройдет с 27 по 30 июня В программе 4 доклада: что происходит с мобильными приложениями в период неопределенности, погружение в теорию PWA, быстрый запуск прогрессивных веб-приложений и инсайды разработчиков российских сторов. Спикеры — эксперты по мобильной и Frontend-разработке Notamedia.Agency, AFFINAGE, NashStore и Cyberband. Новички узнают, в чем особенности работы с PWA, чем отличается дизайн и разработка для прогрессивного веб-приложения от дизайна и разработки классического мобильного приложения. Руководители посмотрят на опыт внедрения PWA в существующие проекты. Регистрируйтесь и прокачивайте скиллы.

​​Шпаргалка по работе с медиа в браузере В данной шпаргалке представлены все основные интерфейсы и методы по работе с медиа в браузере, описываемые в следующих спецификациях: 👉 Media Capture and Streams 👉 Screen Capture 👉 Media Capture from DOM Elements 👉 MediaStream Image Capture 👉 MediaStream Recording 👉 Web Speech API Читать...

​​Приглашаем всех JavaScript-разработчиков 23 июня в Питер на офлайн-день конференции HolyJS 2022 Spring! Вас ждут: ✔ 5 докладов. ✔ Дискуссии после каждого доклада. ✔ Lightning talks: мини-доклады от участников конференции. ✔ Живое общение, нетворкинг и обмен знаниями. ✔ Стенды партнеров с разными активностями, мини-докладами и мерчем. Кроме того, вместе с билетом на офлайн-день вы получите доступ к записям докладов и других активностей онлайн-части. Подробности, полную программу и билеты вы найдете по ссылке. Если покупаете билет за свой счет (а не за счет компании), то воспользуйтесь промокодом для получения скидки: frontendnotes2022JRGpc

​​Еженедельные вакансии, новости proptech-индустрии, все о работе в IT и Digital в канале ДОМ.РФ.ТЕХ: — Как выглядит реальный IT-рынок в России?  — Правда ли, что программисты строят дома?  — Low-code не оправдал ожидания?  — Что будет с цифрой в стройотрасли?

​​Как и зачем я отключил свой фавикон Сделал перевод статейки. Оригинал hackernoon.com/disabli…-and-why Читать перевод...

​​Новый хук useEvent Всем привет! На канале IT синяк вышел крутой видос на тему нового хука useEvent, который может быть вам полезен для оптимизации вашего приложения. В самом видео вы узнаете для чего он нужен и какие проблемы он решает, попутно автор рассказывает о том как можно решить эти проблемы старым способом без нового хука, что кстати является довольно популярным вопросом на собеседовании. Много пользы в 5 минутах, рекомендую! Смотреть видео...

​​One Day Offer для фронтенд-разработчиков 25 июня Яндекс проводит One Day Offer — онлайн-встречу, на которой вы можете получить оффер от Яндекса всего за один день. Вы JS разработчик с опытом от трех лет и хотите работать над интересными проектами в Яндексе?  Регистрируйтесь на сайте, успейте решить задачи контеста до 21 июня, а 25 июня мы встретимся на онлайн-секциях, по результатам которых лучшие участники смогут присоединиться к командам Поиска, Yandex Cloud или Директа.

​​Как стать хорошим техлидом В 2006 году Яндекс и Google приехали в Петербург в Borland, который сокращал команду. Обе компании одновременно открывали в Петербурге свои офисы на его базе. Тогда к нам пришли замечательные ребята. Мы много общались, но больше всего запомнились слова Толи Орлова. Он сказал, что рост Яндекса на тот момент ограничивает только количество лидов, которые бы могли развивать продукты. Что роли техлида и тимлида очень существенны, и часто рост компании зависит только от наличия сильных лидеров. Тогда мне и захотелось узнать, как им стать. Читать...

​​-30% скидка на обучение важным навыкам фронтенд-разработчика🚀 Для тех, кто хочет расти до мидла, но не знает с чего начать обучение, мы составили карту компетенций и выделили основные навыки, востребованные на рынке разработки. По этим навыкам разработали курсы. Практика построена вокруг реальных типовых задач рынка, поэтому вы сможете сразу применять новый навык в своих проектах.  Асинхронный формат позволит учиться в свободное время и выбрать комфортный темп, а сообщество опытных разработчиков даст обратную связь по задачам и поделится опытом. Начните учиться прямо сейчас! До 19 июня скидка 30% на обучение важным навыкам для фронтенд-разработчика: «Алгоритмы и структуры данных», «TypeScript. Теория типов», «Анимации, часть 1. CSS-анимации».  Переходите по ссылке и качайте навыки, чтобы расти до мидла🧗🏼‍♂️