Обложка канала

Библиотека фронтендера. Страница 3

Полезные материалы по всему, что может быть интересно frontend-разработчику.

  • Библиотека фронтендера

    pkg-size: найдите истинный текущий размер npm-пакета, не выходя из браузера Цель pkg-size — облегчить любопытным разработчикам изучение экосистемы npm. Он позволяет просматривать проекты в дереве зависимостей, находить новые пакеты и узнавать об их создателях. В конечном счете, он направлен на то, чтобы способствовать более глубокому пониманию экосистемы npm.
  • Библиотека фронтендера

    📌 A?.Frontend MeetUp #2 📺 Добро пожаловать в Storybook Community | Никита Дукин, фронтенд-разработчик в Альфа-Банке 📺 Оптимизируем графику для веба like a boss | Евгений Полосухин, ведущий разработчик сайта в Selectel 📌 A?.Frontend MeetUp #3 📺 File API — работа с файлами глазами браузера | Азат Загитов, фронтенд-разработчик в Альфа-Банке 📺 Как расширять свой круг знакомств, если ты интроверт | Тимур Гафиулин, Frontend-разработчик в Учи.ру 📺 View на Vue: личный опыт вхождения в IT | Вероника Филиппова, Frontend-фрилансер 📌 A?.Frontend MeetUp #4 про опыт разработчиков в онлайн-курсах через призму разных взглядов: студент, преподаватель, компания 📺 Вячеслав Завьялов, фронтенд-разработчик в Газпромнефть «Цифровые решения» 📺 Александр Мокшин, фронтенд-разработчик в Альфа-Банке и выпускник Alfa Campus 📺 Сергей Попов, директор образовательного продукта направления программирование в Skillbox #матчасть
  • Библиотека фронтендера

    🎙Подкаст «Веб-стандарты»: Никита Дубко, Вадим Макеев, Алексей Симоненко, Андрей Мелихов про Chrome 115, шрифты, Safari TP, позиции по стандартам, постмортем AI в MDN и возвращение к DOM API. 00:01:31 Chrome 115 00:16:04 Технологии шрифтов 00:30:02 Safari TP 00:39:08 Позиции по стандартам 00:56:02 Постмортем AI в MDN 01:17:35 Назад к DOM API 01:30:04 Ответы на вопросы 🔗 Слушайте на Ютубе 🔗 Ссылки на сайте #podcast

    Веб-стандарты - 378. Chrome 115, шрифты, Safari TP, позиции по стандартам, постмортем…

    audio/mpeg
  • Реклама

  • Библиотека фронтендера

    Как React 18 повышает производительность приложений В React появились новые конкурентные фичи (Transitions, Suspense и React Server Components), которые значительно повышают производительность приложений. Читайте подробнее обо всем по порядку👇 Читать
  • Библиотека фронтендера

    💭 Как в вашей компании/команде организовано тестирование проектов? Есть ли отдельная команда QA, или все ложится на плечи разрабов? Применяете ли вы подход «Разработка через тестирование» (test-driven development, TDD)? #холивар
  • Библиотека фронтендера

    📺 Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV Елена Жукова, фронтенд-разработчик Яндекс Музыки, рассказывает про особенности работы SmartTV и разработки под них на примере свежей фичи. Читать
    Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV

    В декабре 2021 года под новогодние праздники в приложении Кинопоиска для SmartTV появился раздел с Яндекс Музыкой. Он позволил пользователям на телевизорах открывать новые для себя треки в Моей...

    Хабр
  • Библиотека фронтендера

    4 простых шага для создания градиентной закругленной рамки с помощью CSS. #css #tip by Shripal Soni
  • Библиотека фронтендера

    Практический пример производительности scroll-driven анимации Scroll-driven анимация — это способ добавить интерактивности и визуального интереса к вашему веб-сайту или веб-приложению. Это отличный способ привлечь внимание пользователей и сделать сайт более привлекательным. Команда Google представила новый набор API для поддержки scroll-driven анимации, которые вы можете использовать из CSS или JavaScript. API делает анимацию намного проще в реализации и намного более плавной. 🔗 Читать
  • Библиотека фронтендера

    🔥 Обновления популярных инструментов с открытым исходным кодом: подборка для фронтендера 🔸 Ember 5.1 — амбициозный JavaScript-фреймворк, который никогда не сдается, делает большой шаг в мир TypeScript благодаря стабильной поддержке TypeScript и большому количеству типов. 🔸 Prisma 5.0 — популярная ORM для Node.js и TypeScript. v5.0 может похвастаться значительными улучшениями производительности. машинопись-eslint 6.0. 🔸 p5.js 1.7 — JavaScript-библиотека для творческой разработки. v1.7 представляет поддержку WebGL 2 и frame buffer. 🔸 typescript-eslint 6.0 — инструмент, который позволяет стандартным инструментам JavaScript (ESLint и Prettier) поддерживать код TypeScript. v6 поставляется с набором различных улучшений, которые, как считает команда, должны вам понравиться. 🔸 Vizzu 8.0 — Javascript/C++ библиотека, использующая универсальный механизм визуализации данных, который создает множество типов диаграмм и плавно анимирует их между собой. 🔸 Boa 0.17 — экспериментальный лексер, парсер и компилятор Javascript, написанный на Rust, который можно встраивать в другие проекты — теперь он имеет модульную систему. 🔸 Octokit.js 3.0 — официальный GitHub SDK для браузеров, Node и Deno. 🔸 Release It! 16.1.2 — универсальный CLI-инструмент для автоматизации управления версиями и задач, связанных с публикацией npm-пакетов. 🔸 zlFetch 6.0 — удобный враппер вокруг Fetch API. 🔸 Terminalizer 0.11 — инструмент для записи терминала и создания анимированных GIF-файлов. 🔸 eslint-plugin-prettier 5.0 — плагин ESLint для форматирования Prettier. 🔸 Preact 10.16 — совместимая с React альтернатива размером 3 КБ с таким же современным API. 🔸 Sonner 0.6 — toast component для React. 🔸 React Virtuoso 4.4.1 — семейство мощных и простых в использовании компонентов React, которые отображают большие наборы данных. #news
    Ember 5.1 Released

    Today the Ember project is releasing version 5.1 of Ember.js, EmberData, and Ember CLI. This release kicks off the 5.2 beta cycle for all sub-projects. We encourage our community...

    Ember.js Blog
  • Библиотека фронтендера

    💭 Недавно мы спрашивали вас о том, какие самые интересные вопросы вам задавали на фронтенд-собеседованиях? Кстати, мы все еще ждем ваши ответы ⏳ В продолжение темы собесов: поделитесь топом самых глупых вопросов с собеседований, которые вам запомнились👇 #холивар
    Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

    💭Вдогонку к предыдущему посту с вопросами о CSS, накидайте в комментарии самые интересные, по вашему мнению, вопросы, которые вы когда-либо встречали на собесах. Пишите не только про CSS, но и про другие фронтенд-темы👇 #холивар

    Telegram
  • Библиотека фронтендера

    🚩 5 красных флагов: как из текста вакансии понять, что компания — не очень Как определить работодателя-абьюзера в АйТи? Объясняем на реальных примерах. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    🤖 AI Getting Started — стартовый набор для «проектов выходного дня» на основе ИИ, который объединяет продуманный набор технологий, включая React, Next.js, Clerk для аутентификации, Langchain.js, Replicate для моделей изображений, Fly для деплоя и многое другое.
    GitHub - a16z-infra/ai-getting-started: A Javascript AI getting started stack for weekend projects, including image/text models, vector stores, auth, and deployment configs

    A Javascript AI getting started stack for weekend projects, including image/text models, vector stores, auth, and deployment configs - GitHub - a16z-infra/ai-getting-started: A Javascript AI gettin...

    GitHub
  • Библиотека фронтендера

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

    🎙Подкаст «Веб-стандарты»: Никита Дубко и Вадим Макеев про Firefox 115, юникод и эмоджи, контейнеры вместо медиа, DOM­Content­Loaded, избавление от SVG-in-JS и бесполезные слэши в тегах. 00:02:02 Firefox 115 00:10:01 Юникод и эмоджи 00:17:17 Контейнеры вместо медиа 00:32:49 DOM­Content­Loaded 00:42:55 Избавляемся от SVG-in-JS 00:58:16 Бесполезные слэши в тегах 01:21:11 Ответы на вопросы 🎙Слушайте на Ютубе 🎙Ссылки на сайте #podcast

    Веб-стандарты - 377. Firefox 115, эмоджи, контейнеры, DOM­Content­Loaded, SVG-in…

    audio/mpeg
  • Библиотека фронтендера

    Простая альтернатива console.log() для отладки: на заметку фронтенд-разрабочику. #devtool #tip by Shripal Soni
  • Реклама

  • Библиотека фронтендера

    🚀 Хотите получить быстрое обзорное представление о синтаксисе и фичах популярных JavaScript фреймворков и библиотек? Component Party вам в помощь. Сам проект, например, написан на Vite и Svelte.
    Component Party

    Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, SolidJS, Qwik, Marko, Angular, Lit, Vue 2, Ember, Alpine, Aurelia 1, Aurelia 2

    component-party.dev
  • Библиотека фронтендера

    🍇 Микрофронтенд: что это такое и зачем он нужен? В этой статье сравним разные способы организации микрофронтенда, изучим их преимущества и стратегии реализации. 🔗 Основной сайт 🔗 Зеркало
  • Библиотека фронтендера

    👉Сочетание GSAP ScrollTrigger и Flip с фильтром SVG Здесь анимирована форма маски, к которой применен фильтр SVG Turbulence — в итоге получается такой эффект появления картинок при прокрутке. 🔍Демонстрация 🔍GitHub