Видео скринкасты 2024, Декабрь

Создание шаблонов - важная часть работы с приложениями JavaScript. Довольно часто данные доступны вам, но не в формате "

Если вы узнаете из этой серии какой-либо важный элемент философии архитектуры внешнего интерфейса, изучите этот. Просто смени классы. В этом скринкасте мы начинаем "

Мы остановились на последнем видео с небольшим беспорядком. В одном блоке JavaScript мы смешивали извлечение данных, отображение и бизнес-логику, а также "

Мы рассмотрели создание шаблонов с помощью Handlebars в прошлом видео. Но Handlebars - не единственное решение для создания шаблонов на рынке. В этом видео мы будем использовать "

Мы проделали довольно хорошую работу по организации. Разбить наш HTML в шаблоне было большим шагом. Мы больше мутим воду, чтобы "

Все видели супер-крутой плагин jQuery в диком, диком Интернете, верно? Возможно, вы только захотели узнать больше »

Теперь, когда мы рассмотрели использование плагинов jQuery, совершенно необходимо понять, как их создавать. Мы уже вкратце коснулись того, что "

Теперь, когда мы понимаем основы разработки плагинов, мы можем копнуть немного глубже. Поскольку в конечном итоге плагин - это функция, он предоставляет нам возможность "

Ты сделал это! Большое спасибо за то, что прошли курс. Я надеюсь, что вы достаточно узнали о jQuery и JavaScript, чтобы повысить уровень вашего доверия к ним и "

Добро пожаловать!"

В начале этого курса я хотел бы подчеркнуть, почему SVG так привлекательно использовать. Возможно, самая веская причина для дизайнеров: они выглядят "

Возможно, лучший способ использовать SVG - это «встроенный SVG», то есть размещение кода SVG прямо в HTML. Отлично работает! См. Pen gpcDi Криса Койера "

Мы собираемся вернуть это в обычный текстовый редактор в этом скринкасте, как мы и начали. В ситуации "реального мира" верно следующее: вы "

Изображения SVG также могут использоваться в качестве фонового изображения в CSS, как PNG, JPG.webp или GIF. .element (background-image: url (/images/image.svg);) Все равно "

Мы только что узнали, что SVG выглядят визуально четкими. SVG также гибки. На самом деле это не уникально для элементов в Интернете, но уникально то, что они "

Простите меня, если я немного не в себе этих методов. Я никогда не встречал случая, когда они определенно подходили бы. Было время, когда "

Размер файла SVG зависит от его сложности, а не от того, насколько он «большой». Помните, SVG на самом деле не волнует, в каком размере они отображаются, они такие "

The Noun Project - (очень) фантастическое место для получения SVG. Давайте посчитаем способы. Буквально все в SVG и на самом деле происходит именно так. Они - "

Помните, что все векторные изображения можно поместить в SVG. Программное обеспечение Adobe отлично справляется с этим. В PDF-файле могут быть векторные изображения - просто откройте PDF-файл, и вы "

Мы рассмотрели «встроенный SVG», который отбрасывает синтаксис SVG прямо в HTML. Вы можете использовать тот же встроенный SVG и в других местах, например, в "или"

В SVG есть очень крутой и мощный элемент под названием. Концепция довольно проста. Он находит еще один фрагмент кода SVG, на который ссылается идентификатор, и клонирует его "

Размещение блока SVG defs в верхней части документа определенно работает. У этого также есть некоторые преимущества, такие как тот факт, что не нужно выполнять HTTP-запросы ",

Этот элемент цепляется за всю идею встроенной системы значков SVG. Мы узнали, что лучший способ сделать это - разместить все, что вы собираетесь нарисовать позже "

Когда у нас есть то, что мы называем нашим «блоком defs» SVG - этот фрагмент SVG, который определяет все, что мы хотим нарисовать позже - куда мы его поместим? Так"

Мы определенно можем стать немного более ботанистыми с нашими инструментами сборки. На момент публикации этого постера дочерним элементом инструментов сборки был Grunt. Есть конкуренты ".

Мы узнали, что инструменты сборки особенно хороши для таких задач, как превращение папки, полной SVG, в блок SVG defs. Как всегда в "

На сайтах стоковых фотографий всегда есть возможность фильтровать результаты поиска по «вектору». И помните, какой бы формат вы ни выбрали, когда что-то скачиваете "

Встроенный SVG можно «стилизовать» в том смысле, что он уже имеет заливки и обводки и еще много чего, как только вы помещаете его на страницу. Это потрясающе и абсолютно "

Термин «инструмент сборки» может напугать. Это напоминает причудливые инструменты командной строки, требующие настройки, и странные системные зависимости, которые ломаются, когда вы "

Мы узнали, что ограничение использования для вставки небольшого количества SVG состоит в том, что вы не можете писать составные селекторы CSS, которые влияют на них. Например: Это "