О правильном дизайне полей с выпадающими списками

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

Читать: https://proglib.io/p/o-pravilnom-dizayne-poley-s-vypadayushchimi-spiskami-2020-05-07

#interface

Секреты создания производительных веб-приложений на Express.js

Как структурировать веб-приложение на Express.js, повысить его производительность и надёжность, в том числе с помощью DevOps-инструментов, балансировки нагрузки и обратного прокси 🚂 →🚅

Читать: https://proglib.io/p/sekrety-sozdaniya-proizvoditelnyh-veb-prilozheniy-na-express-js-2020-05-06

#express #node #backend #performance

Clippy.js

Добавьте на свой сайт легендарного Скрепыша 📎 и его друзей!

Библиотека: https://www.smore.com/clippy-js

#tools #library

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

💎 Зарплату определяют нагрузка и опыт, а не мнение начальника
🌐 Международный рынок: больше вариантов, оплата в валюте
🌊 Сам выбираешь, когда трудиться и отдыхать

Но работа во фрилансе отличается от офисной. Учиться лучше у людей с опытом – на GeekBrains freelance. Курсы по тестированию, верстке, мобильной разработке и вебу – все с акцентом на быстрый старт во фрилансе. Делимся ссылкой: https://proglib.io/w/193d6508

Как публиковать веб-компоненты в NPM

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

Читать: https://prglb.ru/2p1jc

#npm

Обработка ошибок в SPA

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

Подробнее: https://prglb.ru/3y6wn

#bestpractices #javascript

Предотвращение навигации по истории браузера при горизонтальном скроллинге

Использование малоизвестного свойства overscroll-behavior для решения распространенной проблемы интерфейсов.

Читать: https://prglb.ru/418p5

#interface #css

REQRES: эмуляция API для тестирования фронтенда

Начать пользоваться: https://reqres.in/

#tools #testing #api

Объяснение

Метод Object.seal запрещает добавление новых свойст к объекту и конфигурацию существующих свойств. Однако не мешает изменять их значения.

Документация MDN: https://prglb.ru/1gt4m

Вместе с Object.freeze этот метод может служить для обеспечения иммутабельности данных.

Подробнее: https://prglb.ru/qgo8

#javascript #core

Полезный текст на Хабре от специалиста, который больше пяти лет занимается администрированием кластеров Kubernetes и построением сложных микросервисных архитектур. В статье рассказывается, что представляет собой этот самый Kubernetes и чем интеграция с вендором отличается от open source.

Материал можно почитать по ссылке https://habr.com/ru/company/ru_mts/blog/500728/

📸 Как сделать галерею в стиле Instagram

Галереи картинок с горизонтальной прокруткой выглядят современно и узнаваемо. Рассказываем, как с помощью CSS и JS перенести знакомую пользователям механику в ваши веб-приложения.

Читать: https://proglib.io/p/kak-sdelat-galereyu-v-stile-instagram-2020-05-11

#interface

Алгоритмы и структуры данных на JavaScript

Огромный список реализаций с подробными объяснениями и ссылками. Добавляйте в закладки 👍

Ссылка: https://github.com/trekhleb/javascript-algorithms

#javascript #algorithms #datastructures #bestpractices #digest

Не усложняйте масштабируемый CSS

Хороший лонгрид на пятничный вечер о том, как стоит и как не стоит работать с CSS. Если кратко:

👉 не паникуйте
👉 общайтесь
👉 соблюдайте согласованность
👉 упрощайте

Полностью смотрите здесь: https://medium.com/@ABatickaya/keep-it-simple-71436866e727

#css #bestpractices

Ozon научит Go бесплатно! Важная новость для всех, кто связывает своё будущее с написанием кода: самый быстрорастущий российский e-commerce запускает бесплатную школу Go. Это возможность за два месяца стать middle-специалистом с опытом решения реальных задач и проектом в портфолио — а лучшие выпускники получат предложение о работе в Ozon. Что нужно, чтобы поступить? Опыт в написании кода, сделанное тестовое задание и, конечно, заявка. Подробности тут: http://ozon.dev/goschool

​​«Цифровой прорыв» 2020 открывает прием заявок на масштабный IT-марафон с призовым фондом 5.000.000 руб.! ⚡️

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

💥 Регистрируйся по ссылке: https://proglib.io/w/dba68b8c

Тебя ждут два онлайн-хакатона, которые пройдут 5-7 июня и 19-21 июня. 👨🏻‍💻👩🏼‍💻

- 36 часов кодинга/400 команд;
- Крутые кейсовые задания от Росатома, Сбербанка, Глобального русскоговорящего технологического сообщества Rutech;
- Образовательная программа;
- Трекеры и эксперты , которые будут помогать тебе на каждом этапе.

🌏 25 июня - 25 июля состоится онлайн-чемпионат на технологической платформе Mail.ru:

- Индивидуальное участие;
- Задачи по Machine Learning и Data Science;
- Возможность попасть на финал Цифрового Прорыва!

🎯 Проверь свои силы и разработай крутой проект для решения реальных бизнес-задач, регистрируйся по ссылке: https://proglib.io/w/dba68b8c

Кто такой Deno и заменит ли он Node.js?

Несколько дней назад произошел долгожданный релиз Deno.

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

Читать: https://blog.bitsrc.io/what-is-deno-and-will-it-replace-nodejs-a13aa1734a74

#node #deno

Логические операции с CSS-переменными

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

Читать: https://css-tricks.com/logical-operations-with-css-variables/

#css #advanced

Разыскивается Node.js разработчик
От 2200 до 2900 USD, Полная занятость, Санкт-Петербург

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

📌 Что тебя ждет:
- Разработка сервисов для core-функционала продукта
- Развитие и поддержка архитектуры микросервисов
- Возможность опробовать новые технологии

👨‍🎓 Обязательные знания:
- Понимание асинхронности в Node.js
- Знание HTTP-сервера Koa
- Redis и MongoDB
- ES6 и соблюдение кодстайла (eslint)
- Docker

➡️ Подробности - https://proglib.io/vacancies/node-js-razrabotchik-cs-money-2020-05-16

​Сокращаем в два раза время генерации билда Nuxt.js с помощью context.payload

Подробнее: https://markus.oberlehner.net/blog/cut-your-nuxt-generate-build-time-in-half-with-context-payload/

#tools