Веб-страница
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
Как самому обучиться бэкенд-разработке?

Что можно запрограммировать через 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

#фронтенд
Отличная интерактивная статья для изучения позиционирования в CSS с котиками:

https://tprg.ru/Pogp

#фронтенд #css