Веб-страница – Telegram
Веб-страница
24.1K subscribers
1.73K 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
Хуже только HTML
Как реализовать drag & drop используя RxJS

Конечно, реализовать drag & drop можно и с помощью ванильного JavaScript, но если вы хотите поближе познакомиться RxJS, то это неплохой способ.

В этой статье вы найдёте подробное руководство по этому методу:

https://tprg.ru/BJs4

#javanoscript
Git Explorer

Если вы пока что не чувствуете себя достаточно уверенно при работе с Git, забываете команды или путаетесь в них, то сервис Git Explorer вам поможет. Вам достаточно вбить задачу, которую необходимо решить, а сервис предложит вам необходимую команду.

Попробуйте:

https://tprg.ru/GLPW

#git
Обфускация JavaScript-кода: способы и отличия от минимизации

Если вам необходимо защитить ваш JavaScript-код от чтения посторонними, то можно воспользоваться обфускацией. Этот процесс превращает написанный вами код в аналогичный, но значительно усложнённый с точки зрения чтения.

В этой статье рассказаны способы обфускации, примеры использования и отличия от минимизации:

https://tprg.ru/Yf8Z
Библиотека await-timeout для JS

С помощью этой небольшой библиотеки вы сможете очень легко создавать асинхронные таймауты на основе промисов, которыми можно управлять с помощью async/await.

Подробнее:
https://tprg.ru/ALqp
Фронтенд жалко 😢
Руководство по Lighthouse для начинающих

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

Эта статья поможет вам познакомиться с Lighthouse:

https://tprg.ru/f4Vh
Как и зачем создавать собственный шаблонизатор для DOM

Шаблонизатор позволяет вам гораздо быстрее и эффективнее создавать вёрстку для вашего сайта, а также даёт возможность реактивно взаимодействовать с DOM.

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

Как это сделать, читайте в нашей статье:

https://tprg.ru/vLl0

#фронтенд #html #javanoscript
Как вам удобнее всего получать свежие 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
Зачем ему вообще мониторы, он же не кнопки верстает?