3 крутых GitHub репы для фронта

Приветствую! Собрал для вас небольшую подборку GitHub реп которые скорее всего будут интересны всем.

👉 JavaScript Algorithms - ресурс для всех, кто хочет получить четкое представление об алгоритмах и структурах данных. Он содержит примеры многих популярных алгоритмов и структур данных, реализованных на JavaScript.

👉 Front End interview handbook - В этой репе вы найдете ответы на все распространенные вопросы, которые так любят задавать на собесах.

👉 30 seconds of code - этот ресурс содержит короткие фрагменты кода на JavaScript для всех рутинных манипуляций в разработке.

❗ Есть нюанс с репой 30 seconds of code, у нее нет варианта на русском языке, но думаю что для большинства из нас это не будет огромной проблемой. Первые две - переведены.

Как обычно удачи в изучении и экспериментах!

#shortread

6 Tips to Boost Node.Js Performance

https://medium.com/nerd-for-tech/6-tips-to-boost-node-js-performance-32fd05ab9809

#кодинг
#nodejs

VueJS - Different ways to implement v-model

https://dev.to/vcpablo/vuejs-2-different-ways-to-implement-v-model-1mjf#custom-prop-and-event

#кодинг
#vuejs

Container presentational pattern in Vue.js

https://dberri.com/container-presentational-pattern-in-vue/

#кодинг
#vuejs

Где использовать генераторы JS

Поиск путей использования генераторов для повседневных задач.

https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/

Laragon

современная среда разработки, которая легко сможет заменить xampp и openserver

https://laragon.org/

Видео: Laravel Queue Урок 1 - Понимание очередей и рабочих элементов и управление очередью

https://youtu.be/4usDvXgpkUc

​Как работают глаза и что надо учитывать, создавая тёмную тему приложения

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

Как сделать всё грамотно, узнаете тут:

https://habr.com/ru/company/ispmanager/blog/694412/

#фронтенд

​Адаптивный layout — как переверстать весь проект, не перевёрстывая его

Когда вёрстки в вашем проекте становится очень много, поменять что-то — особенно везде и сразу — становится непросто. К счастью, есть способ, который позволит настроить адаптивность и внешний вид сайта по вашему, а точнее по вкусу пользователя, и даже сделать это «на лету».

Об этом способе можно подробнее узнать здесь на примере почты Mail.ru:

https://habr.com/ru/company/vk/blog/579798/

#фронтенд

Таблицы html тяжело освоить из-за того, что сходу трудно понять какой параметр за какую ячейку отвечает.

Ловите маленькую шпаргалку, которая поможет быстрее запомнить расположение данных в таблице, а в случае необходимости — всегда можно подсмотреть.

Lerna

Lerna — это инструмент для управления монорепозиториями и проектами JavaScript, состоящими из нескольких пакетов. Монорепозиториями бывает сложно управлять, поскольку последовательные сборки и публикация отдельных пакетов занимают много времени. Узнать все подробности можно по ссылке.

👉 @sWebDev

Push-уведомления в стили MacOS

Оформление push-уведомлений, как на MacOS. Ознакомиться с кодом можно по ссылке, а гибкая настройка позволит оптимизировать уведомления под ваш проект.

👉 @web_craft | #frontend

Транзакции в Laravel

Иногда нужно выполнить ряд SQL-запросов, но они настолько взаимосвязаны между собой, что если у одного из них произойдет сбой, то поломается всё. Для подобных ситуаций и используются транзакции.

👉 @web_craft | #laravel

💡 Переключаемая сетка на Vue.js

В этом последнем примере проверим на Vue общий сценарий, когда страница имеет разные режимы компоновки. Как и в предыдущем приложении, будем показывать список статей, хранящихся в массиве.

Нажав одну из кнопок в верхней панели, будет переключаться режим показа между сеткой, содержащей большие изображения, и списком раскладок с меньшими изображениями и текстом.

Демо на CodePen.

WebDEV #советы #Vue

NuxtJS получил тройку, потерял JS и меняет фронтенд: быстрый взгляд на последнее обновление популярного фреймворка для построения фронтенд-приложений на Vue 3 с авторскими комментариями.

Читать

Задача

Реализуйте функцию checkBrackets, которая должна проверять правильность расположения скобок в строке.

Ответ

⭐ 15 000 звезд на GitHub за год: 10 советов по развитию и продвижению продукта

В этой статье авторы популярного опенсорс-проекта Medusa (альтернатива Shopify) дадут 10 советов по развитию и продвижению продукта.

🔗 Основной сайт
🔗 Зеркало

Создание pre-commit хука для проверки кода с помощью ESLint, Prettier, lint-staged и Husky

Что такое Git-хуки знают многие, но все ли их используют? Разбираемся, как создать pre-commit хук для автопроверки и исправления JavaScript и TypeScript кода.

Читать

Оптимизация Vue приложения

Приоритет производительности при создании веб-приложений улучшает взаимодействие с пользователем и помогает обеспечить их использование большим количеством людей. В статье Мишель Баркер — старший frontend разработчик в Ada Mode поделиться некоторыми советами по оптимизации внешнего интерфейса веб-приложений на Vue.

👉 @sWebDev

Can the Composition API Replace Vue Mixins?

https://www.syncfusion.com/blogs/post/can-the-composition-api-replace-vue-mixins.aspx

#кодинг
#vue