Как создать собственную версию Twitter с React и TypeScript?

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

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

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

#бэкенд #фронтенд

Реализация шаблона Singleton в Ruby

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

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

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

#ruby

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

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

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

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

#it #советы

​Исключения и обработка исключений на С++

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

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

https://tprg.ru/LOCz

#c

​Пет-проект: пишем игру на JS/TS и развиваем навык работы с кодом

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

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

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

#js #react

​Как стать архитектором ПО в 2023 году?

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

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

https://tprg.ru/D9hq

#советы #архитектура

​15 популярных задач по Golang

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

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

https://tprg.ru/DnXH

#go

Небольшое руководство, как сделать 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 #веб

Оптимизация анимаций на CSS

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

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

#css