​Шпаргалка: Git-команды для исправления своих ошибок

Если вы ошиблись в Git’е, разобраться, что происходит и как это исправить, — непростая задача. Документация Git — это кроличья нора, из которой вы вылезете только зная конкретное название команды, которая решит вашу проблему.

В шпаргалке рассказывают о командах, которые помогут вам выбраться из проблемных ситуаций:

Ссылка на шпаргалку

#шпаргалка #git #ru

Gitignore.io — веб-сервис для автоматического создания .gitignore-файлов

Работает платформа максимально просто — вам достаточно лишь ввести на главной странице используемые в проекте технологии

После этого сервис мгновенно создаст подходящий .gitignore-файл

Стоимость: #бесплатно

#open_source #web

Клейморфизм на CSS

Простая реализация визуального эффекта для элементов

https://blog.openreplay.com/implementing-claymorphism-with-css/

💡 Встроенный редактор на Vue.js

В предыдущем примере наша модель имела только пару предопределенных значений. Если мы хотим предоставить пользователям возможность менять любые данные, нам нужно сделать двустороннюю привязку данных и объединить поле ввода со свойством модели. Когда вводится текст, он автоматически сохраняется в модели text_content, которая затем вызывает обновление для представления.

Демо на CodePen.

Продолжение следует...

WebDEV #советы #web #Vue

Пришло время для нового Date API в JavaScript

Обзор Temporal API с новым функционалом для работы с датой в временем.

https://medium.com/life-at-apollo-division/its-time-for-a-new-date-api-in-javascript-6ea4411ce31e

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