Что хуже всего во время отдыха на природе? Правильно, сгоревший шашлык! Чтобы этого избежать, нужно его равномерно прожаривать.

Давайте не дадим нашему шашлыку испортиться на этих праздниках. Ставьте реакцию 👍 или 👎, чтобы их было поровну — так мы поймем, что прожарка равномерная.

Первое знакомство с docker-контейнерами выглядит именно так:

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

Присылайте свои фотографии с отдыха с ноутбуками или без в комментарии. Лучшая фотография дает +10 к здоровью, а самая грустная +10 к веселью на следующих выходных.

Pokemon Slide Gallery

Реализовано без использования JS. Только HTML и CSS. Переключение реализовано с помощью радио-кнопок. Посмотреть код проекта можно по ссылке: https://codepen.io/cbolson/pen/raBJWOJ

#codepen

С сегодняшнего дня Skype прекращает свою работу

Press 🫡 для легенды

@ithumor

Эволюция конечных автоматов: от кода-монстра к визуальным схемам

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

Часть 1
Часть 2

А вы используете конечные автоматы в своих проектах?

#бэкенд #фронтенд #архитектура

Учиться программированию понемногу — это не просто нормально. Это правильно

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

— Память работает через повторения. Чтобы информация перешла из краткосрочной памяти в долгосрочную, мозгу нужны интервальные повторения. Даже 20–30 минут в день помогут вам запомнить и усвоить больше, чем один длинный марафон в выходные.

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

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

— Навыки закрепляются через применение. Один из ключевых принципов обучения — «use it or lose it». Если не применять, мозг оптимизирует и просто забывает. Регулярная практика — это способ оставить знания с собой.

А вот как выбрать правильные форматы обучения, не перегореть и вообще не превратить процесс в скучную обязаловку — об этом рассказал Антон Непша в своем канале. Там — реальные способы оставаться в тонусе, искать мотивацию и получать удовольствие от процесса.

#советы

Прокачайте свой UI Kit: 10 практических советов для UX/UI дизайнеров

В быстро меняющемся мире дизайна важно, чтобы ваш UI Kit не только соответствовал современным требованиям, но и облегчал работу всей команды. В этой статье вы найдете конкретные рекомендации по реорганизации структуры компонентов, улучшению документации, внедрению адаптивности, поддержке темной и светлой тем, созданию обширной системы иконок и многому другому. Эти шаги помогут сделать ваш UI Kit более функциональным и вдохновляющим инструментом.

https://habr.com/ru/articles/805581/

#ui@tproger_web #ux@tproger_web #дизайн@tproger_web

Комплексная интерактивная шпаргалка для веб-разработчика

Сайт содержит в себе шпаргалки по: HTML+CSS+JS, PHP, jQuery и SEO. Все разбито на категории, наглядно проиллюстрировано.

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

#шпаргалка #web

В рядах веб-дизайнеров начался сущий кошмар после этой новости

Команда TogetherAI выпустила сервис Napkins.dev, который создает дизайн для веб-приложений по скриншотам и наброскам. Нарисовать черновик можно хоть в Paint, сервису этого достаточно для создания полноценного дизайна интерфейса с лого и кнопка.

Инструмент сейчас доступен бесплатно, так что скорее пробуйте.

#дизайн

GitOps и Argo CD: новый подход к деплою

Один из трендов DevOps – GitOps: весь код и конфигурации инфры хранятся в Git-репозиториях. В статье описывается опыт перевода Kubernetes-кластера под управление через Argo CD. В модели GitOps изменения фиксируются в Git – и Argo CD «сам» следит за обновлениями и применяет их в кластере. Это удобно: все настройки под версионным контролем, можно откатиться в один клик. Но важно, чтобы команда синхронизировала изменения и поддерживала единую «истину» (SSOT): любой изменённый манифест должен попадать в репозиторий. GitOps с Argo CD позволяет безболезненно масштабировать деплой: достаточно запушить изменения – и кластер сам подтянет актуальные конфиги.

#gitops #kubernetes #devops

​Ничего необычного, просто веб-разработчик пытается освоить новый фреймворк до того, как он устареет:

​Создаём портфолио в формате 2D-игры на JavaScript

Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.

Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom

#javascript

Old But Gold: 7 шагов к ускорению загрузки сайта

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

Вы узнаете, как выявить узкие места в скорости загрузки, эффективно использовать кэширование, оптимизировать изображения и настроить сервер для максимальной отдачи.

#фронтенд #производительность

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

Присылайте свои варианты в комментарии.

Переезд с Webpack на Vite: как ускорить React-проект и упростить сборку

Если сборка проекта на Webpack занимает вечность, а конфигурации становятся всё сложнее, возможно, пора взглянуть в сторону Vite. Этот инструмент предлагает молниеносную сборку, встроенный HMR и простую настройку. В статье описан реальный опыт перехода с Webpack и react-scripts на Vite, включая решение проблем с FontAwesome, настройку прокси и корректное размещение index.html.

И все-таки, Vite или Webpack?

❤️- Vite
🔥- webpack

#фронтенд #react #vite

Освойте Promises в JavaScript: пошаговое руководство

Асинхронный код — неотъемлемая часть современного JavaScript. Промисы (Promise) помогают управлять такими операциями, обеспечивая чистый и понятный синтаксис. В этом руководстве вы узнаете, как создавать промисы, обрабатывать их состояния (pending, fulfilled, rejected) и использовать методы .then(), .catch() и .finally() для управления результатами асинхронных операций. Примеры кода и наглядные схемы помогут закрепить материал и применять его на практике.

#фронтенд #javascript #асинхронность