@seniorFront - канал для тех кто хочет стать гуру в Frontend разработке

Бесплатные курсы по css и js
Подборка актуальных статей
Авторские комментарии

Заходи на @seniorFront

70 YouTube-каналов для фронтенд-разработчика

Подборка YouTube-каналов, плейлистов и подкастов, посвящённых фронтенду: вёрстка, JS, библиотеки и фреймворки, уроки и скринкасты, доклады на конференциях и записи встреч локальных сообществ. Приятного просмотра!

Добавляйте в закладки: https://proglib.io/p/70-youtube-kanalov-dlya-frontend-razrabotchika-2020-05-03

#digest #video

Сортировка по умолчанию в JavaScript осуществляется в лексикографическом порядке, то есть элементы сравниваются как строки.

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

#javascript #core

Drag&Drop-компоненты для слепых пользователей. Вы шутите?

Доклад Сергея Кригера о доступности в самых неожиданных местах.

Смотреть: https://www.youtube.com/watch?v=U1UjLN4I9fA

#video #accessibility #interface

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

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

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