Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на CSS.
https://proglib.io/w/a22ecec4
https://proglib.io/w/a22ecec4
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Краткий обзор дизайна Storybook 7.0
— Анонс Temporal JavaScript SDK 1.0
— Релиз Impress.js 2.0
— Релиз Lerna 5.3
— Релиз Ghost 5.7
— Релиз Mongoose 6.5
— Релиз NodeBB 2.3.1
— Релиз Jasmine 4.3
— Релиз Node.js 18.7.0
— Релиз simplex-noise.js 4.0
— Релиз Article Parser 7.0
— Релиз React Simple Maps 3.0
— Релиз Emoji Mart 5.2
— Релиз hls.js 1.2
— Релиз MicroDiff 1.3.1
— Релиз ESLint v8.21
Очередной дайджест новостей из мира фронтенд-разработки:
— Краткий обзор дизайна Storybook 7.0
— Анонс Temporal JavaScript SDK 1.0
— Релиз Impress.js 2.0
— Релиз Lerna 5.3
— Релиз Ghost 5.7
— Релиз Mongoose 6.5
— Релиз NodeBB 2.3.1
— Релиз Jasmine 4.3
— Релиз Node.js 18.7.0
— Релиз simplex-noise.js 4.0
— Релиз Article Parser 7.0
— Релиз React Simple Maps 3.0
— Релиз Emoji Mart 5.2
— Релиз hls.js 1.2
— Релиз MicroDiff 1.3.1
— Релиз ESLint v8.21
Storybook Blog
Storybook 7.0 design sneak peek
Visual updates, UX tweaks, and faster performance
James Q Quick разбирает 15 распространенных ошибок новичков в JavaScript.
https://proglib.io/w/d801589a
https://proglib.io/w/d801589a
Jamesqquick
15 Common Beginner JavaScript Mistakes
Here are the 15 most common mistakes I've seen beginner JavaScript developers make.
🔧 ni — инструмент, который автоматически определяет предпочтительный менеджер пакетов на основании lock-файла: npm, yarn, pnpm или bun.
https://proglib.io/w/202b6725
https://proglib.io/w/202b6725
GitHub
GitHub - antfu-collective/ni: 💡 Use the right package manager
💡 Use the right package manager. Contribute to antfu-collective/ni development by creating an account on GitHub.
Поиск Frontend вакансий для мидлов и сеньоров ⚡️
Ребята из Masterhub создали чат-бота, который рассылает разработчикам релевантные Frontend вакансии без спама
Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям
@MasterHuBot
Ребята из Masterhub создали чат-бота, который рассылает разработчикам релевантные Frontend вакансии без спама
Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям
@MasterHuBot
Если для тега img не указана высота, браузеры используют нулевую высоту до тех пор, пока не начнут загружать изображение. Затем размер изменяется, и другой контент перемещается по странице.
В статье рассматриваются два разных способа предотвращения этой проблемы 👉 https://proglib.io/w/3c5df44d
В статье рассматриваются два разных способа предотвращения этой проблемы 👉 https://proglib.io/w/3c5df44d
Jakearchibald
Avoiding <img> layout shifts: aspect-ratio vs width & height attributes
Two ways to do the same thing, but which is best?
На заметку разработчикам, которые имеют дело с видеоэффектами для веба 👉 https://proglib.io/w/6c304c31
Хабр
Делаем эффекты в видеосвязи, используя Canvas API и MediaPipe
Привет! На связи Влад из команды видеоплатформы Skyeng. Мы отвечаем за аудио и видео коммуникацию в образовательных продуктах, применяем WebRTC и реализуем фичи вокруг Video Conferencing. О реализации...
Подробный разбор механизмов работы движков JavaScript:
🔗 Часть 1: парсинг
🔗 Часть 2: генерация кода и базовые оптимизации
🔗 Часть 1: парсинг
🔗 Часть 2: генерация кода и базовые оптимизации
NOP::Nuances of programming
Движки JavaScript. Часть 1: парсинг
Что такое интерпретация и компиляция? Какие инструменты для этого используются? Как происходит парсинг на движках JavaScript? Обо всем этом поговорим в сегодняшнем материале.
Базовое понимание принципа Eventloop в рамках браузерного окружения и движка V8.
https://proglib.io/w/0347998d
https://proglib.io/w/0347998d
Хабр
Базовое понимание принципа Eventloop
Все мы слышали ни раз: JavaScript однопоточный язык программирования. Но, что это означает? Из вышесказанного следует, что интерпретатор языка идет по коду и выполняет команду за командой пока не...
Разбираемся с использованием расширения CSS Scan, которое упрощает копирование стилей и разметки любого элемента на веб-сайте.
https://proglib.io/w/66322139
https://proglib.io/w/66322139
Codrops
How to Copy HTML and CSS Code From Websites Easily | Codrops
Learn how to use CSS Scan to easily copy styles and markup of any element on a website.
Лидом можно стать в первый год работы, jQuery живее всех живых, а вопрос становиться фулстеком или оставаться фронтом расколол сообщество пополам
Под катом вы увидите результаты опроса фронтендеров с комментариями Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ.
Читать
Под катом вы увидите результаты опроса фронтендеров с комментариями Максима Орехова, руководителя центра компетенций по разработке веб-приложений ПСБ.
Читать
Хабр
Через Git и бэк — в фулстек: что мы узнали из опроса фронтендеров
Полтора месяца назад мы задали вам несколько вопросов, чтобы выяснить каким должен быть хороший фронтендер и можно ли влиться в эту область после перерыва. Мы проанализировали ваши ответы и теперь знаем, что лидом можно стать в первый год работы, jQuery живее…
Два доклада Алексея Мигуцкого об архитектуре JavaScript-проектов на примере Microsoft To-Do:
🔗 Как Microsoft To-Do использует React. JS Fest 2018
🔗 Разбор полетов: Microsoft To-Do. HolyJS 2022
🔗 Как Microsoft To-Do использует React. JS Fest 2018
🔗 Разбор полетов: Microsoft To-Do. HolyJS 2022
YouTube
Как Microsoft To-Do использует React. Алексей Мигуцкий. JS Fest 2018
The talk from JS Fest conference in Kyiv, Ukraine.
Microsoft To-Do - новый продукт в линейке офисных приложений от Microsoft. Во время выступления вы узнаете как мы используем React и Redux для разработки нашего веб-приложения. Основной фокус будет на технике…
Microsoft To-Do - новый продукт в линейке офисных приложений от Microsoft. Во время выступления вы узнаете как мы используем React и Redux для разработки нашего веб-приложения. Основной фокус будет на технике…
Наталия Давыдова делится подробностями своей тяжелейшей карьеры с нуля до джуна и мидла во фронтенд-разработке.
Вас ждут полезные советы, которые помогут избежать множества ошибок на старте карьеры.
Читать
Вас ждут полезные советы, которые помогут избежать множества ошибок на старте карьеры.
Читать
Разрабы
Тяжелейший путь с нуля до джуна и мидла. Ультимативный гайд, советы и личный опыт Наташи Давыдовой / Разрабы
Наталия Давыдова, frontend-разработчица в Точке, держу сообщество для junior-разработчиков, мама джунов в твиттере - @nat_davydova. Дважды выгорала и учусь с этим жить. Пытаюсь строить карьеру в условиях неопределенности.
🔧 create-tw — CLI-инструмент, который значительно упрощает процесс создания проектов, ориентированных на TailwindCSS.
Репозиторий
Репозиторий
GitHub
GitHub - AndrejJurkin/create-tw: CLI to scaffold tailwindcss-ready projects
CLI to scaffold tailwindcss-ready projects. Contribute to AndrejJurkin/create-tw development by creating an account on GitHub.
Коллекция руководств, шпаргалок и других материалов по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, связанных с разработкой веб-приложений. Автор — Игорь Агапов, JavaScript-разработчик из Timeweb Cloud.
Ссылка на сайт
Ссылка на сайт
my-js.org
MyJavaScript | MyJavaScript
Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и другим технологиям, связанным с разработкой веб-приложений
TypeScript Mapped Types: подробный гайд по использованию связанных типов с анимированными примерами.
Читать
Читать
Medium
Using TypeScript Mapped Types Like a Pro
Mapped Types — Explained with animations. Master TypeScript Mapped Types and understand how TypeScript’s built-in Utility Types work.
📍 Зачем математика нужна в Data Science в 2022?
Библиотека программиста продолжает серию вебинаров по темам, интересным для наших подписчиков. На предстоящем вебинаре аналитик данных Артур Сапрыкин поведает слушателям об актуальных требованиях к дата-сайентистам, математике, необходимой для обучения предсказательных моделей и том, как соответствующие навыки используются на практике для обработки крупных массивов информации.
🧑💻 Для кого: начинающие дата-сайентисты и абитуриенты ШАД
📅 Когда: 8 августа в 19:00
🖇 Где: https://proglib.io/w/fb2c6ce4
#proglib_academy #профессии #datascientist
Библиотека программиста продолжает серию вебинаров по темам, интересным для наших подписчиков. На предстоящем вебинаре аналитик данных Артур Сапрыкин поведает слушателям об актуальных требованиях к дата-сайентистам, математике, необходимой для обучения предсказательных моделей и том, как соответствующие навыки используются на практике для обработки крупных массивов информации.
🧑💻 Для кого: начинающие дата-сайентисты и абитуриенты ШАД
📅 Когда: 8 августа в 19:00
🖇 Где: https://proglib.io/w/fb2c6ce4
#proglib_academy #профессии #datascientist
☕ Учебник по JavaScript: работа с объектами
Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.
🔗 Основной сайт
🔗 Зеркало
Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.
🔗 Основной сайт
🔗 Зеркало
