tproger_web | Unsorted

Telegram-канал tproger_web - Веб-страница

26007

Всё по фронтенду, бэкенду и девопсу в одном месте Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/64ai

Subscribe to a channel

Веб-страница

Мечтаете о зимовке в другой стране, но начальник держит вас в офисе?

Тогда вам в Точку. Здесь можно работать откуда угодно. Это не просто «удалёнка», это свобода жить и работать там, где хочется.

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

Над всем этим работают 1300 крутых специалистов: разработчики, продакты, дизайнеры, аналитики, тестировщики, девопсы. Здесь ценят ум, инициативу и реальный результат.

Хотите работать без привязки к месту? Всё самое интересное — по ссылке.

Это #партнёрский пост

Читать полностью…

Веб-страница

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

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

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

Читать полностью…

Веб-страница

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

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

Читать полностью…

Веб-страница

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

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

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

#javascript

Читать полностью…

Веб-страница

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

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

#gitops #kubernetes #devops

Читать полностью…

Веб-страница

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

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

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

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

Читать полностью…

Веб-страница

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

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

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

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

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

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

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

#советы

Читать полностью…

Веб-страница

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

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

@ithumor

Читать полностью…

Веб-страница

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

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

Читать полностью…

Веб-страница

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

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

Читать полностью…

Веб-страница

Old but gold: Как ускорить таблицу на React в 1000 раз, изменив одну строку

JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами ссылкой на перевод его статьи:

https://habr.com/ru/companies/netologyru/articles/750246/

#react

Читать полностью…

Веб-страница

Праздники праздниками, но отдыхают не все...

Давайте поддержим лайком тех бедняг, которые работают даже сегодня. Или накидайте им фотки шашлыков в комментарии, пусть хоть так на них посмотрят.

💔 — я тот самый трудяга
🗿 — а я работаю... на огороде

Читать полностью…

Веб-страница

AI для фронтенда: модели для генерации интерфейса

Если научиться работать с ИИ-моделями, даже начинающий разработчик сможет перепрыгнуть с уровня «кодер кнопок» до «архитектор интерфейсов». AI-генерация интерфейсов становится рабочим инструментом. Можно конвертировать текст и даже рисунок от руки в готовый HTML/CSS/JS код. Без выравнивания пикселей и утомительной верстки однотипных элементов.

Рассказываем про сценарии взаимодействия с AI-сервисами среди веб-разработчиков.

#ии #фронтенд

Читать полностью…

Веб-страница

Хотите создавать сложные web-приложения, которые решают реальные задачи и работают на высоком уровне? Django — ваш выбор!

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

Получите глубокие знания, которые позволят вам создавать мощные веб-сервисы с рендерингом на сервере, API, Vue.js и многим другим.

Старт потока — 30.04. но вы всё ещё можете успеть:

Пройти вступительный тест и получить скидку

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Читать полностью…

Веб-страница

Responsive Web Design – курс от freeCodeCamp

Учитесь делать сайты, которые красиво выглядят на любом устройстве. Адаптивная вёрстка, семантика, формы и стили – всё с практикой прямо в браузере. Курс на английском, но очень доступный.

#курс

Читать полностью…

Веб-страница

CSS для печати на бумаге

Интересная статья, в которой рассмотрели особенности стилизации веб-страниц для экспорта в печатный вид: https://habr.com/ru/articles/798765/

#css@tproger_web

Читать полностью…

Веб-страница

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

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

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

❤️- Vite
🔥- webpack


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

Читать полностью…

Веб-страница

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

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

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

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

Читать полностью…

Веб-страница

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

Читать полностью…

Веб-страница

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

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

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

#дизайн

Читать полностью…

Веб-страница

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

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

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

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

Читать полностью…

Веб-страница

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

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

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

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

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

Читать полностью…

Веб-страница

Pokemon Slide Gallery

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

#codepen

Читать полностью…

Веб-страница

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

Читать полностью…

Веб-страница

Самые полезные JS-библиотеки для анимаций

Обзор библиотек, которые добавят «жизнь» вашим интерфейсам: Three.js, Mo.js, Anime.js и другие. Они упрощают создание 3D-сцен, сложных переходов, реактивных эффектов и улучшают UX.

Подробности: https://habr.com/ru/companies/bothub/articles/805737/

#javascript #фронтенд

Читать полностью…

Веб-страница

У нас на сайте вышел квиз, который поможет понять какой вы шашлычный NPC на майских.

Я оказался закусочным продактом. А кто вы? Присылайте скриншоты со свими ролями в комменты.

Читать полностью…

Веб-страница

GraphQL на практике: создаём реальный чат с Apollo Server и React

Практический проект: создаём чат-приложение с помощью GraphQL, Apollo Server, WebSocket и React. Полный цикл — от бекенда до фронтенда, в реальном боевом примере.

Если вам, конечно, не лень этим заниматься на майских😅

#graphql@tproger_web #react@tproger_web

Читать полностью…

Веб-страница

Bun – быстрый JS-рантайм, который заменит Node.js?

Познакомьтесь с Bun — движком выполнения JavaScript, который набирает популярность благодаря своей скорости. Он совмещает в одном инструменте сервер, менеджер пакетов и сборщик, работая значительно быстрее привычного Node.js-стека.

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

Как считаете, вытеснит ли Bun привычный Node.js? Пробовали уже в своих проекте?

#javascript@tproger_web #nodejs@tproger_web #bun@tproger_web

Читать полностью…

Веб-страница

7 полезных советов для начинающих веб‑разработчиков

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

#веб #советы

Читать полностью…

Веб-страница

H3LLO․CLOUD вконец упоролись и дают две вируталки на год БЕСПЛАТНО

• Две виртуалки с 2 ядрами.
• 4 Гб оперативки DDR5.
• 50 Гб объектного хранилища.
• 40 Гб сетевого диска.
• Белый статический IP (конечно, v4).
• И даже балансировщик нагрузки!

Это первое подобное предложение на российском рынке.

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

Две машины — это уже отказоустойчивая система. Можно запустить реальный проект: блог на 10к+ посещений, небольшой магазин или корпоративный сайт. И всё это без покупки железа и головной боли с настройкой.

Базы данных тоже включены, так что можно забыть о мучениях с Postgres, Mongo и прочим добром.

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

А ещё скоро H3LLO․CLOUD добавят бесплатный Kubernetes — 3 месяца простенького кластера и месяц полноценного.

Единственное условие: чтобы получить все плюшки, включая белый IP, нужно пополнить счёт на 5000 ₽. Это не плата, это защита от криптомайнеров и торрент-раздавальщиков. Деньги останутся на вашем счету.

«А что если я создам 100 аккаунтов и буду пользоваться бесплатно вечно?» Ну, попробуйте. У H3LLO․CLOUD есть специальный человек Серёжа, который каждое утро приходит, пьёт кофе и ищет таких умников. А ещё у H3LLO․CLOUD есть нейросеть, но про неё Серёже не говорят — пусть думает, что незаменим.

Короче, заходите, тестируйте, ломайте. H3LLO․CLOUD готовы!

А чтобы первыми узнать о подобных предложениях — подписывайтесь на канал! Это тоже бесплатно.

Реклама. Рекламодатель: ООО «ХЕЛОУ», ИНН 9704228431, erid:2W5zFHCRnw2

Читать полностью…
Subscribe to a channel