​​Тестирование фронтенда на примере React-приложения

Расскажем о том, как тестировать фронтенд (и почему это важно — для тех, кто сомневается).

https://highload.today/testirovanie-frontenda-na-primere-react-prilozheniya/

#frontend #javascript #reactjs #storybook #typescript

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

Frontend-разработчик из Индии под ником Gaurav поделился на dev.to пятью бесплатными и, на его взгляд, недооцененными инструментами и ресурсами, которые он использует для ежедневной работы.

https://highload.today/5-besplatnyh-instrumentov-dlya-frontend-razrabotchikov/

А какими малоизвестными и, на ваш взгляд, недооцененными инструментами пользуетесь вы? Можете написать об этом в нашем чате: https://t.me/joinchat/SmcgpRFprYE5yOfv

#CSS #frontend #tools #free #adobe #opensource #design #responsive #gif

​​Исследование показало: сильнее всего веб-разработчики корчатся от боли при упоминании CSS, а вот Internet Explorer занял только третье место. Кажется, мы знаем, как голосовали бэкендеры. Свои варианты оставляйте в комментариях.

#backend #frontend #css #ie

​​Как ускорить загрузку сайта, если у вас много видео и фотографий

CEO агентства WAMP Анжелика Елина делится опытом, как сделать сайт легче, если нельзя сильно резать видео и картинки — ведь на них изображены дорогие бриллианты, которые продает клиент.

https://highload.today/blogs/kak-uskorit-zagruzku-sajta-esli-u-vas-mnogo-video-i-fotografij-tovarov/

#wamp #frontend #cloudflare

​​Инструменты сборки нового поколения

Фронтенд-разработчик Хью Хауорт сравнил в блоге на css-tricks.com инструменты сборки нового поколения. Автор постарался в общих чертах описать зачем они нужны и варианты их использования.

https://highload.today/instrumenty-sborki-novogo-pokoleniya/

#frontend #JavaScript #CSS #esbuild #Snowpack #Vite #wmr

​​Haii-me – платформа видеоприветов от звезд

Следующий участник нашего конкурса – Тарас Сенив

Популярность за рубежом сервисов, в которых известные (нередко – в прошлом) актеры или музыканты за деньги передают приветы или поздравляют с днем рождения обычных людей, не обошла стороной и Украину. Тарас Сенив, листая ленты новостных сайтов, увидел интересную статью об американском стартапе Cameo, который работает в этой нише, и решил, что идею нужно адаптировать. Придумал короткое и оригинальное название: Haii – это как Hi, но в необычном написании.

Для реализации идеи Тарас начал изучать наиболее близкую бэкенд-технологию – Node.js. Проблемой в разработке было то, что автор, как и большинство конкурсантов, работает на фултайм-работе и свободного времени у него немного. Решил взять фреймворк Express.js, поскольку он показался простым для понимания и быстрым для разработки.

Сразу появилось несколько других проблем – где держать файлы, как оптимизировать картинки и видео. Для этого были использованы AWS S3 и AWS Lambda. Фронтенд-части пока нет, но планируется разработать мобильное приложение на React-native или Ionic Vue, а также веб-приложение, скорее всего, на Vue.js.

Бизнес-модель такая же, как и в других подобных проектах: комиссия в 10–15% с заказанного видеопоздравления или привета.

Ссылка на проект: https://github.com/TarSen99/haii-me

Проголосовать за этот проект можно на странице https://highload.today/top-30-pet-proektov-igry-memy-boty-baraholki-svetofor-i-alkotester/

#Haii #AWS #Lambda #React #frontend #Vuejs

​​The Movie DB – приложение на iOS для любителей кино

Автор следующего проекта – Хоанг Ань Туан

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

Приложение написано на Swift 5. Для кеширования фотографий был выбран Kingfisher. Для сети использовался нативный URLSession. Бэкенд и фронтенд автор соединил сетевой прослойкой через NetworkService.

Для монетизации планируется добавить Admob-рекламу.

Ссылка на проект: https://github.com/antonhoang/The-Movie-DB

Проголосовать за этот проект можно на странице https://highload.today/top-30-pet-proektov-igry-memy-boty-baraholki-svetofor-i-alkotester/

#Swift #Backend #Frontend