Игра с голосовым управлением на React и Phaser

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

Подробнее:

https://tprg.ru/WD1b

​10 способов работы с файлами в Интернете

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

Подробнее:

https://tprg.ru/OI9K

Особенно сильно контузит на моменте с коллбеками

​Понимание min-content, max-content и fit-content в CSS

В CSS мы определяем размер элемента, используя значения длины в px, em, процентах и других. Хотя типы значений длины и процентного значения часто используются для макетов веб-страниц, они не всегда идеально подходят. Иногда правильнее будет применить что-то из min-content, max-content и fit-content.

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

https://tprg.ru/q1D9

#фронтенд #css

​Первый взгляд на Svelte

Опытный разработчик решил создать свой собственный веб-сайт и для его создания решил использовать новый для себя инструмент — Svelte. В этой статье он поделился своими впечатлениями от него и разобрал основные возможности:

https://tprg.ru/f5EV

#svelte

​HTML5-игры за 5 минут

Задумывались когда-нибудь, как устроены современные браузерные игры? Это краткое введение в HTML5-игры, которое расскажет вам на чём их пишут, как распространяют, где разработчики берут текстуры, модели и звуки.

Подробнее:

https://tprg.ru/3XJN

#html

Выбор между NodeJS и Python для вашего следующего серверного приложения

При выборе языка программирования для серверной разработки ваш выбор определяет, как продукт будет работать, масштабироваться и соответствовать требованиям пользователей. Одной из наиболее распространённых дилемм является Node.js против Python. Эти два варианта чрезвычайно популярны и имеют свои плюсы и минусы.

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

https://tprg.ru/3dpV

#бэкенд #nodejs #python

​Глубокое погружение в object-fit и background-size в CSS

В этой статье Ахмад Шадид рассказал, как работает object-fit и background-size, когда мы можем их использовать, а когда — нет и почему, а также некоторые практические примеры использования и рекомендации. 

Подробнее:

https://tprg.ru/miIh

#фронтенд #css

​Делаем поиск, как у MDN

Недавно у MDN появился новый (крутой, по заявлению разработчиков) поиск. Благодаря имеющимся данным и реверс-инжинирнгу, автору этой статьи удалось реализовать аналогичный на React и TypeScript.

Подробности в статье:

https://tprg.ru/5bUL

​И в номинации «Лучший костюм на Хэллоуин» побеждает девушка из отдела веб-разработки с костюмом веб-сервера:

Лава-лампа на HTML и CSS

Симпатичный проект, реализующий анимированную лавовую лампу с использованием HTML и CSS. Каждая капля — это отдельный HTML-элемент.

Посмотреть подробнее можно здесь:

https://tprg.ru/sDUt

#codepen

​Операторы PHP: If, Else и If-Else

В этом руководстве вы изучите операторы if, else и if else. Это наиболее часто используемые условные операторы, без которых не обходится ни один код.

Подробнее:

https://tprg.ru/apk3

#php

​​Как создать компонент встроенного редактирования в React

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

В этом руководстве вы создадите доступный компонент встроенного редактирования в React:

https://tprg.ru/Ofpx

#react

​Полный курс для верстальщика по NPM

В этом видео наш подписчик постарался собрать всё, что вам необходимо знать о работе с NPM. Здесь вы:

— узнаете, что такое NPM и как с ним работать;
— рассмотрите основные команды NPM;
— выполните инициализацию проекта, поиск и установку пакетов;
— узнаете для чего нужны файлы package.json и package-lock.json, а также многое другое.

https://tprg.ru/cANj

#видео #npm

Есть второй тип людей, они используют...

Что фронтенд-разработчик должен знать про UX и зачем прокачиваться в этом направлении

Не все специалисты представляют, как именно фронтендер влияет на пользовательский опыт, на что нужно обращать внимание во время работы над проектом и что нужно изучать, чтобы лучше понимать UX.

Чтобы разобраться в этих вопросах, авторы статьи пригласили опытных экспертов в области фронтенд-разработки и пользовательского опыта. Вот, что они рассказали:

https://tprg.ru/2lCH

#фронтенд

​Создание ссылки для ска­чи­ва­ния

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

Ответ найдёте в этой статье:

https://tprg.ru/JLlY

​Ленивая подгрузка библиотек из CDN в Angular

Подробная инструкция, как можно применить имеющиеся инструменты для ленивой подгрузки библиотеки в Angular:

https://tprg.ru/1lxU

#angular

​7 npx-команд, которые помогают при разработке

Большинство разработчиков знает, что такое npm. Чаще всего именно с помощью npm мы добавляем зависимости в JavaScript проекты. Чтобы у вас был доступен npm вам нужно установить Node.js. С версии npm 5.2.0 вместе устанавливается npx — node package execute. Он позволяет запускать пакеты Node.js, не устанавливая его и не добавляя зависимости в ваш проект. Некоторые пакеты разрабатываются специально для того, чтобы быть запущенными с помощью npx, например, create-react-app.

В этой статье автор собрал 7 полезных npx-команд, которые использует сам и рекомендует всем:

https://tprg.ru/YMng

Осталось только найти хорошую библиотеку готовых компонентов