Точка входа в программирование
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
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
Как писать телеграм-ботов на JS: курс по Grammy JS

Для создания ботов на JS есть множество различных библиотек. Одна из них Grammy JS — мощная библиотека, которая поддерживает все современны возможности телеги и её API.

В этом видео вы изучите все основные механизмы библиотеки Grammy JS:

➡️ стартовый набор файлов бота и общую структуру;
➡️ слушатели событий от пользователя;
➡️ объект Context: контекст обновления;
➡️ работу с двумя видами клавиатуры и многое другое.

А вы какую библиотеку используете для создания ботов?

#javascript #telegram
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Что такое магистратура для инженеров данных и почему сейчас — лучшее время поступать

Спрос на инженеров данных в России растёт — компании ищут специалистов, которые могут строить надёжные системы и сложную инфраструктуру. Можно, конечно, обучиться всему и самостоятельно. Но магистратура даёт структуру и системный подход.

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

#datascience #карьера
This media is not supported in your browser
VIEW IN TELEGRAM
Скелетон: как сделать загрузку визуально приятной

Для загрузки контента на сайте или в приложении требуется время — иногда долисекунд, а иногда гораздо больше. Во втором случае нужно дать пользователю понять, что всё идет по плану, сайт не сломался и контент вот-вот будет. Для этого используются скелетоны — анимированные заглушки вместо контента до момента его загрузки. Они показывают не только, что идет загрузка, но и то где и даже какой контент будет загружен — картинка или текст. Это воспринимается лучше, чем обычный спиннер и делает интерфейс чище.

Я нашёл для вас гайд, как сверстать такой скелетон для карточки статьи за несколько минут. Демонстрируется HTML-код и CSS-стили с переменными, чтобы сразу получать плавную анимацию и адаптивную структуру без кучи лишнего кода.

#css #фронтенд #ux
👍31
Этот код может посоперничать с запуском Android Studio
😁6🤯2
Forwarded from Код найма
⚡️ Прямой эфир с американским рекрутером

Важный анонс! В рамках реалити Аня Гагарина проведет в этом телеграм-канале открытую консультацию «Как искать вакансии на LinkedIn в русскоязычных командах?» Вот какие темы будем разбирать:

🖇Кого и как рекрутеры ищут на LinkedIn. Кому точно нужен профиль на этой площадке.
🖇Что писать в профиле, чтобы рекрутеры находили вас сами. Разберем на реальном примере!
🖇Как находить вакансии в русскоязычных командах по всему миру через базовый аккаунт на Linkedin.
🖇Блок Q&A.

Сохраняйте дату и время в календаре:
📌 4 августа, 18:00 — бесплатный прямой эфир в «Коде найма».

📍Оставляйте свои вопросы ментору под этим постом — Аня постарается прокачать вас по максимуму!
Please open Telegram to view this post
VIEW IN TELEGRAM
👌1
Как работают кодировки

То, как хранится строка в памяти определяется её кодировкой. Сегодня чаще всего можно встретить UTF-8, но есть и множество других вариантов. Что такое кодировки и стандарты, как это выглядит в памяти, как происходит кодирование символов и почему их так много — узнаете в этом видео.

#видео
3
Школьник сделал игру в Roblox за 3 дня и поднял миллиард денег

16-летний разработчик сделал Grow a Garden — простенький фермерский симулятор, где можно растить огород, ухаживать за скотом и обмениваться товаром с другими игроками. Пиковый онлайн составил 21.6 млн игроков. Это примерно столько же, сколько сейчас в сети игроков Steam.

Как дела на заводе, коллеги?

#новости
😁12🔥5👏2👍1👎1
Будущее Python: что ждёт язык и сообщество в ближайшие годы

Недавно закончилась двухдневная конференция PyCon 2025. В ней приняли участие более 700 участников 20+ докладчиков со своими докладами, мастер‑классами и lightning talks. Основной темой этого сезона стала — Python Core. А какие ещё тренды и боли обозначили эксперты индустрии, рассказали в статье.

#python #pycon
1
This media is not supported in your browser
VIEW IN TELEGRAM
Идея для генератора паролей

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

Кто реализует?)
31
Как купить домен

Вы когда-нибудь задумывались, как создать свой собственный сайт или веб-сервис? Этот гайд разъяснит, как легко и доступно купить домен, связать его с вашим IP и развернуть сервер NGINX.

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

#статья #web
👍1
Что такое CI/CD простыми словами

CI/CD — это подход в разработке программного обеспечения, который помогает командам работать быстрее и эффективнее. Под этими четырьмя буква скрывается два важных взаимосвязанных процесса:

1️⃣ CI (Continuous Integration) — это процесс, когда программисты часто добавляют изменения в код, и этот код автоматически проверяется на ошибки.
3️⃣ CD (Continuous Delivery/Deployment) — а это процесс, который автоматически готовит и внедряет изменения на серверах, чтобы пользователи могли быстро получать обновления.

Всё ещё непонятно? Да, в двух словах об этом не расскажешь. Поэтому я нашёл для вас два видео, где понятным языком и на наглядных примерах показано, как это работает:

🔘 в первом ролике теория и пример из практики;
🔘 а во втором простой пайплайн, который вы сможете повторить и уже лично «пощупать» технологию.

#cicd #видео
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍21👎1