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

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/zrgj
Download Telegram
Что такое HackerRank?

Это социальная платформа для рекрутеров и разработчиков. HackerRank набирает популярность на международном рынке, поэтому рекрутеры часто берут задания именно оттуда.

Также на сайте можно найти задания разной сложности по программированию для практики или даже получить сертификат по каким-либо навыкам: Angular, Java, CSS и другим:

https://www.hackerrank.com/products/main/

#интервью
👍9🔥1
Пуши для веб-сайта в стиле MacOS

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

https://codepen.io/jkantner/pen/XWzePgp

#css #html
Подборка игр для программистов от разработчиков Tproger

1. Вариация классической головоломки «2048» только вы должны собрать не большие числа, а комплектующие сервера: https://tprg.ru/AzDy

2. Игра для сисадминов, в которой нужно своей мощной аурой (и с небольшой помощью кофе и морковки) не позволить серверам выйти из строя: https://tprg.ru/DK5N

3. Аналог популярной игры «Змейка» для разработчиков: https://tprg.ru/Zkr5

#игры
❤‍🔥10
А можно ли рисовать звук на Java?

Можно, но не без помощи фреймворков. Например, в этом видеоуроке используется Guice — небольшая библиотека, которая используется для внедрения зависимостей, подходящая даже для небольших проектов. Данный проект может стать хорошим дополнением к вашему портфолио:

https://youtu.be/oW7iA6JPxFg

#java
👍5
История в IT или как пройти за 4 часа тестовое задание в канадскую компанию

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

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

#it
👍5
Как попасть в геймдев с нуля?

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

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

https://tproger.ru/articles/kak-popast-v-gejmdev-s-nulja/

#gamedev
3
Полезная заметка о возможностях современного CSS

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

https://habr.com/ru/company/timeweb/blog/681422/

#css
👍7
Необычный бот или непредсказуемые инвестиции с Python

Небольшой проект для рандомного получения активов доступных на Российском биржевом рынке разработан на Python. Для получения данных с биржи герой статьи использовал API из МосБиржа и дописал весь скрипт для Telegram-бота.

Что из этого получилось — в статье:

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

#python
👍4
Болит спина, сидя за компьютером? McDonald’s предлагает собственное геймерское кресло

Компания разработала не только яркий дизайн, но и специальную ёмкость для поддержания температуры бургеров! Что думаете?

#новости
💩15👍4🤡1
Как создать собственную версию Twitter с React и TypeScript?

Последние две недели Twitter стал наиболее обсуждаемой темой в сети из-за скандальных ситуаций. А что если создать собственную замену Twitter?

В этом руководстве вы сможете познакомиться с различными технологиями, например: MongoDB и PostgreSQL, TypeScript и другими и создать собственный аналог популярного приложения:

https://dev.to/andrewbaisden/the-complete-modern-react-developer-2022-3257

#бэкенд #фронтенд
👍8🔥1
Реализация шаблона Singleton в Ruby

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

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

https://nuancesprog.ru/p/16472/

#ruby
👍41
3 тренажёра и ресурса для начинающего программиста

1. Edabit — платформа, на которой собрано более 10,000 задач для обучения программированию. Сайт напоминает Duolingo, но для программистов.

2. Learn HTML — это интерактивный учебник, в котором пошагово объясняется, как создавать веб-сайты на HTML и CSS. Основное руководство поможет создать страницу с использованием Bootstrap, а учебные пособия помогут узнать всё, что нужно знать о HTML и CSS.

3. Scrimba — программа содержит 13 модулей с интерактивными задачами по HTML, CSS, JavaScript, React. Также доступен чат в Discord, поэтому можно познакомиться с другими учениками с разных уголков мира.

#it #советы
🔥13👍2
Исключения и обработка исключений на С++

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

Например, в одном случае использование исключений может повлиять на производительность приложения, в другом — нет. Как исключения влияют на скорость выполнения и как устроены исключения в C++ разобрали вместе с Георгием Осиповым, автором курса «Разработчик C++» в Яндекс Практикуме:

https://tprg.ru/LOCz

#c
👍14😁6
Пет-проект: пишем игру на JS/TS и развиваем навык работы с кодом

Мини-игра, в которой нужно как можно быстрее напечатать буквы, знаки препинания и воспроизвести фразу. Для реализации игры, кроме TypeScript, понадобится установить библиотеку Webpack и React.

В статье — пошаговое руководство, как создать игру, добавить словарь с цитатами, счётчик букв и знаков, а также конфетти в случае победы:

https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/

#js #react
👍8
Как стать архитектором ПО в 2023 году?

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

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

https://tprg.ru/D9hq

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

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

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

https://tprg.ru/DnXH

#go
👍5🤓1
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
👍10
Пианино на JavaScript

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

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

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

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

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

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

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

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

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

#react
👍5