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

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

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

https://tprg.ru/ZgPy

#vue

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

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

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

https://tprg.ru/gRdF

​«Как я написал кастомный шрифт ради одного символа, но сначала неделю страдал»

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

Как это было и как он с этим справился — читайте в статье:

https://tprg.ru/v5X3

«Каким я вижу веб сегодня»

«Каким я вижу веб сегодня», или «How I experience web today» — это забавная метафора того, во что превращают сайты некоторые разработчики и компании. Всплывающие окна, уведомления о кукисах и всё прочее, что вы видите, заходя на сайт для прочтения статьи за чашкой кофе.

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

https://tprg.ru/MaiS

Для британцев нужен свой препроцессор

​Микрофронтенд: какой фреймворк использовать?

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

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

https://tprg.ru/pHOY

#фронтенд

Позвольте представить вам Inertia.js

Inertia.js — это пакет, созданный специально для Laravel, который позволяет создавать одностраничные приложения без создания сложного API. Пакет позволяет использовать для фронтенда один из популярных фреймворков и библиотек — Vue.js, React или Svelte.

Рекомендуем ознакомиться с этим инструментом:

https://tprg.ru/nKse

#laravel

​Что нужно знать о популярных JS-фреймворках

jQuery, React, Vue, Angular — все эти популярные библиотеки и фреймворки по-своему хороши и подходят для различных задач. Но давайте сейчас не будем выбирать какой из них лучший, а окунёмся в историю их создания и развития.

Заварите себе ваш любимый напиток, откиньтесь в кресло и прочтите эту большую, но интересную статью:

https://tprg.ru/m68a

#javanoscript

Генератор SVG-лоадеров с SASS и SMIL

В этой статье автор расскажет вам о генераторе, который сделал он сам. Он позволяет делать анимацию SVG-лоадеров, при этом вы можете выбрать, как именно она будет реализована — с использованием SASS или SMIL.

Подробнее:

https://tprg.ru/V9LR

#фронтенд #noscript #sass

Ну да, ничего сложного. Достаточно начать

​Хорошо, что устранили, конечно. Но вот интересно, сколько эти уязвимости существовали?

https://news.1rj.ru/str/your_tech/7432

Нейроканал — новый Telegram-канал от Tproger, где мы будем собирать в лучшие материалы по искусственному интеллекту, машинной обучению, нейронным сетям и другим темам из этой области.

Подключайтесь: @neuro_channel

​Топ-5 платформ для веб-хостинга в 2021 году

Сегодня существует множество платформ для хостинга и у каждой свои особенности. В этой статье выбрали пять наиболее популярных платформ и рассказали об их преимуществах:

https://tprg.ru/fc6A

Коллекция цветовых палитр

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

https://tprg.ru/MQV9

Библиотека MoreToggles.css

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

Вот она:

https://tprg.ru/BkaH

#css #фронтенд

​Красивая CSS-анимация за 2 минуты

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

https://youtu.be/S1QBg1gMGeM

#видео

Как на Three.Js сделать анимированный туннель из частиц

С помощью Three.js чего только не делают.

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

https://tprg.ru/WjJD

#javanoscript

Форма для входа в виде собаки

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

Посмотреть, как это реализовано можно тут:

https://tprg.ru/P0tA

#codepen

​Набор полезных инструментов для веб-разработчика

При веб-разработке нам часто приходится делать различные неудобные вещи, которые могут мгновенно решаться простым инструментом. В Omatsuri таких инструментов 12! Здесь есть генераторы треугольников, градиентов, оттенков, фейковых данных для тестирования, а также разделитель страниц, компрессор SVG и не только.

Ознакомиться со всеми инструментами можно тут:

https://tprg.ru/fYje

Дорожная карта разработчиков Angular на 2021 год

Детальная дорожная карта, которая поможет вам стать Angular-разработчиком:

https://tprg.ru/UiT9

#angular