Веб-страница
24.2K subscribers
1.73K photos
527 videos
1 file
3.92K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
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
70 вопросов по JS

Большая подборка вопросов по JavaScript с развёрнутыми ответами. Подойдёт для подготовки к собеседованию или восстановлению забытых знаний:

https://tprg.ru/OEl5

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Веб-приложение на основе GraphQL: бэкенд написан на Go, фронтенд — на React, в качестве базы данных используется MongoDB. Код здесь:

https://github.com/Shpota/skmz/

#graphql #go #react #mongodb
Интересные проекты помогают изучать тему с гораздо большим энтузиазмом. Вот очередной такой проект для обучения: виртуальное пианино.

Гайд по созданию тут:

https://tprg.ru/jRJd

Также читайте: проекты для обучения фронтенду

#фронтенд #javascript
DevOpsProdigy KubeGraf — шикарный Grafana плагин для мониторинга и анализа производительности Kubernetes.

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

https://tprg.ru/P4Ey

#devops #kubernetes #grafana
Основы мониторинга PostgreSQL

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

Доклад будет полезен администраторам баз данных, системным администраторам и разработчикам, которым интересен траблшутинг Postgres'а.

Тезисы и презентация: https://tprg.ru/cwfi

А здесь читайте текстовую расшифровку доклада: https://tprg.ru/IS2E

#devops #базыданных #postgresql
Laravel Log Reader — удобный инструмент для мониторинга логов в Laravel. Как установить и использовать, читайте здесь:

https://tprg.ru/4pLw

#фронтенд #laravel
Подборка книг для начала изучения веб-разработки

В ней найдёте книги по JavaScript, Node.js, React.js, HTML, CSS, дизайну и паттернам проектирования:

https://tprg.ru/hHiD
Нужно что-то сделать с помощью Git, но не знаете, какую команду написать? Попробуйте сервис Git Explorer. Вбиваете туда задачу, которую вам нужно решить, а сервис подсказывает нужную команду:

https://tprg.ru/GLPW

#git #инструменты
Поиск элемента массива в JavaScript

Как найти определённый элемент в массиве в JavaScript? Есть несколько способов? Когда и какой лучше всего подходит?

Читайте про 4 таких способа:

https://tprg.ru/sz08

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
critic.sh — небольшой фреймворк для тестирования bash-скриптов. Удобное API и наглядное отображение покрытия скриптов тестами. Документация здесь:

https://tprg.ru/krhT

#тестирование #bash
Хотите почитывать материалы по веб-разработке только вечером на выходных, когда можно пару часов посвятить разбору одной статьи? Или наоборот — листать по будням перед работой?

Настройте ленту в личные сообщения. Бот будет присылать статьи с нашего сайта в те дни и время, когда вы хотите. Попробуйте: @webpagetpbot
slim — инструмент, который сделает из вашего докерфайла полноценную виртуальную машину:

https://tprg.ru/jELR

Если нужно запустить какой-то небольшой сервис, но не хочется использовать для этого какие-то отдельные инструменты и поднимать ничего вокруг, то slim отлично с этим справится.

#devops #docker
DigitalOcean выложили в открытый доступ бесплатную книгу по Kubernetes для Full-Stack разработчиков:

https://tprg.ru/Ublt

Книга основана на одноимённом курсе. Рассматриваются следующие темы:
1. Изучение основ Kubernetes;
2. Подготовка приложений для работы с контейнерами;
3. Контейнеризация приложений;
4. Развёртывание приложений в Kubernetes;
5. Управление кластерными операциями.

#devops #kubernetes