Библиотека фронтендера | 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
加入频道
#react

Жизненный цикл React

Методы жизненного цикла компонентов позволяют совершать действия именно в тот момент, когда они необходимы.

https://prglb.ru/51sxj
#css

Разбираемся в Grid-разметке и строим периодическую таблицу HTML

Система CSS Grid дает большую свободу и высокую точность в построении макетов. Например, с ее помощью легко можно создать периодическую таблицу с непростой структурой.

https://prglb.ru/3ab2b
Что такое Throttling и Debouncing?

Throttling и debouncing — это широко используемые техники для увеличения производительности кода, который выполняется повторно с некоторой периодичностью. Применяя их, вы можете неплохо оптимизировать приложение.

https://prglb.ru/1ombl
#vuejs

Все, что нужно, для начала работы с VueJS

Если вы еще не знакомы с одним из самых популярных JavaScript-фреймворков, срочно исправьте это недоразумение. Этот гид поможет вам сделать первые шаги.

https://prglb.ru/wd8d
#javascript #book

ES for Humans (2017)

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

https://yangx.top/progbook/3524
#jquery #vuejs #frameworks

Переезжаем с jQuery на VueJS

Хотите перебраться на современные технологии, но ваш проект создан в эпоху jQuery?
Не отчаивайтесь - Vue отлично справится с этой задачей. Этот фреймворк умеет постепенно внедряться в приложение и незаметно устанавливать там свои порядки.

https://prglb.ru/2mnxy
#css #flexbox

Легендарная maconry-раскладка на флексах

Создать изящную и аккуратную плиточную раскладку на одном лишь CSS - задачка не из простых.
Но решить ее все-таки можно! Разбираемся с подводными камнями и знакомимся с секретными техниками flexbox-разметки.

https://prglb.ru/sihg
#projects

15 крутых идей для пет-проектов

Хватит читать статейки и смотреть на чужие работы - займитесь делом!
Без практики вы фронтендерские мышцы не накачаете.

Вот вам для начала 15 отличных идей для комплексной прокачки навыков.

https://prglb.ru/51v9h
#css

CSS свойство background-image как антипаттерн

Фоновое изображение в CSS - старый добрый друг, который спасал нас бесчисленное множество раз.
Но пришло время с ним попрощаться - и у нас на это пять причин (на самом деле всего четыре, но очень важные). Разбираемся в проблемах и альтернативах.

https://prglb.ru/4cb0s
#javascript #webworkers

JavaScript Web Workers: руководство для начинающих

Рассказ о том, как однопоточный JavaScript многопоточным стать захотел и что из этого вышло.
Доступное введение в веб-воркеры и их возможности.

https://prglb.ru/21jlh
#react #video

Все, что вы должны знать о React Hooks, в одном видео

Полное погружение в хуки React за 100 минут.

https://prglb.ru/3hpof
#javascript #beginners

Все что вы хотели знать о this, но боялись спросить

Хватит «плавать» в базовых концепциях. Давайте разберемся с ключевым словом this в JavaScript раз и навсегда.

https://prglb.ru/3chww
По какой фронтенд-теме вам хотелось бы больше материалов?
anonymous poll

JavaScript для продвинутых – 464
👍👍👍👍👍👍👍 49%

Разбор базового JavaScript – 166
👍👍👍 17%

Тонкости и примеры верстки – 129
👍👍 14%

JavaScript-фреймворки – 89
👍 9%

Оптимизация и тестирование кода – 74
👍 8%

Оптимизация и доступность в вебе – 33
▫️ 3%

👥 955 people voted so far. Poll closed.
#javascript #html #interface

Детальное руководство по Drag&Drop

Техника тащи-бросай (Drag-n-Drop) — отличное решение для интерфейса вашего сайта. Перетаскивать можно не только файлы, но и HTML-элементы.

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

https://prglb.ru/e8bd
#javascript #advanced

Прогрессивные веб-приложения (PWA)

Что за зверь такой PWA и зачем он нам нужен? Коротенькое введение в теорию прогрессивных веб-приложений.

https://prglb.ru/1ks1v
#javascript #advanced

Погружение в промисы: race, all и allSettled

Все еще не используете промисы на полную катушку? Тогда мы идем к вам с тремя суперкомбинаторами!
Уже немного знакомые race и all, а также свеженький allSettled дадут вам максимальный контроль над потоком выполнения кода.

https://prglb.ru/1e79x
#javascript #beginners

Я выучил основы JavaScript — что дальше?

Прошли несколько курсов, разобрались с типами данных и даже почти познали дзен замыканий? Что делать дальше начинающему JavaScript-разработчику? Куда податься, что учить?

Вот вам путеводитель, вперед — к мастерству!

https://prglb.ru/3dt2a
​​Как начать, наконец, путь к карьере в IT и digital?

Если вы тоже задаетесь этим вопросом, запишитесь на бесплатную онлайн-конференцию GeekChange. Узнайте обо всех профессиях в программировании, дизайне, маркетинге и менеджменте. Участвуйте в розыгрыше бесплатного обучения в GeekUniversity (онлайн-университет Mail ru Group). А также получите возможность выиграть MacBook Air!

Конференция пройдет с 12 по 25 августа.

Записаться: http://bit.ly/2GN15ay
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js pinned «​​Как начать, наконец, путь к карьере в IT и digital? Если вы тоже задаетесь этим вопросом, запишитесь на бесплатную онлайн-конференцию GeekChange. Узнайте обо всех профессиях в программировании, дизайне, маркетинге и менеджменте. Участвуйте в розыгрыше…»
#javascript

Поддержка больших проектов на JavaScript

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

В этой статье вы найдете несколько полезных советов по организации и поддержке подобных проектов на JavaScript.

https://prglb.ru/16ul4