​#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

​#javascript #advanced #video

Неблокирующее асинхронное итерирование в JavaScript

Лекция от Тимура Шемсединова.

https://www.youtube.com/watch?v=wYA2cIRYLoA&list=PLHhi8ymDMrQZad6JDh6HRzY1Wz5WB34w0&index=30&t=0s

​#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

​#video #css #layout

Флексы от А до Я

9 видеоуроков по Flexbox.

https://www.youtube.com/playlist?list=PL_uwZ1gR-hzJob04JV6m7eksx_MPnvDws

​#tools #editor

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

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

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

​#effects #css

15 крутых эффектов для фона на CSS

https://prglb.ru/4822j

​#performance

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

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

https://prglb.ru/1xkia

​#javascript #snippets

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

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

https://prglb.ru/4jxbj

​#css #library #digest

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

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

https://prglb.ru/50dsh

​#game #html

Знаете ли вы HTML-теги?

У вас есть 112 секунд, чтобы вспомнить 112 тегов. Вперед!

https://prglb.ru/bpxc

Frontend без фреймворков

Ты контролируешь свои зависимости или они контролируют тебя?