23 OCT 2025 - We are back! If you have been following us over the last few years, you will know that the last 2 months have been rough. We website was practically not loading. Sorry for the mess. We are back though and everything should run smoothly now. New servers. Updated domains. And new owners. We invite you all to start uploading torrents again!
TORRENT DETAILS
Векторная графика в одностраничных Web-приложениях
TORRENT SUMMARY
Status:
All the torrents in this section have been verified by our verification system
Название: AngularJSD3.js. Векторная графика в одностраничных Web-приложениях
Автор: Geekbrains
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский
О видеокурсе: Курс предназначен для продвинутых JavaSсript-программистов, желающих получить новые знания в области работы с векторной графикой SVG в браузерах, используя, де факто, современный стандарт - библиотеку D3.js. Написание более-менее серьезного и функционального приложения с использованием D3.js – сложная задача, решая которую, легко запутаться. Данный курс научит вас работать с D3.js в симбиозе с мощнейшим фреймворком построения одностраничных веб-приложений Angular.js, чтобы не утерять контроль над вашим кодом. В течение всего курса под руководством преподавателя Дмитрия Русанова шаг за шагом с подробными объяснениями будет разрабатываться приложение – интерактивный векторный конструктор.
Версия Angular.js: 1.x (последняя на момент проведения курса)
Чему Вы научитесь
Работать с векторной графикой в браузере в интерактивном режиме с помощью наиболее функционального средства в этой области - библиотеки D3.js;
Создавать и тестировать модульные масштабируемые одностраничные приложения на примере полнофункционального векторного редактора;
Использовать дополнительные инструменты и средства, облегчающие и ускоряющие процесс разработки приложений.
Программа курса
Урок 1. Основы D3.js и векторной графики SVG
Библиотека D3.js; концепция работы с данными в стиле D3.js; формирование [связи] данных (Data Joins); выборки данных: Enter, Update, Exit; свойства выборки; методы для работы с выборками; краткие сведения о векторной графике SVG; координатная система SVG; элементы < svg > и < g >; графические примитивы (объекты) SVG: < rect >, < circle >, < line >, < text >, < path >; аффинные преобразования объектов 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. Работа над сервисом отрисовки деталей и доработка их функциональности
Создание треугольника; написание сервиса отрисовки деталей; реализация дополнительной функциональности для всех деталей: вращение, удаление с поля конструктора, изменение цвета.
Реализация перетаскивания Drag&Drop на элемент SVG; определение координат при перетаскивании: пользовательские (user) и экранные (viewport) координаты в SVG, матрица текущих преобразований (CTM, Current Transformation Matrix) SVG, перевод из одной системы координат в другую.
Урок 8. Написание тестов для приложения
Конфигурация запускателя модульных тестов Karma; запускатель функциональных (E2E) тестов Protractor, его конфигурация; написание модульных и функциональных тестов с использованием Jasmine; тестирование асинхронного кода; подведение итогов.
Выпущено: Россия
Продолжительность: 16:53:20
Файл
Формат: MP4 (+ доп. материалы)
Видео: AVC, 1280x720, ~309 Kbps
Аудио: AAC, 64 Kbps, 44.1 kHz
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
Angular.rant/Видео/1. Основы D3.js и векторной графики SVG.mp4
323.2 MB
Angular.rant/Видео/2. Подготовка рабочей среды и введение в AngularJS.mp4
366.8 MB
Angular.rant/Видео/3. AngularJS введение. D3.js разработка рабочего поля векторного конструктора.mp4
362.3 MB
Angular.rant/Видео/4. Создание статичных перетаскиваемых компонентов (деталей макета).mp4
348.2 MB
Angular.rant/Видео/5. Создание вращающихся компонентов и креплений.mp4
349.1 MB
Angular.rant/Видео/6. Работа над сервисом отрисовки деталей и доработка их функциональности.mp4
