Библиотека фронтендера | 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 Quick Syntax Reference.pdf
982 KB
#javascript #books

JavaScript Quick Syntax Reference

Краткий справочник по синтаксису JavaScript.
#frameworks #vuejs

11 хуков жизненного цикла Vue.js

Хуки жизненного цикла компонента позволяют отслеживать важные этапы его работы — создание, изменение и т.д. Разбираемся, что там с хуками во Vue.

https://prglb.ru/5cjqh
#css #html

Полное руководство по отзывчивым изображениям!

Множество способов сделать картинки адаптивными.

https://prglb.ru/3tzet
#javascript #performance #advanced

Подводные камни производительности JavaScript в V8

Детальный разбор работы движка от одного из его создателей.

https://prglb.ru/3360y
​​Интересуетесь профессией фронтенд-разработчика? Выбирайте свою траекторию развития и окупите обучение, получив первые деньги в качестве программиста в компании или фрилансера.

В SkillFactory стартует целая специализация «Фронтенд-разработчик», где вы изучите HTML, CSS и JS с основ и до реальных рабочих задач: https://clc.to/HXJjsg

Каждый новый инструмент вы закрепите проектом на практике. Всего реализуете 12 проектов для портфолио.
Здесь же вы уже сможете применять свои знания HTML, CSS в реальных проектах, освоите JS и фреймворки, научитесь работать с бэкендом. В рамках курса вы соберете по частям полноценный сквозной проект.

Плюс в SkillFactory разработали систему персонального менторства с созвонами и консультациями. По каждому инструменты в чате слака предусмотрена поддержка, которая поможет разобраться с техническими трудностями.

Узнайте больше о возможностях: https://clc.to/HXJjsg
#javascript #performance #cheatsheets

Шпаргалка от Эдди Османи по приоритетам загрузки скриптов

https://prglb.ru/4jxkx
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js pinned «​​Интересуетесь профессией фронтенд-разработчика? Выбирайте свою траекторию развития и окупите обучение, получив первые деньги в качестве программиста в компании или фрилансера. В SkillFactory стартует целая специализация «Фронтенд-разработчик», где вы изучите…»
#javascript #wasm

Кто заменит JavaScript?

Готов ли WebAssembly заменить JS, и что это даст разработчикам?

https://prglb.ru/33nac
#frameworks #react

Поднятие состояния убивает ваше приложение

Поднятие состояния — одна из 12 основных концепций React. Чем она плоха и почему не следует слепо верить документации?

https://prglb.ru/5ir7n
#css

Шаблоны для практического использования CSS Custom Properties

Все, что вы должны знать о пользовательских свойствах в CSS.

https://prglb.ru/3vynh
#javascript #advanced #frameworks

9 проектов, которые ты можешь реализовать, чтобы стать мастером фронтенда в 2020

https://prglb.ru/1lnxa
#code #html

Сниппет для просмотра всех SVG в спрайте

const sprite = document.querySelector("#sprite");
const symbols = sprite.querySelectorAll("symbol");

symbols.forEach(symbol => {
document.body.insertAdjacentHTML("beforeend",
'<svg width="50" height="50">' +
'<use xlink:href="#${symbol.id}" />' +
'</svg>')
});
10 уроков команды SumUp

Разработка собственной дизайн-системы — дело непростое. Создатели Circuit UI делятся своим опытом.

https://prglb.ru/3gagu
#frameworks #vuejs

15 must-have директив Vue для увеличения производительности

https://prglb.ru/2977i
#tools #editor

5 советов и хитростей для Visual Studio Code

VS Code – самый популярный бесплатный редактор. Вот 5 приёмов, которые сто процентов повысят вашу производительность!

https://proglib.io/p/5-sovetov-i-hitrostey-dlya-visual-studio-code-2019-10-13
#performance

Оптимизация изображений для веба: детальное руководство

Неоптимизированные изображения сильно ухудшают производительность вашего сайта. Нужно что-то с этим делать!

https://prglb.ru/1xkia
#javascript #snippets

Копирование текста в буфер на JavaScript

Как скопировать фрагмент текста без использования сторонних библиотек?

https://prglb.ru/4jxbj
#css #library #digest

15 классных CSS-библиотек

Держите нестандартную подборку CSS-инструментов без бутстрапа и бульмы.

https://prglb.ru/50dsh