Точка входа в программирование
20.1K subscribers
1.27K photos
220 videos
2 files
2.79K links
Фундаментальные знания по основам программирования

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/zrgj
Download Telegram
Как прокачать свой профессиональный образ перед выходом на рынок IT в 2025

Рынок IT нынче диктует свои правила — конкуренция высокая, отклики редки, и использовать только код и опыт недостаточно. В этой статье вы узнаете, как перейти от «отправил резюме и молюсь» к продуманной, чёткой стратегии продвижения себя как профессионала.

Пошагово: обновление резюме под ATS, работа над профилью в LinkedIn и Telegram, настройка публичных репозиториев с понятными описаниями, наращивание полезных связей, и даже тренировка через AI-инструменты перед интервью. Всё без воды, только реальные действия.

#карьера
👍1
Почему «белых хакеров» зовут искать баги и платят за это

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

А вы попробовали бы себя в такой роли?

#безопасность #хакинг
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Как работает токен, сессия, JWT, SSO, OAuth2 и QR-код?

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

Сессия — сервер сохраняет учетную запись и передает браузеру файл cookie с идентификатором сеанса, что позволяет отслеживать состояние входа в систему. Файлы cookie не работают на разных устройствах.

JWT — веб-токены JSON стандартизируют токены идентификации, используя цифровые подписи для проверки подлинности. Подпись содержится в токене, поэтому сеанс сервера не требуется.

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

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

OAuth2 — разрешает ограниченный доступ к вашим данным на одном сайте другому сайту без разглашения паролей.

#безопасность #простымисловами
2
Привет, на связи Tproger!

Мы хотим лучше понять нашу аудиторию и её интересы. Помогите нам — пройдите небольшой опрос по ссылке.

Спасибо и отличного дня!
Forwarded from Метод утёнка
«Scrum-то какой!» — почему программисты не всегда в восторге от спринтов

Agile и Scrum давно стали стандартом, но на практике спринты часто критикуют — не из-за методологии, а из-за того, как они внедряются .

Автор статьи рассказал, что постановка спринтов по книге — это ещё не гарантия успеха. Когда команды буквально следуют коробочному Scrum, процветают торопливость, перегрузка формальностями и потеря фокуса на продукте. А ещё показал примеры компаний, которым помог не отказ от Agile, а изменение подхода специально под их ситуации.

#agile #scrum #команда
8 полезных Telegram-каналов о нейросетях и промптинге

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

#ии
🤣1
Приватность данных: как не нарваться на проблемы разработчику

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

В статье — коротко о том, что следует знать разработчику в 2025 о приватности, какие грабли чаще всего встречаются и как защитить проект (и нервы) заранее.

#безопасность
🔥2
Как устроено ядро операционной системы

Сегодня отмечается день системного администратора! Мы поздравляем всех причастных и в честь праздника предлагаем вам сегодня познакомиться не только с созданием ПО, но и с тем, за счёт чего это ПО можно запускать.

Ядро в операционной системе — это её сердце, невидимый, но жизненно важный слой, который обеспечивает работу всего: от приложений до оборудования. В этом видео вы узнаете:

— что такое ядро на самом деле;
— как оно управляет временем ЦП, памятью, файлами и «железом»;
— в чём разница между монолитным и микроядром;
— почему инженеры до сих пор помешаны на проектировании ядер;
— где ещё встречаются «ядра» — например, в GPU и квантовых вычислениях.

#видео
Как машины учатся понимать человеческую речь

Задумывались, почему голосовой помощник распознаёт одни фразы моментально, а другие — будто сквозь туман? В статье объясняется, как появилась и устроена технология распознавания речи, а также её будущее.

#ии
Как создать настольное приложение с помощью Electron. Руководство для начинающих

Эта статья в первую очередь будет полезна веб-разработчикам. Electron позволяет превращать проекты, написанные с помощью HTML, CSS и JavaScript в полноценные приложения для разных платформ. Многие такие приложения вы знаете: Skype, Discord, ваш любимый VS Code и так далее.

Как создать такое же приложение, вы можете узнать в этом руководстве.

#javascript #electron #руководство
Так кто автор в итоге?
9😁6
Forwarded from Веб-страница
Пишем игру на JS/TS и развиваем навык работы с кодом

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

Сохраните, чтобы не потерять: https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/

#typescript #javascript #петпроект
Whitespace: программирование на том, что не видно

Может ли работать код, который не видно? Не только пользователю, но и разработчику, и IDE. В нормальной ситуации нет, но если вы обратитесь к эзотерике — легко!

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

Мы рассказали, как он устроен и как создавать алгоритмы «невидимым текстом» в этой статье. Спойлер: баги всё равно будет видно, даже если код — нет.

#изотерика
😁3
Какое будущее ждёт айтишников? Рынок перегрет, а ИИ заменит всех?

Разговоры о том, что там и сям программистов заменяет ИИ не умолкают. Microsoft якобы уволили уже кучу специалистов в угоде нейросетям, Amazon тоже.

Но всё ли так плохо? Возможно, всё не совсем так, как нам преподносят? Чего стоит опасаться и кому в первую очередь, стоит ли поскорее сменить направление разработки или выбрать другой язык, разобрали в этом видео: https://youtu.be/S3Lg-45Zqds

#видео
👍2
Как работает сетевой код в многопользовательских играх

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

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

#gamedev
6
Криптобот для Telegram Mini Apps: как собрать за выходные и не сломать мозг

Задумывались, как сделать обмен крипты простым и быстрым прямо в Telegram? Пользователь нашего сайта задумался и даже реализовал идею. Он сделал мини апп для телеги и показал весь путь — от настройки бота через BotFather до интеграции с веб-приложением. А ещё поделился лайфхаками по архитектуре, выбору стека и тонкостям UX, чтобы даже новичок справился.

Не упустите возможность узнать из первых уст обо всех подводных камнях и рекомендациях. Подробности по ссылке.

#telegram #javascript
1
Когда всё-таки смог доучиться и получить работу в IT:
This media is not supported in your browser
VIEW IN TELEGRAM
😢4💊2
Forwarded from Веб-страница
Возможно, что эти HTML- и CSS-ошибки есть в вашем коде

Казалось бы, основные грабли веб-верстки давно известны, но ловушки ждут в деталях — от неожиданных эффектов font-size в rem и px до проблем с outline и адаптацией стилей к accessibility.

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

https://habr.com/ru/companies/ruvds/articles/928018/

Я вот не задумывался о некоторых нюансах, описанных в статье. А вы?

#фронтенд #css #html
Replicube: головоломка с блоками для программистов

Любите головоломки и код? Replicube — отличная возможность совместить оба удовольствия. Это пазл‑игра на программирование: перед вами 3D-фигура из вокселей, и ваша задача — воссоздать её с помощью кода. Чем точнее, тем лучше. Хотя код и пишется на Lua, но благодаря простому синтаксису и работе с базовыми возможностями языка — освоить его сможет разработчик, использующий и другие ЯПы.

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

Демоверсия доступна прямо в браузере — попробуйте, даже без установки.

#lua #геймификация
👍1
Что такое @scope в CSS #простымисловами

@scope в CSS — это возможность ограничивать действие стилей определённой областью на странице. То есть вы можете задать стили, которые будут применяться только внутри конкретного блока, а не по всей странице.

Простой пример

Допустим, у вас есть два блока с одинаковыми заголовками:
<section class="blog">
<h2>Заголовок блога</h2>
</section>

<section class="sidebar">
<h2>Заголовок сайдбара</h2>
</section>


Раньше вам приходилось писать селекторы вроде .blog h2 { ... }, чтобы не затронуть другие заголовки. С @scope можно сделать это аккуратнее:
@scope (.blog) {
h2 {
color: darkblue;
}
}


Теперь стиль применяется только к заголовкам внутри .blog, и не влияет на другие h2 на странице.

Зачем это нужно?

— Уменьшает конфликт между стилями разных компонентов.
— Упрощает переиспользование компонентов — один блок не «ломает» другой.
— Делает CSS более предсказуемым и читаемым.

### Что важно знать

@scope сейчас поддерживается не во всех браузерах, но его уже можно попробовать в Chrome (начиная с версии 117) и некоторых других.
— Это не замена классическим селекторам, а дополнительный инструмент для ограничения области действия стилей.

#css #фронтенд
5🤔1🤓1