VueJS - различные способы реализации v-model

Директива v-model предназначена для создания двустороннего биндинга данных в нативных инпутах. Но часто требуется создать кастомный компонент с таким же функционалом. В статье разбираем 5 способов сделать это: https://proglib.io/w/c035be6c

#vue

Работа с массивами в JavaScript

Все методы для работы с массивами в одном месте: https://proglib.io/w/4ebb1563

#javascript

Сравниваем дизайн с версткой

Дизайнерский глаз легко подмечает различия между макетом и конечным результатом верстки, а вот для верстальщика это может стать проблемой. В статье вы найдете ряд советов, которые будут полезны при проверке фронтенда: https://proglib.io/w/0285aa00

#interface

CSS vs CSS-in-JS: сравнение производительности

Спойлер: CSS-in-JS реально проигрывает.
https://proglib.io/w/a954cbbb

#css

Изучение вкладки Network в Chrome Dev Tools

Учимся изменять производительность веб-приложений с помощью вкладки Network: https://proglib.io/w/9db306dc

#performance

5 популярных песочниц для веб-разработчиков

Главная задача песочниц — дать пользователю удобное и безопасное место для разработки. Здесь можно учиться кодить и выполнять рабочие задачи. Код из песочницы можно добавлять на Stack Overflow, Хабр и их аналоги, чтобы показать другим пользователям.

https://proglib.io/w/b98288bb

#tools

​The Clean Architecture на TypeScript и React

Статья рассказывает об опыте применения The Clean Architecture в React-приложениях на TypeScript: https://proglib.io/w/66492477

#architecture

Представьте, что ваш знакомый/коллега/родственник попросил у вас совета, как стать программистом?

Поделитесь вашим мнением, что бы вы ему ответили:
https://forms.gle/7YZ2rxnyBWsnMqYD7

Лучшие ответы опубликуем в отдельной подборке!

​Еще не используешь SVG фавиконки?

Тебе нужно использовать SVG фавиконки! Они поддерживаются почти во всех браузерах и использовать их намного удобнее, чем обычные фавиконы: https://proglib.io/w/76572817

#browser

​Оптимизация производительности фронтенда

Хороший лонгрид на выходные:

Часть 1. Critical Render Path
Часть 2. Event loop, layout, paint, composite

#performance

Пользовательские события в JavaScript: полное руководство

Все, что вы должны знать о создании и использовании кастомных событий:
https://proglib.io/w/8df9f982

#javascript

​Управление памятью в JavaScript

Статья рассказывает об управлении памятью и принципах работы сборщика мусора, а также о том, как избежать наиболее распространенных видов утечек памяти: https://proglib.io/w/0ec1c5e3

#performance

🎮 Игры на JavaScript

✔️ Тетрис на JavaScript: разбираем возможности языка через геймификацию
✔️ Пятнашки на JavaScript и Canvas

#games

☕️ Доступный автокомплит с нуля на JavaScript

Руководство по созданию компонента автодополнения с учетом всех требований доступности.

https://proglib.io/w/bef1e2f6

#javascript #interface #accessibility

5 крутых функций JavaScript, о которых не знает большинство разработчиков

С помощью JavaScript можно делать одно и то же разными способами. С выпуском каждой новой спецификации ECMAScript, добавляя новые методы и операторы, чтобы сделать код короче и где-то более читабельным.

https://proglib.io/w/0a5b288d

Пишем фронтенд-компоненты на ванильном JS

В наши дни вокруг фронтенд-фреймворков много шумихи, но нужны ли они на самом деле? https://proglib.io/w/a842fca8

#tools #frameworks

Вокруг поиска первой работы в IT много вопросов и проблем: большой конкурс на позицию junior, провалы на собеседованиях, глобальная незаинтересованность рынка в джунах, особенно если им больше 30. Мы, издание «Библиотека программиста», решили провести опрос среди всех, кто когда-либо искал первую работу в IT-сфере, чтобы понять кто, каким образом и с какой эффективностью (не) справляется с этой задачей. Опрос займет около 3 минут, результаты опубликуем на сайте proglib.io ориентировочно 19 сентября.

https://forms.gle/kuFeTtoHhKQW2Ekc8

​Переход от сплошного текста к вырезанному при скролле

Интересный эффект изменения стиля текста от сплошного цвета до вырезанного на HTML и CSS: https://proglib.io/w/4bd9d3d6

#css #design

Нет, утилитарные классы - это не то же самое, что инлайн-стили

https://proglib.io/w/d7a9e569

#css #tools

Паттерны для работы с API

В статье описаны три шаблона работы с API, которые сделают ваше приложение более устойчивым.

https://proglib.io/w/933f584f

#bestpractices

Вы не знаете как должны работать модальные окна

Уверен, многие хоть раз создавали всплывающее модальное окно. Но задумывались ли вы об определении этого компонента? Как он должен работать?

https://proglib.io/w/21f5e2cc

#interface #accessibility