Traveller Logs

2022-06-07 14:17:35 Что делать после изучения основ веб-разработки?

Улучшать свои знания и навыки. Для этого мы собрали весь интересный и полезный контент по веб-разработке в одном канале. Вам остаëтся, только сохранить всë необходимое

Заходи, пока не удалили:
https://t.me/+o1yJ6ZoDrCBiNjEy Открыть/Комментировать

2022-06-07 09:47:39 Emmet - довольно классный инструмент, который помогает вам писать HTML очень и очень быстро. Это похоже на волшебство.

Emmet - это не что-то новое, он существует уже много лет, и для каждого редактора есть плагин.

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

Читать заметку

#devtools Открыть/Комментировать

2022-06-05 12:30:05 WebGL & Canvas

Игры, написанные на Phaser рендерятся либо при помощи WebGL, либо внутри элемента , если WebGL не поддерживается браузером.

В этой статье мы разберем основные нюнасы для конфигурации игровой сцены для нашей игры.

Читать заметку

#javascript #phaser

280 views09:30

Открыть/Комментировать

2022-06-05 09:30:57 Открыть/Комментировать

2022-06-04 09:50:39 React, динамический выбор компонента для рендеринга

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

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

Решила кратко показать все варианты, что пришли в голову.

Читать заметку

#react #javascript #easy Открыть/Комментировать

2022-06-03 13:20:48 Настройка проекта с phaser.js

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

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

Программирование игр - большая тема, и в этом введении я хочу поговорить об основах, которых будет достаточно для создания простых игр.

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

Читать заметку

#javascript #phaser Открыть/Комментировать

2022-06-03 11:17:48 Фронтендеры на месте?

Нашли для вас канал, где постят эффекты с готовым кодом на Codepen. Увидел – и сразу заюзал в своём проекте. 

Подпишись и пили сайты на уровне Apple – @frontend_formula Открыть/Комментировать

2022-06-02 09:50:35 Подводные камни Async/Await в циклах

Использование async / await при переборе массивов в цикле кажется простым, но при этом стоит не забывать про некоторые неинтуитивные особенности поведения.

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

Читать заметку

#научите_меня_js #easy #javascript Открыть/Комментировать

2022-06-01 09:51:04 Parcel === webpack на минималках

Parcel - это сборщик веб-приложений. Он относится к той же категории инструментов, что и webpack, но с другим ценностным предложением.

Parcel обещает многое делать вообще без какой-либо настройки и к тому же собирать код достаточно быстро.

Набор основных функций этого сборщика включает в себя:
- сборка статики (JS, CSS, HTML, картинки)
- нулевое количество конфигурации
- автоматические преобразования с использованием Babel, PostCSS и PostHTML
- обработку хот-релоуда
- кеширование и распараллеливание сборки для ускорения

Читать заметку

#devtools Открыть/Комментировать

2022-05-31 09:50:42 Повторно используемые react компоненты

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

Читать заметку

#react #javascript Открыть/Комментировать