Webdev сохраненки – Telegram

Webdev сохраненки

13 subscribers

137 photos

17 videos

7 files

353 links

Tips and tricks и прочие полезности из области веб-разработки, а также репосты понравившихся материалов

Download Telegram

About

Blog

Apps

Platform

Webdev сохраненки

Webdev сохраненки

Forwarded from Библиотека пхпшника | PHP, Laravel, Symfony, CodeIgniter

Основные плагины для пользователей PHPStorm

Это обзор нескольких полезных плагинов для PhpStorm:

1️⃣Nord Theme: Этот плагин предлагает стильную тему оформления для PhpStorm, созданную на основе палитры Nord, которая представляет собой арктические синие оттенки, обеспечивающие чистый и элегантный внешний вид редактора.

2️⃣Laravel Idea: Этот премиум-плагин предоставляет ряд продуктивных функций для разработки Laravel-приложений в PhpStorm, включая автозаполнение маршрутов, поддержку моделей Eloquent, подсказки для правил валидации и генерацию кода.

3️⃣.env Files Support: Плагин обеспечивает поддержку файлов .env, позволяя автозаполнять переменные окружения и легко перемещаться между их использованием в коде и объявлением в файле .env.

4️⃣EditorConfig: Этот плагин помогает обеспечить согласованный стиль кода для разработчиков, работающих над одним проектом, поддерживая конфигурацию кодирования через файл .editorconfig.

5️⃣Collector — A Collection Plugin: Плагин добавляет поддержку коллекций Laravel и предоставляет ряд удобных рефакторингов для улучшения работы с ними.

6️⃣Codeium: AI Autocomplete and Chat: Этот бесплатный плагин предлагает функцию автозаполнения кода с использованием искусственного интеллекта и доступен для различных редакторов, включая PhpStorm.

7️⃣IntelliVue: Данный плагин обеспечивает поддержку Vue.js Single File Components в PhpStorm, добавляя дополнительную функциональность и удобные инструменты для работы с ними.

Essential Plugins for PHPStorm Users - Laravel News

We've curated a collection of essential plugins for PhpStorm that we think you’ll enjoy. From our favorite theme to Laravel-specific tools to supercharge your PHP development and a free AI-powered autocomplete/chat plugin that feels like magic.

10 views07:03

Webdev сохраненки

Forwarded from TechRocks

Моки, стабы, пустышки, шпионы и фейки. Полный гайд по тестовым дублерам

При написании тестов часто возникают ситуации, когда необходимо смоделировать или заменить определенные зависимости, чтобы изолировать поведение тестируемого кода. Для этого и предназначены тестовые дублеры (Test Doubles).

Читать статью

8 views05:20

Webdev сохраненки

Forwarded from Nuxt.js | Vue SSR News (Sky Roses)

⚡️Прекрасное видео показывающее на минимальном приложении насколько просто можно работать с WebSocket в Nuxt и Nitro

✅К просмотру рекомендую!

https://www.youtube.com/watch?v=OfY7JcrqkPg

#article

Integrating WebSockets in Nuxt and Nitro

🎉 Nitro 2.9 was released just before Vue.js Amsterdam and brings new features such as a database layer, a task API and also WebSocket support! But how can we integrate it in a Nuxt application? This video will teach you 👌

Key points:
🛠 How to set up WebSockets…

12 views15:14

Webdev сохраненки

Forwarded from Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

📉 Оптимизация JavaScript: гайд для фронтенд-разработчика

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

Под катом — краткий обзор простых методов оптимизации с примерами и бенчмарками 👇

🔗 Читать

13 views06:40

Webdev сохраненки

Git: Delete Multiple Branches

https://dev.to/lauragift21/git-delete-multiple-branches-5537

#coding
#git

Git: Delete Multiple Branches

Have you been piling up so many branches you don't even use anymore and want to clean them up? In...

15 views09:18

Webdev сохраненки

Forwarded from Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

🔥

Фича Popover API появилась во всех современных браузерах

Popover предоставляет множество крутых примитивов и возможностей для создания многоуровневых интерфейсов, таких как всплывающие подсказки, меню, обучающие UI и многое другое.

👉 Подробнее

Please open Telegram to view this post

VIEW IN TELEGRAM

Popover API lands in Baseline | Blog | web.dev

The popover API lands in all modern browser engines.

14 views10:43

Webdev сохраненки

Forwarded from Простой JavaScript | Программирование

Vue/Nuxt: Контекст

Контекст — это объект, который предоставляет доступ к различным данным и функциональности в приложении. Контекст может использоваться для передачи данных между компонентами, управления состоянием приложения и выполнения различных операций. Делимся статьей, где автор рассказывает про контекст.

👉Читать статью

#статьи

10 views17:01

Webdev сохраненки

Lazy Load Vue Component When It Becomes Visible

https://mokkapps.de/blog/lazy-load-vue-component-when-it-becomes-visible

#coding
#vue

Michael Hoffmann

Lazy Load Vue Component When It Becomes Visible - Michael Hoffmann | Michael Hoffmann - Senior Frontend Developer (Freelancer)…

In this blog post, I'll show you how a simple mechanism to lazy load your Vue components if they become visible using the Intersection Observer API.

10 viewsedited 09:11

Webdev сохраненки

Vue Project Directory Structure: Keep It Flat or Group by Domain

https://markus.oberlehner.net/blog/vue-project-directory-structure-keep-it-flat-or-group-by-domain

#coding
#vue

Markus Oberlehner

Vue Project Directory Structure: Keep It Flat or Group by Domain

Learn three strategies for how to set up your Vue projects' file tree: either by using a flat hierarchy or group your components by domain.

11 views09:12

Webdev сохраненки

Optimizing A Vue App

https://www.smashingmagazine.com/2022/11/optimizing-vue-app/

#coding
#vue

Smashing Magazine

Optimizing A Vue App — Smashing Magazine

Prioritizing performance when building our web apps improves the user experience and helps ensure they can be used by as many people as possible. In this article, Michelle Barker will walk you through some of the front-end optimization tips to keep our Vue…

10 views13:42

Webdev сохраненки

Improve Vue Performance with v-once + v-memo

https://learnvue.co/articles/v-once-v-memo

#coding
#vue

V Once V Memo | LearnVue

The developer-friendly way to LearnVue faster

10 viewsedited 16:45

Webdev сохраненки

Remove unused brew dependencies and delete outdated downloads

https://pawelgrzybek.com/remove-unused-brew-dependencies-and-delete-outdated-downloads/

#macos

pawelgrzybek.com

Remove unused brew dependencies and delete outdated downloads | pawelgrzybek.com

Uninstalling a brew dependency does not remove its dependencies. There is an easy solution for that, though. If you want to delete outdated formulas, I also get you covered.

11 views06:38

Webdev сохраненки

Deploying a Vite app on GitHub Pages using GitHub Actions with GitHub Secrets

https://dev.to/dwtoledo/deploying-a-vite-app-on-github-pages-using-github-actions-with-github-secrets-1hn0

#coding
#vite
#github
#github_actions

Deploying a Vite app on GitHub Pages using GitHub Actions with GitHub Secrets

First of all -- I'll assume that you already have a Vite React App created in a GitHub...

8 views20:02

Webdev сохраненки

Forwarded from CTRL+S Health (ex. Сохранёнки программиста)

Шпаргалка по всем шпаргалкам

Это настоящая находка для любого разработчика. Сервис насчитывает около 6000 разнообразных шпаргалок в картинках: по программированию и разработке, обучению, играм и домашнему быту. Т.е. кроме классических шпаргалок по типу регулярок и SQL, тут можно найти шпаргалки по кофейным напиткам, командам в Minecraft и французской грамматике.

Сайт, который достоин быть в закладках

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

9 views12:10

Webdev сохраненки

Forwarded from NOP::Nuances of Programming

На macOS немало полезных предустановленных программ, но также есть много сторонних бесплатных приложений, способных упростить работу. Узнайте о 10 наиболее интересных приложениях, которых сделают цифровую жизнь гораздо приятнее.

https://nsprg.ru/mW7Aym

VK: https://nsprg.ru/OKpXKm

@nuancesprog #macOS #Applications

9 views12:02

Webdev сохраненки

A Complete Guide To TypeScript's Never Type

https://www.zhenghao.io/posts/ts-never

#coding
#typescript

A complete guide to TypeScript's never type

The official site of Zhenghao He, a software engineer and a TypeScript/JavaScript enthusiast.

8 views13:58

Webdev сохраненки

Forwarded from CodeCamp

Фронтендеры, это вам — нашёл гигантскую библиотеку из 4000+ иконок в SVG и React.

Есть GitHub и сайт с быстрым доступом.

5 views22:14

Webdev сохраненки

Forwarded from Библиотека пхпшника | PHP, Laravel, Symfony, CodeIgniter

🎁 Telegram Bot API для PHP

Библиотека для удобной работы с Telegram Bot API от Сергея Предводителева, одного из разработчиков Yii3.

⭐️ Полная поддержка API

Полностью поддерживается самая актуальная на текущий момент версия Telegram Bot API 7.7 от 7 июля 2024 года.

⭐️ Лёгкость подключения

Из коробки идёт PSR-клиент, но при желании, можно использовать свой, сделав реализацию интерфейса TelegramClientInterface.

// Telegram bot authentication token
$token = '110201543:AAHdqTcvCH1vGWJxfSeofSAs0K5PALDsaw';

// Dependencies
$streamFactory = new StreamFactory();
$responseFactory = new ResponseFactory();
$requestFactory = new RequestFactory();
$client = new Client($responseFactory, $streamFactory);

// API
$api = new TelegramBotApi(
    new PsrTelegramClient(
        $token,
        $client,
        $requestFactory,
        $streamFactory,
    ),
);

⭐️ Типизация

Типизированные PHP-классы для всех типов и методов. Результатом вызова методов API будут соответствующие объекты. Например, в результате отправки сообщения получаем объект Message.

$message = $api->sendMessage(
    chatId: 22351, 
    text: 'Hello, world!',
);

⭐️ Объект Update для обработки вебхука

Update можно создать из PSR-запроса или из JSON-строки:

$update = Update::fromServerRequest($request);
$update = Update::fromJson($jsonString);

⭐️ Логирование

Для логирования запросов к API, результатов ответов и ошибок можно использовать любой PSR-совместимый логгер. Например, Monolog или Yii Log.

/**
 * @var TelegramClientInterface $telegramClient
 * @var LoggerInterface $logger
 */
$api = new TelegramBotApi(
    $telegramClient,
    $logger,
);

⭐️ Одобрено разработчиками Telegram

Пакет одобрен разработчиками Telegram и добавлен на сайт telegram.org.

Please open Telegram to view this post

VIEW IN TELEGRAM

GitHub - vjik/telegram-bot-api: PHP library to interact with Telegram Bot API

PHP library to interact with Telegram Bot API. Contribute to vjik/telegram-bot-api development by creating an account on GitHub.

7 views11:23

Webdev сохраненки

Forwarded from Гайды по JavaScript | Программирование

Современный способ глубокого клонирования объектов

Подробнее — Отличная статья

👉

Гайды по JavaScript | #theory

Please open Telegram to view this post

VIEW IN TELEGRAM

10 views13:22

Webdev сохраненки

Improving the Performance of Vue 3 Applications Using v-memo and KeepAlive

https://www.thisdot.co/blog/improving-the-performance-of-vue-3-applications-using-v-memo-and-keepalive

#coding
#vue

Improving the Performance of Vue 3 Applications Using v-memo and KeepAlive - This Dot Labs

Optimize your Vue.js application with v-memo for memoization and the KeepAlive component for caching and improve your site users experience.

6 views08:49