А что не так?!

​Мы запустили на 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

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

Эластичный сайдбар

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

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

https://tprg.ru/NDsu

#codepen

​JavaScript: как из Fetch сделать Axios

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

https://tprg.ru/6kmI

#javanoscript

​Дженерик коллекции в PHP

Сегодня предлагаем вам познакомиться с реализацией иммутабельных коллекций с ковариантными темплейт-параметрами от пользователя нашего сайта.

Если вы, как и он, не могли найти для себя идеальную реализацию коллекций PHP, то обязательно ознакомьтесь с его вариантом:

https://tprg.ru/jEvc

#php

​Критерии качества вёрстки 2021

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

Здесь не только перечислены, но и объяснены важные критерии при вёрстке простых страниц:

https://tprg.ru/Ymg8

Библиотека Wired Elements

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

https://wiredjs.com/

#библиотека

«Ставки на спорт!..»

​Как улучшали время загрузки приложения VueJS с 15 до 1 секунды

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

Какие сложности и проблемы могут поджидать вас при создании проекта и как их устранить узнаете тут на реальном примере:

https://tprg.ru/ZgPy

#vue

​Создание компонента переключателя

Сделать переключатель — дело одной строки HTML. Но такой переключатель будет и недостаточно доступным, и недостаточно красивым.

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

https://tprg.ru/gRdF