audience statistics Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Since the beginning of the war, more than 2000 civilians have been killed by Russian missiles, according to official data. Help us protect Ukrainians from missiles - provide max military assisstance to Ukraine #Ukraine. #StandWithUkraine

🚀 С появлением на горизонте новой функции CSS linear() возможности того, что мы можем сделать для создания естественной анимации и переходов в будущем, значительно расширяются. Смотрите сами реализацию того, что на демо:

:root {
--elastic-out: linear(
    0, 0.2178 2.1%, 1.1144 8.49%,
    ...
    1.0056 72.24%, 0.9981 86.66%, 1
  );
}

button {
  transition: scale 0.5s var(--elastic-out); 
}

button:active {
  scale: 0.8;
  transition: scale 0.5s ease;
}

Посмотрите на текущее состояние смягчения в CSS и на то, что ждет нас в будущем. Очень проработанный материал, написанный доступным языком👇 👀Читать

Креатив от третьего докладчика👇 Чтобы стать крутым сеньором, Нужно срочно на реакте, Ангуляре, вью и квике, Вам закодить ту-ду лист. 📌А вот и подборка докладов: 📺Алексей Авдеев, CTO в Mish. Что такое Web3 и как под него разрабатывать. 📺Роман Миронов, фронтенд-разработчик в Авито. Как мы добавляли видео на Авито. 📺Александр Водолазских, руководитель направления разработки интерфейсов клиентского продукта в СберМаркете. Pet-проекты – это зло. Вредные советы для фронтендеров. #чтопроисходит

Автоматизаторы тестирования на Java отвечают за внедрение, поддержку и развитие инфраструктуры автотестов — автоматизируют проверки, чтобы ускорить процессы и тратить меньше времени на рутину и ручную работу. На курсе Яндекс Практикума «Автоматизатор тестирования на Java» мы объясним теорию простым языком, а вы отработаете её на практике в тренажёре и реальных инструментах автоматизации, а ещё: • узнаете основы языка программирования Java; • начнёте автоматизировать тесты для веб-приложений и API; • научитесь составлять отчёты о результатах тестов в Allure; • сможете совмещать учёбу с работой и другими делами; • отработаете полученные знания на практике — сделаете 5 проектов, которые максимально приближены к реальным задачам. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Записаться на курс можно здесь: https://practicum.yandex.ru/qa-automation-engineer-java/

🛠 Event Loop в деталях JavaScript был спроектирован как однопоточный язык программирования. Тем не менее у него есть механизм Event Loop, который позволяет выполнять «асинхронные» операции. Движок JavaScript выполняет одну операцию за раз — и все, что является асинхронным отправляет в Event Loop. Давайте заглянем под капот этого механизма и разберем, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собесах. 🔗 Читать

Таненбаум vs Торвальдс (микроядро vs монолит) Старый добрый профессиональный спор, который перерос в холивар. Первыми его начали известные разработчики Эндрю Таненбаум и Линус Торвальдс в начале 90-х в одной из новостных групп «Юзнета». Таненбаум и Торвальдс холиварили из-за архитектуры ядра ОС. Первый утверждал, что лучше использовать микроядра, второй — монолитное ядро. И сколько раз они не возвращались к публичному обсуждению архитектуры ядра, каждый оставался при своём мнении. А что сейчас? Да ничего не изменилось. Холивар разгорается при обсуждении абсолютно любой темы. Любите холиварить? 👍 — конечно — в споре рождается истина 🤔 — ненавижу — только мешает работать 💯 — смотря где и при каких обстоятельствах #холивар

Frontend Meetup от СберМаркет Tech 🔥 В программе: 🟡 Что такое Web3 и как под него разрабатывать. Расскажет Алексей Авдеев, CTO в Mish. 🟡 Pet-проекты — это зло. Вредные советы для фронтендеров от Александра Водолазских, руководителя направления разработки интерфейсов клиентского продукта в СберМаркете. 🟡 Как мы добавляли видео на Авито. Кейс от фронтенд-разработчика Авито Романа Миронова. 🗓 21 сентября, 19:00 Мск • офлайн + онлайн Регистрируйся по ссылке, чтобы забронировать место в офлайне или получить ссылку на трансляцию! До встречи 😎 Реклама. ООО «Инстамарт Сервис», 115035, Москва, ОГРН 1187746494980. 16+

🤨Веб-компоненты действительно окружены ореолом глубоких заблуждений и непонимания — и с этим надо что-то делать. Ведь стандарту уже несколько лет, он давно поддерживается во всех популярных браузерах, но разработчики продолжают его игнорировать и зачастую создавать свои костыльные и излишне сложные решения там, где можно было бы с легкостью обойтись нативными браузерными возможностями. 📌Автор статьи затронул эту тему и разобрал все по полкам: 👉Веб-компоненты — это не замена вашему фреймворку 👉Главное — это жизненный цикл 👉Композиция и разметка 👉Shadow DOM — это опция 👉Объектная модель

Совет на осень 2023 год — прокачайте свои навыки в Javascript разработке. Сами посмотрите: на рынке не хватает хороших специалистов, больше 3000 компаний ищут Javascript разработчиков, а средняя зарплата мидла — 250 000 рублей. А для того, чтобы научиться за несколько месяцев, а не лет — держите в подписках канал - школа Javascript. Там на пальцах рассказывают что учить, на что забить и что актуально в 2023 году. С этим каналом вы пройдете путь от "гугл - ошибка в консоли js" до Senior Javascript разработчика. Подписывайтесь, такие знания в 2023-м году на вес золота: @javascriptv.

🟡 CSS Loaders — самая большая коллекция анимаций загрузки на чистом CSS. ✅ Копируйте и забирайте себе в один клик!

🗺Команда дата-журналистики Яндекса составила карту хард-скиллов для фронтендеров Для этого они собрали программистские запросы, на которые были ответы ссылками на Stack Overflow. Навыки тут — это теги вопросов на Stack Overflow, а их популярность — это число запросов. Как читать карту: 🟠размер навыка на карте соответствует числу посвящённых ему запросов 🟠чем ближе два навыка друг к другу, тем ближе контекст, в котором они применяются 📌Еще два интересных списка: к этим фреймворкам и инструментам особенно вырос интерес по сравнению с прошлым годом ➡️Библиотеки и фреймворки 1. nuxtjs3 2. next-auth 3. pinia 4. prisma 5. rtk-query 6. react-query 7. react-three-fiber 8. sveltekit 9. echarts 10. monaco-editorпока ➡️Инструменты разработки 1. vitest 2. pnpm 3. vite 4. react-devtools 5. playwright 6. ts-jest 7. vercel 8. nrwl-nx 9. storybook 10. ts-node 👉Карту смотрим тут.

🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Симоненко, Никита Дубко, Юля Миоцен, Вадим Макеев про Chrome 117 и бету 118, DevTools, экологичный веб, миксины и функции в CSS, Interop 2024 и Figma. 00:01:46 Chrome 117 00:12:20 Бета Chrome 118 00:42:21 Chrome DevTools 00:48:49 Экологичный веб 00:58:19 Миксины и функции в CSS 01:25:54 Interop 2024 01:29:59 Новости Figma 01:36:19 CSS в Figma 01:49:16 Ответы на вопросы ⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

⚒️ ТОП-27 плагинов для Visual Studio Code в 2023 Предлагаем список лучших расширений для VS Code в 2023 году: продуктивность, окрашивание сниппетов, контроль версий, форматирование, линтинг и отладка. 🔗Читать статью 🔗Зеркало

🤔 В чем разница между выражениями (expressions) и инструкциями (statements) в JavaScript? 👨‍🎓Если кратко, то одни после выполнения возвращает какое-либо значение, в то время как другие просто выполняют определённое действие. 📌Закрепляем эти, казалось бы, простые вещи на практике и разбираемся, как они отразились в React. 👀 Читать

Emil Kowalski — разработчик библиотеки всплывающих компонентов для React под названием Sonner. В статье он делится опытом и демонстрирует некоторые уроки, которые извлек, и ошибки, которые допустил при создании библиотеки. 👀 Читать

🎓💼 ТОП-9 не самых очевидных компаний для стажировки в ИТ Везде просят опыт работы... Но где его взять? Как раз об этом сейчас и расскажем! 🔗Читать статью 🔗Зеркало

👀 Манипулирование данными JPEG и EXIF в JavaScript: практический взгляд на то, как выбирать формат JPEG и читать/заменять теги EXIF напрямую, не полагаясь на стороннюю библиотеку. 👉Читать

🤩 Неделю назад был представлен крупный релиз Bun 1.0 Универсальный набор инструментов для запуска, сборки и тестирования JavaScript/TypeScript стал еще лучше и быстрее. Под катом — подробности новой версии. 👀 Читать

🔥Почему курс JavaScript Developer Professional является одним из самых популярных в OTUS? Студенты курса осваивают полный пакет знаний необходимый для Fullstack разработчика и создают креативные проекты, такие как e-commerce площадки, микрофронтендовые приложения, собственный чат GPT или реализуют рабочие задачи через выпускной проект. Обучение проходит в режиме реального времени, всегда есть возможность задать вопрос преподавателю и общаться в комьюнити, расширяя круг профессиональных знакомств. Программа обучения постоянно совершенствуется с учетом обратной связи. Для того чтобы поступить в группу необходимо подтвердить уровень знаний и пройти тест. После успешного прохождения теста приглашаем на открытый урок «Service Workers и прогрессивные веб-приложения», который пройдет 18.09 в 20.00 (мск) 📌На занятии: - Научимся делать сайты, которые доступны без интернета - Разберём основные инструменты браузера для эффективного кеширования и обеспечения оффлайн-режима 👉Пройти тест Это отличная возможность совершенно бесплатно протестировать формат обучения. При покупке курса возможна рассрочка

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

🍪Хоть сейчас и мало кого заинтересуешь «печеньками» и «кикером в офисе», эйчары до сих пор в описаниях вакансий делают упор на удобном расположении офиса, бесплатном кофе и классных тимбилдингах. 🧗‍♀️Но это, скорее, верхушка айсберга и приятное дополнение к тому, что должно помогать сотруднику сохранять страсть к своей работе и не выгореть на первом же году работы. А «под водой» — интересные и разноплановые задачи, которые бросают вызов нашим скиллам и заставляют получать новые знания, и благодаря которым каждый день мы приходим на работу с удовольствием. 💬А что «зажигает» именно вас? Ради чего вы каждый день приходите на работу или садитесь за рабочий компьютер в случае удаленки? Как думаете, зависит ли счастье сотрудников от интересных задач?

Frontend Meetup от СберМаркет Tech 🔥 В программе: 🟡 Что такое Web3 и как под него разрабатывать. Расскажет Алексей Авдеев, CTO в Mish. 🟡 Pet-проекты — это зло. Вредные советы для фронтендеров от Александра Водолазских, руководителя направления разработки интерфейсов клиентского продукта в СберМаркете. 🟡 Как мы добавляли видео на Авито. Кейс от фронтенд-разработчика Авито Романа Миронова. 🗓 21 сентября, 19:00 Мск • офлайн + онлайн Регистрируйся по ссылке, чтобы забронировать место в офлайне или получить ссылку на трансляцию! До встречи 😎 Реклама. ООО «Инстамарт Сервис», 115035, Москва, ОГРН 1187746494980. 16+

💡Улучшаем UX для пользователей при нажатии на hover-based action buttons, которые используют только клавиатуру и сенсорный экран. 👉 Поиграть можно здесь. #css #tip by Shripal Soni

🔥Команда Тинькофф объединила все библиотеки Angular, работа над которыми велась в течение пяти лет, в проект Taiga Family. 💪 Ребята начали еще с Angular 4 и до сих пор держатся. Вас ждут: 🔻Web APIs for Angular 🔻Event manager плагины 🔻Polymorpheus 🔻Maskito и многое другое 🔗GitHub

📺 TypeScript Origins: The Documentary (трейлер) Совсем скоро будет предоставлен док про TypeScript от команды OfferZen, а сейчас самое время уделить 153 секунды своего времени на трейлер. 👀 Смотреть

🛠 Принцип работы async/await в JavaScript Если вам доводилось работать с JavaScript, то вы наверняка встречались с синтаксисом async/await. Эта функциональность позволяет прописывать асинхронную логику синхронным образом, упрощая тем самым её понимание. Некоторым ветеранам JS известно, что async/await — это просто синтаксический сахар для существующего Promises API. Это означает, что в JS должен быть способ реализации функциональности async/await без использования ключевых слов async и await, хоть и более громоздкий. Именно об этом и пойдёт речь под катом. 🔗 Читать

🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев, Алексей Симоненко про Safari, Firefox, Bun, Node.js, веб-фичи, Figma, марсианский плагин, Topics API и отказ от TypeScript. 00:01:46 Safari TP 00:12:10 Планы Firefox 00:25:25 Bun 1.0 00:46:33 Env в Node.js 00:54:32 Каталог веб-фич 01:11:18 Новости Figma 01:21:50 Марсианский плагин 01:26:08 Google и Topics API 01:41:23 Отказ от TypeScript 02:03:48 Ответы на вопросы ⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста #подкасты

Устроиться фронтендером в Яндекс за выходные 23–24 сентября устраиваем Weekend Offer Frontend. Решите фронтенд-квиз, а после за 2 дня пройдите технические секции и собеседования с командами. Если всё сложится хорошо — сразу же получите офер. В мероприятии участвуют 17 команд: HR Tech, Поиск, Рекламные продукты, Yandex Cloud, 360, Яндекс Браузер, Бизнес-приложения, Умный дом, Yandex Infrastructure, Лавка, Еда, Недвижимость, Аренда, Авто.ру, CM.Expert, Путешествия и Буткемп. Вы сможете пообщаться с менеджерами и выбрать проект, который покажется самым интересным. Нанимаем в офисы по всей России, помогаем релоцироваться внутри страны. Узнать подробности и зарегистрироваться можно здесь. Реклама. ООО"Яндекс". erid:2VtzqwWeoyJ

🚀14 правил линтинга, которые помогут вам писать асинхронный код на JavaScript 🤔Трудно правильно структурировать асинхронный код, чтобы он выполнялся в том порядке, в котором вы этого хотите. К счастью, у нас есть линтеры, позволяющие выявить некоторые ошибки на ранних этапах. 📋В руководстве приведена мини-коллекция правил линтинга, которые помогут вам писать асинхронный код на JavaScript/TypeScript и Node.js. 📌Часть правил по умолчанию поставляются с ESLint, часть предназначены для Node.js, а остальные — для TypeScript. 👀Читать

🚀 В Firefox 117 завезли несколько полезных фич для разработчиков: ➕В инспекторе совместимости рядом с CSS-свойствами, которые могут привести к проблемам веб-совместимости, теперь отображается значок. При наведении на него появляется всплывающая подсказка со сведениями о том, какие браузеры не поддерживают это свойство, и ссылкой на страницу свойства в MDN. ➕

console.clear()

больше не очищает вывод консоли при включённой настройке «Непрерывные логи». ➕В сетевом мониторе появилась пометка о том, что запрос выполнен через прокси. ➕При просмотре сгруппированных правил CSS теперь отображаются отступы и открывающие/закрывающие скобки. ➕Появилось предупреждение о проигнорированных свойствах выделенных псевдоэлементов. ➕Реализована подсветка контура offset-path.