Веб-страница
23.9K subscribers
1.77K photos
536 videos
1 file
3.97K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Анализ тональности текста на Node.js

Автор статьи рассказывает, как создать микросервис на Node.js, который будет анализировать тональность текста:

https://tprg.ru/kRyB

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

#nodejs
Как самому обучиться бэкенд-разработке?

Что можно запрограммировать через 1 год, если заниматься бэкенд-разработкой по 2 часа в день?

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

https://tprg.ru/1ZF4

#бэкенд
Большой справочник по конфигурации PostgreSQL:

https://postgresqlco.nf/en/doc/param/

#бэкенд #базыданных #postgresql
This media is not supported in your browser
VIEW IN TELEGRAM
Гайд по созданию такой визуализации прогресса в навигационном меню с помощью CSS:

https://tprg.ru/gijo

#фронтенд #css
Подробный гайд по созданию PWA-приложения про кофе с использованием HTML, CSS и JavaScript:

https://tprg.ru/8zVw

#фронтенд #pwa
Как работают контейнеры?

Автор этой подробной заметки отвечает на этот вопрос. С примерами кода, отсылками к документации и описанием всего этого:

https://tprg.ru/WLvu

#devops #контейнеры
Полноценный клон YouTube, написанный на React и использующий API YouTube для отображения реальных данных:

https://tprg.ru/9kpJ

А в блоге автора вы найдёте подробный гайд из 45 частей, в котором шаг за шагом показывается процесс создания этого приложения:

https://tprg.ru/j7em

Также смотрите: как написать клон Jira на React

#фронтенд #react
This media is not supported in your browser
VIEW IN TELEGRAM
Знали, что в инструментах разработчика Chrome есть специальный инспектор для CSS-анимаций?

Можно управлять синхронизацией, задержками, продолжительностью и т.д. Чтобы попасть в этот инспектор, в меню инструментов разработчика выберите «More tools», а затем «Animations».

#фронтенд #css #chrome
Как имитировать сетевые проблемы в Linux

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

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

https://tprg.ru/6Pc3

#сеть #linux
This media is not supported in your browser
VIEW IN TELEGRAM
Хотите сделать такой таймер?

Здесь подробный гайд: https://tprg.ru/5IPl

А здесь только код: https://codepen.io/geoffgraham/pen/yLywVbW

#фронтенд #javascript
Небольшая хитрость из инструментов разработчика Chrome:

Логи в консоли можно стилизовать с помощью CSS. Вот как:

https://tprg.ru/ZyM7

#фронтенд #css
Репозиторий, в котором собрано около 1 000 вопросов и упражнений по теме DevOps:

https://tprg.ru/iSrE

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

#devops
В команде Tproger открыта #вакансия веб-разработчика (да, это именно наша команда, вы вот сейчас читаете наш пост).

Нужно помочь нам пилить сайт tproger.ru, текущими силами не справляемся. Есть много разных задач, где-то нужно работать с Wordpress и PHP, а где-то с новомодным Svelte и Node.js. Для новых проектов так вообще сможете выбрать те инструменты, что удобны вам (без фанатизма, конечно). Есть люди, которые подскажут и поддержат, вы будете не один на проекте. Команда у нас молодая и весёлая (иногда даже слишком), скучать не приходится 😊

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

Москва, офис на м. Алексеевская. Удалённых рассматриваем, но только если вы прям огонь.

Отправляйте заявки в форме: https://tprg.ru/wdwntd7
Хотите понять, как устроены основные сетевые протоколы, но никак не можете найти понятное объяснения?

В этой статье объясняют на котиках:

https://tprg.ru/QRJ1

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

Вот гитхаб проекта:

https://tprg.ru/aC4i

А в этой статье автор сделал подробный обзор инструмента:

https://tprg.ru/wbAg

#инструменты #консоль
20 проектов на Vanilla JS

Подборка из 20 проектов, написанных только с использованием HTML, CSS и JavaScript. Никаких фреймворков или библиотек:

https://tprg.ru/FtUl

#javascript #html #css
GitHub запустил бету CLI. Теперь работать с системой можно из командной строки.

Код тут: https://tprg.ru/nVap

Дока тут: https://tprg.ru/xeDg

#github #консоль
Бесплатный мини-курс по основам UI-дизайна, который научит делать красивые и практичные интерфейсы:

https://tprg.ru/FK9n

Курс состоит из 15 видеоуроков продолжительностью до 8 минут. Каждый урок сопровождается практикой для закрепления знаний.

#фронтенд #дизайн
Картинка в посте — это Polaroid, сделанный с использованием только HTML и CSS. Зачем? Да просто чтоб скилл отточить.

Вот здесь гайд по созданию: https://tprg.ru/4aky

А здесь только код: https://tprg.ru/nVgR

#фронтенд #html #css
Читаете статьи по вебу у нас на сайте? Теперь за это можно получать баллы, а за баллы — наш мерч!

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

Прочитайте правила и авторизуйтесь, чтобы начать: https://tprg.ru/gamify11
Рабочий день фронтендера из Slack

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

А в этой статье читайте, как проходит рабочий день фронтендера из Slack:

https://tprg.ru/Zacj

#фронтенд