Фундаментальные знания по основам программирования Разместить рекламу: @tproger_sales_bot Правила общения: https://tprg.ru/rules Другие каналы: @tproger_channels Сайт: https://tprg.ru/site Регистрация в перечне РКН: https://tprg.ru/zrgj
Разработка и деплой сайта с нуля и анимацией
В этом видео вы узнаете, как создать сайт с большим количеством разной анимации, например, одной из самых популярных — parallax-эффект.
Вы научитесь работать с компонентами, используя библиотеку ReactJS, познакомитесь с Framer motion, организуете хранилище с Redux Toolkit (RTK), добавите контент через платформу Contentful и с помощью Graphql получите реальные данные на вашем сайте.
#видео #туториал #веб #react
Разбираемся в useMemo и useCallback
Если вы изо всех сил пытались разобраться в useMemo и useCallback, вы не одиноки! Многие разработчики React cломали голову над этими двумя хуками.
Цель этой статьи — прояснить всю путаницу, которая возникает с использованием этих хуков. Вы узнаете, что они делают, почему они полезны и как получить от них максимальную пользу.
#react@tproger_web
Свой «Чёрное зеркало»: пишем симулятор жизни на чистом Python
В 7-м сезоне «Чёрного зеркала» показали программиста, запустившего мир с разумными существами. Почему бы не попробовать повторить такое у себя дома? Автор этой статьи собрал мини-вселенную на Python и заставил ИИ-агента выживать в процедурном ландшафте 20×20 клеток. Никаких сложных движков: карта на эмодзи, пошаговая логика и один гигантский промпт, чтобы существо само ставило цели, добывало еду, крафтило лук из тростника и даже пыталось сварить «варенье из камней».
Что интересно:
— агент получает лишь минимальный набор действий (move, search, add_inventory…) — всё остальное он выдумывает сам;
— голод, жажда и комфорт растут в реальном времени, поэтому приходится строить укрытия и искать воду;
— «глобальные цели» задаёте вы: от «собрать копьё» до «построить робота» — и наблюдаете, как ИИ лихо выкручивается;
— следующий шаг — несколько агентов, которые придумают собственный язык эмодзи и начнут торговать или воевать.
Если мечтали о симуляции с минимальным кодом и максимумом веселья — самое время посмотреть, как это реализовано и забрать идею для своего проекта.
А какой ещё абсурдной целью вы бы испытали такого ИИ?
#python #gamedev #ии
«Свой Minecraft» на Python: проще, чем кажется
Хотелось бы сделать собственную песочницу, но перспектива разбираться с тяжёлым 3D-движком ставит крест на мечте? Не спешите закрывать IDE. Оказывается, чтобы собрать базовый «Minecraft-like» мир, хватит чистого Python и библиотеки Ursina Engine.
С помощью этой статьи вы узнаете, как за один вечер поднять движок, генерировать бесконечный ландшафт, добавить освещение и даже «ломать» блоки — без сложных шейдеров и C++. А ещё, где Ursina экономит время: готовые компоненты для ввода, анимации и GUI позволяют сконцентрироваться на логике игры, а не на низкоуровневой графике.
#gamedev #python #ursina
Рекурсия в SQL
Разобраться в этой теме может быть сложно, поэтому держите полезный урок, который точно поможет получить представление о рекурсивных запросах в SQL.
Автор видео не только объясняет работу рекурсии, но и дает файл с данными, чтобы во время просмотра, вы могли повторить действия из видеоурока. Таким образом вы не только изучите теорию, но и закрепите материал на практике.
#sql
Mystical — новый язык программирования, вдохновленный магическими символами и кругами
Если вы поклонник битвы экстрасенсов, фанат Шепса и носите с собой кроличью лапку на удачу, то специально для вас появился новый язык программирования. Mystical позволяет не просто писать код, а рисовать его с помощью «магических» кругов и сигилов — они заменяют функции, операторов и переменные.
Как это работает, можно почитать в нашей статье.
Олений пенис даёт -10 к багам, но в комплект не входит.
Создание и деплой полнофункционального приложения для обмена сообщениями в чате
В этом видео автор предлагает с нуля создать полноценное приложение для чата с личными и групповыми чатами, эмодзи и реакциями, встроенной поддержкой Gif, возможностью редактировать и удалять сообщения, специализированными командами и многим другим.
Все подробности в видео:
https://www.youtube.com/watch?v=MJzbJQLGehs
#фронтенд #бэкенд #видео
ООП в JavaScript на примерах с Фредди Меркьюри
ООП в JavaScript можно представить как конструктор LEGO. Вы создаете кучу кубиков (объектов), каждый со своими специальными функциями и свойствами. А знание ООП помогает вам строить более крепкие и крутые конструкции, используя эти кубики как основные блоки.
Держите простую статью, которая наконец поможет разобраться в основных концепциях ООП на примере с Фредди Меркьюри. Всё с подробными объяснениями и примерами кода.
#ооп@prog_point #javascript@prog_point #теория@prog_point
Расскажите про свой опыт поиска работы
Мы сейчас проводим исследование — хотим разобраться, как айтишники ищут работу: на что обращаете внимание в вакансии, что для вас точно красный флаг, а что — зеленая простыня. Мы хотим из первых уст узнать про все боли, подводные камни и нюансы рекрутинга в ИТ в 2025 году, поэтому просим вашей помощи — пройдите опрос, который займет у вас около 15 минут.
Давайте поможем компаниям и специалистам эффективнее и быстрее находить друг друга.
#опрос
ООП для кота — моделируем кота через классы
Программирование — довольно сложная штука, и, поэтому, его хорошо учить на наглядных примерах. А что может быть наглядней кота? Поэтому, попробуем рассмотреть кота через объектно-ориентированное программирование (ООП) и его классы.
Итак, что же представляет собой кот с точки зрения ООП? Все подробности кошачье-ориентированной анатомии в статье.
#ооп
Свобода — это когда можно собраться и уехать. Без суеты, без увольнения, без долгих объяснений. Просто взять ноутбук, билеты — и работать из любой точки на карте.
В мире, где работа всё чаще живёт в облаке, офис — это уже не обязательство, а выбор. И в Точке этот выбор действительно есть.
Работать в Точке — значит не привязывать себя к месту. Здесь важны идеи, вовлечённость и результат. А где именно вы пишете код, строите диаграммы или штурмите фичи — решаете вы.
В Точке создают IT-продукты, которые упрощают жизнь бизнесу. За каждым таким сервисом стоит большая команда специалистов: разработчики, аналитики, дизайнеры, продакты. И все они могут быть где угодно — в Петербурге, Белграде, Ереване или в деревне с хорошим Wi-Fi.
Если для вас свобода — базовая настройка, переходите по ссылке. Быть частью сильной команды и жить там, где хочется — реальность, а не компромисс.
Это #партнёрский пост
Просто о сложном: Основы архитектуры Python-приложений
Когда речь идёт о создании масштабируемых и поддерживаемых приложений, понимание таких важных понятий, как принципы чистого кода, архитектурные паттерны и SOLID, имеет решающее значение.
Разобравшись в этих принципах, новички получают представление о построении надёжных, гибких и легко тестируемых приложений, что позволит им сохранить ясность кодовой базы и возможность её сопровождения по мере роста их проектов.
Обо всём этом — в данном гайде
#теория@prog_point #python@prog_point
Python Tutor — топ для тех, кто хочется разобраться, как работает код
Несмотря на название утилиты, работает она не только с Python, но и с Java, C, C++ или JavaScript. Всё, что нужно — вставить код в поле прямо в браузере, а сервис пошагово покажет, что происходит на каждом этапе работы. А ИИ-репетитор дополнитльно помогает с разъяснениями, если визуала недостаточно!
#инструменты
Мониторинг кластера Kubernetes за 75 минут
Полноценный туториал по Prometheus + Grafana + Loki для кластера K8s: установка Helm-чартов, настройка alert-правил и визуализация метрик. Автор показывает, как найти узкие места в реальном клауде и устранить их.
#kubernetes #devops
Учимся делать настоящий user friendly интерфейс
Читать полностью…Матовое стекло следующего уровня с backdrop-filter в CSS
Для создания эффекта матового стекла на веб-сайте самый просто способ — использования filter: blur()
. Но Джош Комо предлагает вариант с помощью backdrop-filter: blur()
, ещё одного CSS-свойства, которое делает эффект круче.
В этой статье вы узнаете, чем оно отличается от классического свойства filter, как браузер вычисляет «то, что под элементом», какие эффекты (blur
, brightness
, contrast
…) сочетаются между собой и где сегодня есть поддержка. В конце — интерактивная песочница: меняйте параметры и сразу видите результат.
#фронтенд #css
Тренируем свою насмотренность в дизайне интерфейсов
На этом сайте лежит огромный сборник различных анимаций интерфейса. Здесь собраны самые разные варианты для навигации, кнопок, полей ввода и прочих элементов.
Кода к ним нет, но зато можно вдохновиться и найти для себя что-то новое.
#дизайн
Делитесь своим опытом в опросе про облака
Мы готовим большое исследование по облачным технологиям и хотим узнать ваше мнение.
Расскажите, как вы работаете с облаками, какие у вас возникают вопросы или трудности. Фидбэк можно оставить в этой гугл-форме
Спасибо 🙏
Один инструмент, чтобы приручить каждый push
Небольшой апдейт в мобильном приложении, «горящее» спец-предложение на сайте, напоминание из чат-бота… Уведомлений становится столько, что разработчикам всё чаще приходится жонглировать десятком SDK: FCM для Android, APNs для iOS, собственный пуш-сервис браузера, ещё и отдельный эндпоинт для Китая — а потом сидеть ночью и чинить, почему «уведомление № 42» не долетело до пользователя где-нибудь в Крыму.
MULTIPUSHED снимает эти проблемы с ваших плеч:
— отправляет web- и мобильные push-сообщения из одного API;
— работает во всех популярных браузерах и мобильных ОС;
— доставляет уведомления в любую точку мира — включая рынки, куда конкуренты просто не ходят: Китай, Крым, ДНР, ЛНР;
— маршрутизирует сообщения через резервные каналы, если стандартный FCM или APNs недоступен.
Как это работает и какие еще есть возможности у сервиса рассказали в этой статье.
Подборка из четырех полезных, но не очевидных трюков с GitHub
1. Интерактивная визуализация. Вы можете преобразовать любой репозиторий GitHub в интерактивную диаграмму, заменив hub
на diagram
в ссылке.
2. Открытие в VS Code. Если поменять .com
на .dev
, то любой репозиторий откроется в VS Code прямо в браузере. любой репозиторий GitHub в VS Code. Того же эффекта можно достигнуть, нажам клавишу «.
»
3. Текст для LLM. Можно превратить репозиторий в текст, пригодный для использования с LLM. Для этого просто замените hub
на ingest
в URL.
4. История изменений файлов. Вы можете просмотреть историю изменений файлов в удобном интерфейсе, если замените .com
на githistory.xyz
в адресе репозитория.
StrimQA — бесплатный инструмент для будущих тестировщиков
Он поможет вам в освоении профессии QA: обучит теории, даст необходимую практику и выстроит карьерный путь для вас. В качестве тестовых заданий тут есть и ловля багов, и экзамены, и тесты.
Все доступно бесплатно и без рекламы.
#qa #инструменты
Занятная инфографика
Тут показано, как менялась популярность языков программирования за последние 67 лет. Данные взяты из опросов, данных GitHub и аналитики.
Миф о «идеальном коде»: почему реальный проект ему не рад
Чем дольше варитесь в IT, тем чаще слышите мантры про чистый код, хайп-фреймворки и миллисекундные отклики. Звучит красиво, но опытный разработчик разобрался, где эти лозунги трещат по швам:
— стартапу с сотней пользователей не нужна архитектура «на миллион» — сначала решаем бизнес-задачу, потом «масштабируем красиво»;
— тренды приходят и уходят, а «устаревший» PHP до сих пор тянет половину Рунета;
— гонка за лишними микросекундами часто заканчивается оверинжинирингом и нервами команды;
— ИИ скорее разгрузит от рутины, чем выпишет вам расчёт.
Развеивая популярные мифы, автор предлагает вспомнить главное: продукт должен приносить пользу, а не только радовать линтер. Подробнее об этом и других инсайтах в статье.
А вы за «красиво всегда» или «работает — не трогай»?
Создаём портфолио в формате 2D-игры на JavaScript
Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.
Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom
#javascript
Большое учебное пособие по виртуальному окружению в Python
Виртуальное окружение — это инструмент, позволяющий изолировать зависимости проекта от глобального окружения и предотвратить возможные конфликты между библиотеками.
В этом руководстве вы узнаете, как работать с venv
Python для создания отдельных виртуальных сред для ваших проектов на Python и управлять ими.
#venv #python
Зачем учить Python в 2025: Плюсы и минусы языка и перспективы карьеры в IT
Егор Векслер — Python-разработчик, инстаграм блогер, знаменитый юмористическими видео и простым объяснением сложных IT терминов. В этом видео он также просто объясняет зачем сегодня нужен Python, плюсы и минусы языка, стоит ли вкатывать в него новичку и много другое.
Если вы хотите вкатиться в IT, но до конца не знаете в какое направление и с каким языком, то это видео обязательно к просмотру.
#python@prog_point
Linux: альтернативные способы установки ПО
В Linux традиционно используют пакетные менеджеры (apt, yum), но есть и иные подходы: Flatpak, Snap, Homebrew на Linux и др. В этой статье разбираются альтернативные менеджеры и контейнеры приложений.
Например, Flatpak позволяет запускать приложения в «песочнице», но может засорять систему излишними библиотеками. При неправильном использовании система «заваливается контейнерами» – ведь каждый Flatpak-приложение тащит свои зависимости. Такой подход хорош для обеспечения совместимости, но и увяз в консервации системы.
Что же выбрать для установки ПО: стандартные решения, сайт разработчика или иной подход? Ответ в материале.
#linux@prog_point
Когда пишешь в рабочий чат коллегам, но половина не вернулась с майских
Читать полностью…ML пет-проекты, которые захочется показать в резюме
Уже разбираетесь в основах машинного обучения и готовы попробовать свои силы в реальном проекте? Самое время подумать, чем впечатлить будущего работодателя и заодно прокачать собственные навыки. Вот 6 идей для ML пет-проектов, которые помогут сделать ваше портфолио заметным:
— Where is Дед Мороз - поиск Деда Мороза на картинке.
— Оценка объема коробки с подарком по фотографии.
— Генерация необычных снежинок / генерация резов снежинок.
— LLM / RAG по одной конкретной книге.
— Голосовой дневник с транскрибацией, кластеризацией, суммаризацией.
— Тематические эмбеддинги «из коробки».
Любой из этих проектов поможет закрепить теорию, набить руку и, что особенно приятно, украсить ваше резюме.
#ml@prog_point #петпроекты@prog_point