1. Новые покупки

    20.07.2017: Секреты хакеров! Полный курс по кибербезопасности - Udemy (2017)

    19.07.2017: INSTASOFT 4.0.9.5

    19.07.2017: Фотошоп за 7 дней. Дизайн и реклама в малом бизнесе - Степаненко (2015)

    18.07.2017: Быстрые деньги на Дропшиппинге - Валеев

    18.07.2017: Невероятно эффективная работа с VKPRO закрытый онлайн тренинг от Алексея Евстропова

    17.07.2017: Абсолютно белая тема постоянного заработка от 40к в месяц

    17.07.2017: Как за 8 недель запустить Бизнес на Амазоне с помощью AliExpress - ALI Academy

    15.07.2017: InstaTool Pro 1.6.9.7

    15.07.2017: Отборная Информатика - Computer Science Distilled

    14.07.2017: От 130 000 Зарабатывай сидя! (белая схема)

    13.07.2017: Key Collector 3.7.4.2

    12.07.2017: Самурай WordPress SEO: Rocket Edition (Новинка)

    12.07.2017: Обучающий видеокурс по Slider Revolution

    12.07.2017: [Muse] Доступ на год к сайту шаблонов Qooqee.com

    12.07.2017: Основы дизайна интерьеров - Highlights (2017)

    12.07.2017: Дизайн вконтакте

    11.07.2017: Трёхдневный воркшоп по настройке авторассылок ВК - Ходченков (2017)

    10.07.2017: Инвесторантье. Покупка конфискованного имущества

    09.07.2017: Обучающий и интенсивный онлайн курс от ведущей иммиграционной компании Канады

    08.07.2017: Запасные части. Энциклопедия бизнеса Волгин В.В

    07.07.2017: Подписка на субботние выпуски газеты Коммерсант (с объявлениями о банкротстве) на 1 год

    05.07.2017: TheBrain - ваша персональная база знаний

    01.07.2017: Торги по банкротству по методу Шерлока Холмса 2016, 2017

    24.06.2017: [Бизнес Молодость] Выбор ниши 2017

    24.06.2017: Вебинар по инфосайтам

    21.06.2017: Базовый курс по стёбу [Второй Поток] - klinsman96 (2017)

    13.06.2017: Как уличить жену в измене - Женские секреты

    08.06.2017: сервис по лендингу

    07.06.2017: Финансовая грамотность - Станислав и Глеб Хрянины (2017)

    05.06.2017: Контрактные автозапчасти - Гордеев

    02.06.2017: Pro Context 2017. Convert Monster.

    28.05.2017: Белая схема. заработок полностью на автомате!

    17.05.2017: Музыка для видео и слайд-шоу + переводы уроков по видео

    07.05.2017: Самый Легкий И В Тоже Время Самый Сложный Бот Для Понимания Соцсетью Вконтакте Vkontakte Superbot

    06.05.2017: Как зарабатывать от 50000 руб. сидя 4 часа в неделю в ВКонтакте - Жуковский (2017)

    03.05.2017: Пассивная схема заработка

    28.04.2017: ЖИВОЙ МАРАФОН! 10 Денежных Дней С Ксенией Шокиной-Шокина (2017)

    09.04.2017: Эффективное бизнес-планирование

    08.04.2017: Виртуальная ШКОЛА СКАЗКОТЕРАПИИ

    27.03.2017: [Lynda]Основы композитинга в After Effects: Ротоскопирование и обработка краев

    24.03.2017: Методика слива трафика. Арбитраж (Бурж и Ру)

    17.03.2017: Perfex CRM - мощнейшая crm и erp система на Codecanyon (1.6.2)

    14.03.2017: Поток клиентов из Инстаграм: Интенсив - Александра Гуреева (2016)

    06.03.2017: Как полностью раскрыть потенциал растений - Курдюмов

    03.03.2017: Закрытый профкурс кратчайший путь к профессионализму в трейдинге

    25.02.2017: Travelling with Hugh. Курс о путешествиях. Уроки с нейтивом

    21.02.2017: Бизнес форсаж. Н. Закхайм (2015)

    21.02.2017: Конструктор адаптивных email сообщений

    21.02.2017: Видео курс PRO 2.0. Партизанский маркетинг. 2017.

    21.02.2017: [Digital Tutors] Sculpting Male and Female Faces in ZBrush [ENG-RUS]

  2. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Скачать [Geekbrains] AngularJS/D3.js Векторная графика в одностраничных Web-приложениях

Тема в разделе "Администрирование и программирование", создана пользователем Gustav, 18 июл 2015.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    4.285
    Симпатии:
    14.942
    Складчик:

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

    На протяжении всего курса под руководством преподавателя шаг за шагом с подробными объяснениями будет разрабатываться приложение – интерактивный векторный редактор-конструктор.

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

    Программа курса:

    Урок 1. Основы D3.js и векторной графики SVG
    Библиотека D3. Концепция работы с данными в стиле D3. Формирование [связи] данных (Data Joins). Выборки данных: Enter, Update, Exit. Свойства выборки. Методы для работы с выборками. Краткие сведения о векторной графике SVG. Координатная система SVG. Элементы <svg> и <g>. Графические примитивы (объекты) SVG: <rect>, <circle>, <line>, <text>, <path>. Афинные преобразования объектов SVG. Фильтры SVG.

    Урок 2. Подготовка рабочей среды и введение в AngularJS
    Библиотеки Bower и Browserify. Автоматизированная сборка проекта с помощью Grunt. Настройка локального сервера для обслуживания запросов приложения. Введение в AngularJS. Модель, представление и контроллёр в AngularJS. Управление зависимостями, для чего это необходимо. Модули, директивы и сервисы. Написание тестов для приложений AngularJS.

    Урок 3. Создание каркаса приложения
    Описание модульной архитектуры. Общие подходы к созданию приложения. Требования к функциональности, определение поддержки необходимых технологий в браузере. Дизайн деталей макета для отображения на редакторе.

    Урок 4. Разработка рабочего поля векторного редактора
    Поведения D3.js: Drag&Zoom. Интерполяция в D3. Переходы (Transitions) в D3: что это такое, как с ними работать. Реализация сетки редактора. Сервис $q. Создание функциональности центрирования, масштабирования. Написание модульных тестов.

    Урок 5. Создание статичных перетаскиваемых компонентов (деталей макета)
    Разработка директив компонентов. Маски SVG, правила заполнения сложных фигур. Разработка поведений объектов на поле редактора. Создание сервисов отрисовки. Тестирование директив и сервисов.

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

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

    Урок 8. Сохранение, загрузка и проверка состояния
    Написание сервиса загрузки и сохранения состояния (макета) редактора. Проверка топологии, сравнение с заданным макетом. Написание E2E-тестов. Подведение итогов.


    Скачать:
     
    Последнее редактирование модератором: 12 янв 2016
    wakariio нравится это.
  2. Mkhitar

    Mkhitar Новичок

    Сообщения:
    1
    Симпатии:
    0
    Мне очень понравился этот курс.