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

https://tprg.ru/9kpJ

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

https://tprg.ru/j7em

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

#фронтенд #react

Знали, что в инструментах разработчика Chrome есть специальный инспектор для CSS-анимаций?

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

#фронтенд #css #chrome

Как имитировать сетевые проблемы в Linux

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

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

https://tprg.ru/6Pc3

#сеть #linux

Хотите сделать такой таймер?

Здесь подробный гайд: 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

70 вопросов по JS

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

https://tprg.ru/OEl5

#javascript

Веб-приложение на основе 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