Веб-страница – Telegram
Веб-страница
24.1K subscribers
1.74K photos
529 videos
1 file
3.93K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Как вам удобнее всего получать свежие IT-вакансии?

Некоторым удобно получать их в таких каналах как Типичный программист, а некоторым было бы лучше, если бы существовал отдельный канал только с вакансиями по конкретной теме.

Какой вариант самый удобный для вас?
Шесть частых ошибок при тестировании фронтенда и способы их решения

В этой статье собраны типичные ошибки, которые допускают фронтенд-разработчики при написании тестов:

https://tprg.ru/51Iu

#фронтенд
Создание сайта-портфолио с Next.js и TailwindCSS

Что может сказать о разработчике лучше, чем его код? Да, пожалуй, ничего. Поэтому сайт-портфолио — это отличный способ продемонстрировать свои навыки потенциальному работодателю или заказчику.

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

https://tprg.ru/Hxf7

#фронтенд #бэкенд
Текстовые и видеоэффекты нового уровня с помощью CSS и JavaScript

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

Всего за 11 минут вы сможете создать интересный эффект расположения и воспроизведения видео внутри или позади текста, посмотрев этот туториал:

https://tprg.ru/htoS

#видео
Стоит ли переходить с Angular на React в 2021 году

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

Здесь он поделился своим мнением и причинами смены фреймворка:

https://tprg.ru/sbBJ

#angular #react
А что не так?!
Forwarded from Типичный программист
Мы запустили на YouTube стрим с фоновой музыкой, которую генерирует искусственный интеллект

Можно просто включить в соседней вкладке и заниматься своими делами: программировать, учиться, читать, готовиться к экзаменам или просто спокойно отдыхать с друзьями.

Стрим: https://youtu.be/eC0hIxeCM3k

#музыка
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать магический шар на Three.js

В этом руководстве вы найдёте пошаговую инструкцию по созданию магического шара с помощью библиотеки Three.js и технологии WebGL. Следуя ей вы получите полезный опыт и необычный проект:

https://tprg.ru/fJt6

#javanoscript
MobX & React. Полный курс

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

https://tprg.ru/x7B1

#видео #react
Будущее SQL в вебе

Что вам приходит на ум, когда нужно использовать базу данных в веб-приложении? Вероятно IndexedDB. Но у этого решения есть ряд минусов, в частности, скорость. А также не самое продуманное API.

Теперь есть решение — это absurd-sql. При всей абсурдности названия, этот инструмент поможет вам в создании быстрой БД:

https://tprg.ru/GOnc

#sql
Повышение скорости написания кода: Emmet и его использование в VSCode

Одно из первых расширений, которое устанавливают разработчики в их редактор кода — это Emmet. Это простой, но очень мощный инструмент, позволяющий в несколько раз ускорить написание кода. Правда, это работает только в том случае, если вы умеете им пользоваться.

Эта статья поможет вам научиться делать это правильно:

https://tprg.ru/GiOC
Зачем ему вообще мониторы, он же не кнопки верстает?
Новинки DevTools в Chrome 93

Редактирование и просмотр выражений от контейнера в панели Styles, предпросмотр бандлов во вкладке Network, отладка Attribution Reporting API, Lighthouse 8.1 и многое другое.

Подробнее:

https://tprg.ru/VAXC
Начало работы с React Cosmos

С помощью библиотеки React Cosmos вы может заниматься разработкой, отладкой и тестированием React-компонентов в изолированной песочнице. Это позволяет вносить необходимые изменения в компонент и мгновенно видеть результат, не влияя на весь проект.

Поближе познакомиться с возможностями библиотеки можно тут:

https://tprg.ru/tTP6

#фронтенд #javanoscript
«Моя история в IT: от повара к фронтенд-разработчику в европейской студии»

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

Почитайте его историю для повышения собственной мотивации:

https://tprg.ru/Jpo7
Docker обновила подписки и изменила правила использования Docker Desktop

Не переживайте, для личного использования, некоммерческих проектов, образовательных учреждений, предприятий с количеством сотрудников до 250 человек и доходом до 10 миллионов $ Docker останется бесплатным.

А вот для индивидуального коммерческого использования стоимость подписки составит 5 долларов, а для крупных компаний от 7 долларов за каждого человека.

Подробнее можно узнать тут:

https://tprg.ru/fUp6

#docker
Создаём синтезатор на HTML, CSS и JavaScript

Ещё одна идея для вашего пет-проекта — синтезатор на HTML, CSS и JavaScript. А чтобы вам было легче воплотить идею в жизнь, то в этой статьё ещё и подробное руководство:

https://tprg.ru/6LxA

#html #css #javanoscript
1
Как обычно через одно место
This media is not supported in your browser
VIEW IN TELEGRAM
Эластичный сайдбар

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

Посмотреть код:

https://tprg.ru/NDsu

#codepen
1
JavaScript: как из Fetch сделать Axios

Интересный эксперимент по созданию обёртки над Fetch API, чтобы ещё больше упростить его. Здесь не только подробное описание проекта, реализации и кода, но и готовая ссылка на проект и npm-пакет:

https://tprg.ru/6kmI

#javanoscript