​Руководство по 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

А что не так?!

​Мы запустили на YouTube стрим с фоновой музыкой, которую генерирует искусственный интеллект

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

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

#музыка

Как сделать магический шар на 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

Как обычно через одно место