Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Сортировка по умолчанию в JavaScript осуществляется в лексикографическом порядке, то есть элементы сравниваются как строки.

Узнать больше о методе sort: https://prglb.ru/48baz

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

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

Читать: 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