Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
​Интерактивный словарь HTML

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

Попробуйте:

https://tprg.ru/iRQZ

#html #фронтенд
​Понимание IIFE в JavaScript на уровне профессионала

Немедленный вызов функции, или IIFE — это особая возможность JavaScript, которая позволяет запускать функцию как только она определена.

Как, где и зачем это использовать:

https://tprg.ru/yVGX

#javascript
Junior HTML-разработчик никому не нужен?
​Полнофункциональное приложение с VueJs и Flask

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

https://tprg.ru/XExV

#фронтенд #бэкенд #vue #flask
Добавление теней к значкам SVG с помощью фильтров CSS и SVG

Для добавления тени к SVG можно воспользоваться различными способами, например, CSS свойством filter() или использовать <filter> самого SVG.

В этой статье подробно рассказано о всех способах и их особенностях:

https://tprg.ru/Co15
​Чат: за сколько можно стать сениором в веб-разработке?

Стать джуниор-разработчиком относительно просто. Миддл-разработчиком тоже можно стать достаточно быстро, если приложить достаточно усилий — полгода-год и вы уже не просто джун, если вы достаточно хороши.
А вот сколько времени потребуется, чтобы стать сениором?

Не важно — фронтенд, бэкенд или фуллстак. Поделитесь своим мнением в комментариях.

#чат
Хуже только HTML
​Как реализовать drag & drop используя RxJS

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

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

https://tprg.ru/BJs4

#javascript
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 #javascript
​Как вам удобнее всего получать свежие 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