Webdev сохраненки
13 subscribers
137 photos
17 videos
7 files
353 links
Tips and tricks и прочие полезности из области веб-разработки, а также репосты понравившихся материалов
加入频道
Forwarded from FrontEndDev
JavaScript Proxy и Reflect API

Как и для чего можно использовать Proxy в JS

https://www.freecodecamp.org/news/javascript-proxy-object/
Forwarded from Laravel World
This media is not supported in your browser
VIEW IN TELEGRAM
Релиз Herd

Среда разработки Laravel-проектов под macOS. Включает в себя всё необходимое, в том числе PHP и nginx.

https://herd.laravel.com/
Forwarded from FrontEndDev
Используем http: only cookie для защиты JWT токена аутентификации

https://teletype.in/@budnifronta/m3EIF2ft9hJ
Полное руководство по разработке full stack Laravel

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

👉 @web_craft | #laravel
Forwarded from Душный Вуй
Вот вам схема жизненного цикла страницы в Nuxt 3 которую прислал @zohan333
Forwarded from Codecademy | Программирование
Введение в Page Visibility API

Читайте статью ниже, чтобы узнать, что такое Page Visibility API, его назначение, принцип работы и область применения.

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

#javascript #полезное
Forwarded from Frontender's notes [ru]
​​🧑‍💻10 советов по TypeScript для продвинутых пользователей

В этой статье автор расскажет как стать более искусным и эффективным разработчиком TypeScript.

Читать...
Forwarded from Библиотека программиста | программирование, кодинг, разработка
#инфографика

CI/CD пайплайн в деталях

1️⃣ SDLC с CI/CD

🔸Жизненный цикл разработки программного обеспечения (SDLC) состоит из нескольких ключевых этапов: разработка, тестирование, деплой и cопровождение. CI/CD автоматизирует и интегрирует эти этапы, обеспечивая более быстрые и надежные выпуски. Когда код помещается в Git-репозиторий, он запускает автоматизированный процесс сборки и тестирования.

🔸Для проверки кода запускаются сквозные тестовые примеры. Если тесты пройдены, код может быть автоматически развернут в staging/production окружении. Если проблемы обнаружены, код отправляется обратно в разработку для исправления ошибок. Эта автоматизация обеспечивает быструю обратную связь с разработчиками и снижает риск ошибок в продакшене.

2️⃣ Разница между CI и CD

🔸Непрерывная интеграция (CI) автоматизирует процессы сборки, тестирования и слияния. В рамках CI запускаются тесты всякий раз, когда код фиксируется для раннего обнаружения проблем интеграции. Это поощряет частые фиксации кода и быструю обратную связь.

🔸Непрерывная доставка (CD) автоматизирует процессы выпуска, такие как изменения инфраструктуры и развертывание. Это гарантирует, что программное обеспечение может быть надежно выпущено в любое время с помощью автоматизированных рабочих процессов. CD также может автоматизировать этапы ручного/аппрувал тестирования, необходимые перед деплоем в продакшене.

3️⃣ CI/CD пайплайн

🔸Типичный CI/CD пайплайн состоит из нескольких связанных этапов:

🗄 Разработчик фиксирует изменения кода в системе управления версиями
🗄 CI-сервер обнаруживает изменения и запускает сборку
🗄 Код компилируется и тестируется
🗄 Результаты тестирования сообщаются разработчику
🗄 В случае успеха артефакты развертываются в staging окружениях
🗄 Дальнейшее тестирование может быть проведено на стадии подготовки перед выпуском
🗄 Система CD внедряет утвержденные изменения в продакшен
Please open Telegram to view this post
VIEW IN TELEGRAM
Собрали небольшую коллекцию для фронтенд-разработчика. Отлично подойдет, если пользуетесь готовыми шаблонами:

1⃣ Templated — коллекция простых HTML/CSS шаблонов
2⃣ Zerotheme — коллекция HTML/CSS шаблонов от дизайнера #Mik
3⃣ Html5up — коллекция элегантных, адаптивных и настраиваемых HTML/CSS шаблонов
4⃣ W3layouts — инициатива Hidayath по предоставлению бесплатных адаптивных шаблонов с поддержкой WordPress
5⃣ html5xcss3 — коллекция шаблонов, разработанных с учетом совместимости с экранами разных размеров
Sharing Logic Between Components in Different React Renderers

https://www.braingu.com/blog/share-react-component-logic

#coding
#react