Точка входа в программирование
21.4K subscribers
924 photos
166 videos
1 file
2.46K links
Фундаментальные знания по основам программирования

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/zrgj
Download Telegram
Как стать архитектором ПО в 2023 году?

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

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

https://tprg.ru/D9hq

#советы #архитектура
15 популярных задач по Golang

Не секрет, что один из способов повысить свои навыки в программировании — это практика, а решение задач — хороший способ развить знания разработки.

Попробуйте решить несколько популярных задач по Golang! Возможно, с некоторыми задачами вы уже знакомы, но будет не лишним вспомнить ход их решения:

https://tprg.ru/DnXH

#go
This media is not supported in your browser
VIEW IN TELEGRAM
Небольшое руководство, как сделать textarea с автоматической высотой

Используя этот способ, ваш textarea будет всегда растягиваться на высоту собственного контента.

Как? Рассказали в статье:

https://tproger.ru/articles/delaem-textarea-s-avtomaticheskoj-vysotoj-kratkij-gajd/

#css #html
Пианино на JavaScript

Подробное руководство, как создать собственную веб-версию пианино в браузере! Проект состоит всего лишь из трёх файлов: HTML, CSS-стилей и JavaScript-файла.
Кстати, лучше всего запускать приложение в Chrome, потому что в Safari звук играется с небольшой задержкой:

https://thecode.media/piano-js/

#веб #html #js
Удобный плагин для дизайнеров и разработчиков из Figma

SVG to Image — это плагин, который в один клик конвертирует SVG в растровое изображения. Вы также можете масштабировать своё изображение при импорте — по масштабу (@2x, @ 3x и т.д.), по ширине или высоте:

https://www.figma.com/community/plugin/891448180042913164/SVG-to-Image

#figma
Разработка пользовательских хуков для React

Хуки впервые появились ещё‎ в React 16.8 и позволили расширить возможности функциональных компонентов. Структура приложений, построенных на использовании хуков, оказалась настолько удобной, что хуки стали основой React-разработки.

Если вы только начинаете знакомиться с React и хуками, то эта статья поможет вам разобраться в этой важной и актуальной теме максимально доступным и понятным языком:

https://tproger.ru/articles/razrabotka-polzovatelskih-hukov-dlja-react/

#react
Эмоциональное выгорание у разработчиков: причины и что с этим делать

От выгорания сегодня не застрахован никто, а особенно программисты часто с ним сталкиваются. Исследования показывают, что ему подвержена в среднем половина айтишников. Выгорание проявляется в постоянном ощущении усталости или стрессе, а также ощутимой просадке продуктивности.

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

https://habr.com/ru/company/rdp/blog/700882/

#советы
Как впечатлить эйчара: 5 советов от Head of Finance из Google

Антонио Реза — финансовый директор Google, который провёл сотню собеседований и, по его словам, теперь может всего лишь за 7 минут оценить кандидата и понять, подходит ли тот в сотрудники или нет.

Мы перевели советы Антонио, которые помогут впечатлить интервьюера, и поделились ими в статье:

https://tproger.ru/articles/kak-vpechatlit-jejchara-5-sovetov-ot-head-of-finance-iz-google/

#советы
Создаё‎м переключатель тё‎много режима в приложении

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

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

https://nuancesprog.ru/p/16170/

#веб
Советы, которые помогут увеличить скорость загрузки страницы

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

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

https://levelup.gitconnected.com/html-css-features-tips-for-a-10x-fast-page-loading-speed-5fb6c2d88df8

#html #css
Создаём цветовые палитры в Xcode

С помощью Xcode можно создавать и повторно использовать наборы цветов. Использование полноценной цветовой палитры в различных Xcode-проектах упрощает поиск нужных цветов и позволяет реализовывать цветовые схемы в приложениях намного быстрее.

Подробнее о том, как создать собственную палитру в редакторе — в статье:

https://habr.com/ru/company/otus/blog/700572/

#ios #xcode
Как настроить проект в VS для Django

Небольшое, но очень полезное руководство для начинающих, которое поможет быстро настроить Visual Studio Code для работы над проектами Django. Вы подключите:

— mypy,
— isort,
— pylint,
— и black.

Конфигурация инструментов и плагины по ссылке:

https://habr.com/ru/post/701800/

#python #django
36 способов изучить Python бесплатно

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

В статье также приводятся примеры проектов для практики, которые вы можете использовать как пет-проекты после изучения основ:

https://tprg.ru/OqkY

#python
5 способов выбрать тему для выступления на IT-конференции

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

Только как выбрать тему, которая интересна не только вам, но сможет ещё заинтересовать аудиторию? Рассказали подробно о том, как найти увлекательную тему для технического доклада, в статье:

https://tproger.ru/articles/5-sposobov-vybrat-temu-dlja-vystuplenija-na-it-konferencii/

#it
Настройка Webpack 5 с нуля

Webpack — это сборщик модулей для приложений на JavaScript. Он позволяет скомпилировать JavaScript-модули в единый JS-файл и легко подключить JS к HTML-странице. Webpack используют не только фронтенд-, но и бэкенд-разработчики для серверной части на Node.js.

В этой статье вы найдете полезное руководство, где на примерах рассматривается, как настроить сборку
Webpack для создания фронтенда сайта с использованием шаблонизатора Pug, SCSS, языка разметки Markdown и JS:

https://habr.com/ru/post/701724/

#js #веб
This media is not supported in your browser
VIEW IN TELEGRAM
Оптимизация анимаций на CSS

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

— transform для работы с элементами в композитных слоях,
— will-change, который позволяет проинформировать браузер о возможных изменениях в элементе.

#css
Подкаст: Python и будущее программирования

Лекс Фридман выпустил большое интервью с Гвидо ван Россумом — создателем языка программирования Python. В подкасте обсудили Python 3.11, лучшие IDE для Python, GitHub Copilot, дали несколько советов начинающим и многое другое. К сожалению, видео только на английском:

https://youtu.be/-DVyjdw4t9I

#python
Чем заменить Google Maps и Яндекс Карты на сайте?

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

Из недостатков: сервис платный, но некоторые карты зависят от просмотров пользователей. Если это пет-проект — то есть высокая вероятность, что пользоваться Mapbox можно совершенно бесплатно. Кстати, BMW, CNN, National Geographic являются клиентами этого сервиса: https://www.mapbox.com/

#it
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать интересные 3D-сцены с помощью React Three Fiber

В этой статье разбирается React Three Fiber для создания анимированной 3D-визуализации. По сути, это просто компонент, который вы можете поместить в любое приложение React.

С помощью этого руководства вы узнаете, как настраивать сцены, научитесь добавлять освещение и включение эффектов постобработки:

https://varun.ca/modular-webgl/

#react
Математическая модель предсказала лидера ЧМ по футболу в 2022 году

Используя Python и математические уравнения, разработчик из США рассчитал, кто может стать победителем на ЧМ по футболу.

Как создавалась симуляция, статистика и функция для результатов матчей рассказали в нашей статье:

https://tproger.ru/articles/matematicheskaja-model-predskazala-lidera-chm-po-futbolu-v-2022-godu/

P.S. Не используйте модель для ставок на спорт

#python