Библиотека фронтендера | 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
加入频道
11 трюков, о которых не знают фронтенд-разработчики

Что вы можете делать с HTML, CSS и JavaScript, но не делаете: https://prglb.ru/4avwn

#advice
Топ расширений VSCode для фронтендера

6 плагинов для удобной работы: https://prglb.ru/18vm5

#tools #editor
«Адаптивный» размер шрифта с использованием чистого CSS

Использование css-функций для создания респонсивного шрифта с минимальным и максимальным ограничением: https://prglb.ru/9g4l

#css
🎮Тетрис на JavaScript: разбираем возможности языка через геймификацию

Лучший способ узнавать новое и закреплять полученные знания – практика. Лучшая практика в программировании – создание игр. Лучшая игра в мире – Тетрис. Сегодня мы будем узнавать новое в процессе написания тетриса на JavaScript.

https://prglb.ru/cpww

#javascript #gamedev
Декораторы в JavaScript

Декораторы — это объекты, которые используются для динамического добавления дополнительной функциональности к другому объекту без изменения реализации этого объекта.

https://prglb.ru/37hvx

#javascript
☕️ map(), filter() и reduce() в JavaScript

Код на JavaScript можно сделать более функциональным, попутно облегчив труд программиста. Знакомимся с методами массивов map(), filter() и reduce().

https://proglib.io/sh/qTrbKI6BMt
Типичные ошибки джунов, использующих React

В материале приведены некоторые из ошибок, которые React-разработчики совершают на раннем этапе своего профессионального роста.

https://prglb.ru/2l1zu

#react #frameworks
Архитектура фронтенда: стабильные и изменчивые зависимости

Учимся различать разные типы зависимостей и правильно внедрять их в проекты: https://prglb.ru/3x2wg

#architercture
25 полезных сниппетов JavaScript для вашей коллекции

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

https://proglib.io/sh/OGAIj5izQu

#javascript
: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/