28
сен 2016

AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016)

AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016)

Курс предназначен для продвинутых javascript-программистов, желающих получить новые знания в области работы с векторной графикой SVG в браузерах, используя, де факто, современный стандарт - библиотеку D3.js. Написание более-менее серьезного и функционального приложения с использованием D3.js – сложная задача, решая которую, легко запутаться. Данный курс научит вас работать с D3.js в симбиозе с мощнейшим фреймворком построения одностраничных веб-приложений Angular.js, чтобы не утерять контроль над вашим кодом. В течение всего курса под руководством преподавателя шаг за шагом с подробными объяснениями будет разрабатываться приложение – интерактивный векторный конструктор.

Чему Вы научитесь
Работать с векторной графикой в браузере в интерактивном режиме с помощью наиболее функционального средства в этой области - библиотеки D3.js;
Создавать и тестировать модульные масштабируемые одностраничные приложения на примере полнофункционального векторного редактора;
Использовать дополнительные инструменты и средства, облегчающие и ускоряющие процесс разработки приложений.

Программа курса:
Урок 1. Основы D3.js и векторной графики SVG
Библиотека D3.js; концепция работы с данными в стиле D3.js; формирование [связи] данных (Data Joins); выборки данных: Enter, Update, Exit; свойства выборки; методы для работы с выборками; краткие сведения о векторной графике SVG; координатная система SVG; элементы; графические примитивы (объекты) SVG:аффинные преобразования объектов SVG; фильтры SVG.

Урок 2. Подготовка рабочей среды и введение в Angular.js
Библиотека Browserify; менеджеры пакетов Bower, npm; автоматизированная сборка проекта с помощью Grunt или Gulp (по желанию слушателей); настройка локального сервера для обслуживания запросов приложения; использование распределенной системы контроля версий Git и сервиса GitHub.com для организации работы над проектом.

Урок 3. Angular.js: введение; D3.js: разработка рабочего поля векторного конструктора
Введение в Angular.js; модель, представление и контроллер в Angular.js; управление зависимостями, для чего это необходимо; модули, директивы и сервисы; сервис $q в Angular.js; поведение Zoom в D3.js; переходы (Transitions) в D3.js: что это такое, как с ними работать; реализация сетки конструктора.

Урок 4. Создание статичных перетаскиваемых компонентов (деталей макета)
Интерполяция в D3.js; поведение Drag в D3.js; разработка директив компонентов – общие подходы; разработка поведений объектов на поле конструктора; реализация сервиса «прилипания» деталей к линиям сетки конструктора; создание первой детали – прямоугольника с отверстиями; компиляция директив Angular.js; работа с элементом в SVG, основные команды; правила заполнения сложных фигур.

Урок 5. Создание вращающихся компонентов и креплений
Функция d3.timer, рисование зубчатой передачи; управление скоростью вращения; отрисовка гексагональных креплений-болтов; модель отрисовки SVG; управление порядком отрисовки и наложения объектов SVG.

Урок 6. Работа над сервисом отрисовки деталей и доработка их функциональности
Создание треугольника; написание сервиса отрисовки деталей; реализация дополнительной функциональности для всех деталей: вращение, удаление с поля конструктора, изменение цвета.

Урок 7. Реализация палитры компонентов (деталей макета)
Реализация перетаскивания Drag&Drop на элемент SVG; определение координат при перетаскивании: пользовательские (user) и экранные (viewport) координаты в SVG, матрица текущих преобразований (CTM, Current Transformation Matrix) SVG, перевод из одной системы координат в другую.

Урок 8. Написание тестов для приложения
Конфигурация запускателя модульных тестов Karma; запускатель функциональных (E2E) тестов Protractor, его конфигурация; написание модульных и функциональных тестов с использованием Jasmine; тестирование асинхронного кода; подведение итогов.

Информация о видеокурсе
Название: AngularJSD3.js. Векторная графика в одностраничных Web-приложениях
Преподаватель: Никита Овчинников
Год выхода: 2016
Жанр: обучающее видео
Выпущено: Geekbrains
Язык: Русский

Файл
Формат: MP4
Видео: AVC(H264), 1280x720, 15fps, 302kbps
Аудио: AAC, 44100Hz, stereo, 64kbps
Продолжительность: 16:53:20
Размер файла: 2,55 Гб

AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016) AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016) AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016)


Скачать Видеокурс - AngularJSD3.js. Векторная графика в одностраничных Web-приложениях



Показов : 364

Похожие документальные фильмы на AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016)

    Angular.JS. Видеокурс (2016)Angular.JS. Видеокурс (2016)
    Этот курс посвящён профессиональной разработке веб-приложений с помощью AngularJS. Курс даст возможность быстро начать создавать свои приложения с использованием одного из самых популярных на сегодняшний день фреймворков – Angular.JS.
    Meteor. Создаём полезное приложение. Видеокурс (2015)Meteor. Создаём полезное приложение. Видеокурс (2015)
    На данном курсе вы будете создавать приложение “Список задач", на примере которого разберете все основные возможности фреймворка. В курсе разбираются все этапы создания приложения - от планирования до запуска.
    Angular 4 с Нуля до Профи. Видеокурс (2017)Angular 4 с Нуля до Профи. Видеокурс (2017)
    Данный курс содержит в себе более 30 часов обучающих материалов, которые последовательно и очень подробно научат вас самым актуальным технологиям на текущий момент и которые будут актуальными ближайшие несколько лет.
    FullStack-Мастер: Разработка CRM-системы на Node.js, Express, Angular 6. Ви ...FullStack-Мастер: Разработка CRM-системы на Node.js, Express, Angular 6. Ви ...
    Не важно, новичок вы или уже имеете какой-либо опыт в веб-разработке, данный курс даст вам все необходимые знания для создания действительно работающего FullStack-приложения. В процессе изучения материала вы получаете полное понимание алгоритма разработки довольно сложного и функционального FullStack-приложения на примере создания CRM-системы с абс...
    Продвинутый курс по Angular (2018)Продвинутый курс по Angular (2018)
    Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка — Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.
    Angular+Meteor Ускоренное создание приложений (2016) WEBRipAngular+Meteor Ускоренное создание приложений (2016) WEBRip
    Angular+Meteor - по-настоящему волшебная связка, позволяющая создавать быстрые, мощные приложения за очень короткие сроки. На вебинаре мы построим полноценное приложение с возможностью работы в google map - “social party!”
    Unit тестирование в C#. Видеокурс (2016)Unit тестирование в C#. Видеокурс (2016)
    Написать хороший Unit тест непростая задача. Необходимо не только знать, как пользоваться тем или иным Unit Test Framework, но и понимать основы проектирования, чтобы создавать код, который будет поддерживать тестирование. Этот видео курс предназначен для тех разработчиков, которые хотят систематизировать знания в области написания Unit тестов.
    Angular2 Essential. Видеокурс (2017)Angular2 Essential. Видеокурс (2017)
    Данный курс создан для изучения Angular 2, который является переработанной и улучшенной версией популярного фреймворка AngularJS. Среди преимуществ этой технологии можно отметить высокую производительность, удобство работы и использование TypeScript в качестве основного языка для разработки.
    Разработчик JavaScript. Видеокурс (2018)Разработчик JavaScript. Видеокурс (2018)
    Курс предназначен для для разработчиков уровня Junior и Middle, которые имеют общее представление и опыт работы с Web и хотят узнать больше о мире современного javascript.
    Разработка приложений под Android. Базовый курс (2017)Разработка приложений под Android. Базовый курс (2017)
    Курс предназначен для тех, кто только начинает изучать программирование для мобильных устройств на операционной системе Google Android. Курс состоит из 8-ми уроков, где рассматриваются основы Android SDK: библиотеки классов на Java, основы XML с помощью которых вы сможете писать простые программы для Android.

PravoHolding.ru » Документальные фильмы » AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеокурс (2016)