Мини-подборка онлайн-ресурсов для освоения и закрепления навыков фронтенда (с акцентом на JavaScript), бэкенда и баз данных:
— W3Resource
— JS Hero
— JS Challenger
— W3Resource
— JS Hero
— JS Challenger
w3resource
web development tutorials from w3resource
Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.
Star Rating виджет на React.js: разбор одной из задач, с которой можно столкнуться на собеседовании.
https://proglib.io/w/8ddc61f1
https://proglib.io/w/8ddc61f1
Хабр
Как создать Star Rating виджет на React.js и оптимизировать его
В этой статье я хочу затронуть еще одну задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Star Rating виджета. За последние пять месяцев у меня было 15 онсайт...
Метод массива reduce в JavaScript: назначение, синтаксис, применение и дополнительные практические примеры.
https://proglib.io/w/26338d6b
https://proglib.io/w/26338d6b
NOP::Nuances of programming
JavaScript 101: метод массива Reduce
Представим метод reduce во всей красе: назначение, синтаксис, сценарии использования и преимущества, выделяющие его среди других методов массивов, таких как map и filter.
Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на 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. Дважды выгорала и учусь с этим жить. Пытаюсь строить карьеру в условиях неопределенности.