Frontend разработчик

Создаем форму подписки с помощью HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/signup-02

👉 @frontend_1

👍6❤1

2.29K views09:44

Разработка браузерных игр с использованием Phaser3, React, Typescript

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

https://habr.com/ru/articles/771630/

👉 @frontend_1

👍7

2.42K views08:07

Совет по производительности веб-сайтов💡

Установите ширину и высоту изображения, чтобы избежать сдвига макета ✅

👉 @frontend_1

👍3👎1

2.1K views08:31

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display

За свою карьеру у меня было достаточно много собеседований. Конечно, одной из основных тем вопросов была вёрстка. Немного похвалюсь. Не было вопроса, на который я не ответил.

Недавно у меня появилось желание снова проверить себя и показать сообществу свои ответы на самые популярные вопросы по вёрстке. Может же быть так, что мои ответы были неполными или некорректными. Если это так, то я научусь новому. А если всё хорошо, то они помогут другим людям в подготовке к собеседованию. Кажется, это в любом случае будет полезно.

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

Сегодня я дам ответ на следующий вопрос: «Зачем нужно использовать свойство display?»

https://habr.com/ru/companies/ruvds/articles/798975/

👉 @frontend_1

❤4👍3

2.59K views10:01

Создаем экран входа в систему с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/login-06

👉 @frontend_1

👍3👎1💋1

2.51K views18:09

Border radius 🚀

👉 @frontend_1

👍12

2.66K views05:14

0:27

Страницы и маршрутизатор приложений можно использовать вместе в одном проекте Next.js.

Это может быть полезно для постепенного перехода на маршрутизатор приложений.

👉 @frontend_1

👍3

2.38K views05:16

Why Is the Frontend Stack So Complicated?

Почему стек фронтенда такой сложный?

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

Отсутствие универсальной системы импорта. ESModules, CommonJS, Asynchronous Module Definition (AMD) и Universal Module Definition (UMD) - все это различные способы импорта и обмена кодом. Бандлеры пытаются решить некоторые из этих проблем, поддерживая несколько методов. Но

Нет единой системы импортов: ESModules, CommonJS, Asynchronous Module Definition (AMD), Universal Module Definition (UMD)
Многочисленные шаги минификации, траспиляции
Совершенно разные условия запуска кода: разные версии браузеров, server side, client side и т. д.
Слишком многие фронтенд-инструменты полагаются на определенную структуру файлов в проекте
Configuration hell: огромное количество инструментов, которые нужно как-то подружить между собой
Из-за множества слоёв преобразования затруднён hot reload

https://matt-rickard.com/why-is-the-frontend-stack-so-complicated

👉 @frontend_1

Mattrickard

The frontend ecosystem is notoriously confusing. At every layer, there seem to be incompatible, competing standards.

[**No universal import system**](/a-first-

👍5

2.19K views09:36

Пример кастомных курсоров на CSS 🧑‍💻🚀

👉 @frontend_1

👍5

2.07K views16:21

Создаем кнопки социальных сетей с помощью HTML и CSS 🚀

https://github.com/atherosai/ui/tree/main/socials-04

👉 @frontend_1

👍4

2.25K views04:00