Бесспорно, все мы знаем структуру SVG-спрайта: это один корневой элемент svg, внутри которого находятся области symbol, содержащие картинки. Каждому symbol присваивается уникальный id, по которому идет дальнейшее обращение к картинке. Контент, расположенный внутри symbol не отображается на странице.

Я только начинаю свой путь в JavaScript и, возможно поэтому, использую базовый синтаксис. Разбирая примеры кода, я, прежде всего, обращаю внимание на знаки препинания: точки с запятой, круглые и квадратные скобки. Фигурные скобки для меня интуитивно понятны - в них заключен код функций. В JavaScript я пришел из Ruby, поэтому использование круглых скобок не вызвало затруднений - в обоих языках они выполняют сходные роли (хотя теперь я узнал несколько новых способов использования круглых скобок).

Допустим, Вы хотя бы иногда работаете с видеоредакторами: Windows Movie Maker или Adobe Premiere Pro. В таком случае Вам хорошо известны эффекты постепенного исчезновения (fade out) или появления изображения (fade in). Можно с уверенность сказать, что эти эффекты популярны, потому что они позволяют создавать довольно приятные переходы, которые не раздражают пользователей.

Вы знаете, что нумерованный список можно создать с помощью CSS-свойства counter? Постойте, это же так похоже на использование HTML-тега <ol>. Но только на первый взгляд: с помощью counter можно, например, автоматически нумеровать заголовки или сделать оглавление для объемного документа.

С 2011 года React прочно и, возможно, надолго вошел в мир веб-разработки. В армии поклонников этой библиотеки насчитывается множество программистов с различными уровнями подготовки: от абсолютно неопытных новичков до мастеров с многолетним стажем. Независимо от квалификации всю эту когорту объединяет желание сделать процесс разработки максимально понятным и комфортным. И некоторые сторонние библиотеки отлично в этом помогают. Но постоянно быть в курсе трендов экосистемы React не так уж и просто:…