Библиотека фронтендера | 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
加入频道
:focus-visible уже доступно!!

Доступность без нарушений дизайна: https://prglb.ru/4kln3

#css #accessibility
Декабрьский интенсив по SRE🦎

Формат: онлайн-интенсив (Zoom, записи занятий, git, стенды для практики, техподдержка и помощь спикеров).

На интенсиве разбираем SRE-подход к разработке и эксплуатации высоконагруженного сайта:
✔️будем настраивать и поддерживать сайт из нескольких микросервисов.
✔️сформулируем показатели SLO, SLI, SLA, разработаем архитектуру и инфраструктуру, соберем, протестируем и задеплоим сайт, настроим мониторинг и алертинг.
✔️определим причины ухудшения SLO, разберем устойчивость, error budget, практику тестирования, управление прерываниями и операционной нагрузкой.
✔️проработаем порядок действий в случае аварии.
✔️примем решения по дальнейшему предотвращению инцидентов.

Дата интенсива: 11–13 декабря 2020

Программа и регистрация на сайте - https://slurm.club/37ZSTlS
Перемещение фона при движении мыши

Простой сниппет для создания классного эффекта: https://prglb.ru/x70i

#css #javascript #interface
Конфигурация Storybook

Интеграция Storybook в проект: https://prglb.ru/392dd

#tools
10 инструментов ReactJS для прокачки скиллов веб-разработчика

https://prglb.ru/1sw4s

#react #tools
Микро-фронтенды с Vue и single-spa

Практическое руководство по настройке микрофронтендовой архитектуры из нескольких приложений на Vue и роутера single-spa.

https://prglb.ru/k0zb

#vue #microfrontend
🕸 Обучение веб-разработке: руководство по оформлению кода HTML/CSS

Код HTML/CSS нужно оформлять красиво, а значит особенности верстки – обязательная часть программы обучения веб-разработке. Рассказываем, как освоить нужные знания с нуля.

https://prglb.ru/5siat

#beginners
🎨 5 лучших инструментов веб-разработчика: учимся делать сайты без погружения в код

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

https://prglb.ru/39d73
🐛 Типовые ошибки в разработке UI: найти и обезвредить

Рассматриваем типовые ошибки разработчиков интерфейса: https://prglb.ru/2xz7h

#interface
🛠 7 бесплатных API, о которых никто не говорит

Для крутого приложения нужны крутые данные, но где же их взять? В открытых источниках через бесплатные API, конечно! Рассказываем как.

https://proglib.io/w/ae201af4
15-16 декабря Aviasales проводят «FRONT HIRING: ИЗИ МОД». Ничего лишнего — выбери команду, успешно пройди собеседование и получи оффер всего за 2 дня

Стек: JS, React,Typescript
5 команд на выбор
1 час, чтобы узнать все про работу в Сале
1 час, чтобы пройти техническое собеседование
1 час, на знакомство с продакт менеджером команды

Хочешь участвовать? Отправь заявку тут http://event.aviasales.ru/
JavaScriptQuiz - канал на котором публикуются интересные задачи и вопросы по JavaScript и node.js.
Настройка Webpack 5 с нуля

Узнайте, как использовать вебпак для сборки JavaScript, изображений, шрифтов и стилей, а также как запускать сервер для разработки.

https://proglib.io/w/9ef5a451

#tools #webpack
Производительная архитектура фронтенда

Методы, позволяющие ускорить загрузку интерфейсных приложений и обеспечить хороший UX: https://proglib.io/w/4f9a3997

#frontend #architecture
Мартин_Фаулер_Рефакторинг_кода_на_javascript.pdf
27.5 MB
Рефакторинг кода на JavaScript: улучшение проекта существующего кода, Мартин Фаулер, 2019

#javascript #books
Чемпионат по программированию: разбираем задачи для фронтенд-разработчиков

Разбор задач квалификационного этапа чемпионата для фронтендеров: https://proglib.io/w/d56231cc
Ошибочное представление о методах жизненного цикла Angular

Разбираемся, что происходит при наследовании компонентов: https://proglib.io/w/5f7f65c3

#frameworks #angular
HTML и CSS ошибки, которые я встречаю как человек без ограничений по здоровью

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

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

https://proglib.io/w/cf4fa2ac

#accessibility