1. Новые складчины (Клуб Складчик) Показать еще

    25.02.2018: Дизайнер 2.0 (Максим Солдаткин)(2017) 1 месяц

    25.02.2018: Создание и продвижение Landing Page (СмотриУчись)

    25.02.2018: Rob Strok Lightroom Preset Pack - Creator Presets (2018)

    25.02.2018: Рабочее место для видео монтажа и цветокоррекции (Александр Сахаров)

    25.02.2018: Живем с малышом (Елена Данилова)

  2. Гость, если у Вас на каком либо сайте есть аккаунт с повышенным статусом, то и у нас вы можете получить соответствующий статус. Подробнее читайте здесь https://skladchik.biz/threads/83942/
    Скрыть объявление
  3. Нужен организатор (Клуб Складчик) Показать еще

    22.02.2018: Системно-векторная психология - 1 уровень [Повтор]

    22.02.2018: Билл Вильямс: подсчёт волн Эллиотта по системе Profitunity

    22.02.2018: Курс "Говоритика" от Надежды Счастливой( Happy Hope)

    21.02.2018: Осознанность и медитации

    20.02.2018: Я хочу БИТЬ! 2.1 + обновления до 2.2 и 2.3

  4. Сбор взносов (Клуб Складчик) Показать еще

    20.02.2018: PRO Яндекс Директ (Иван Махаев)(2016)

    19.02.2018: Как стать женщиной на миллион (Ирина Ляхова)

    19.02.2018: Получение саженцев винограда своими руками-просто и надежно по старинному методу(Александр Рыкалин)

    18.02.2018: Мама, не уходи! (Людмила Шарова)

    17.02.2018: Грани дозволенного (Ирина Терентьева)

Открыто

[повтор] [Geekbrains] AngularJS/D3.js

Тема в разделе "Курсы по программированию", создана пользователем Менеджер, 13 дек 2015.

Цена:
12970р.
Взнос:
142р.

Список участников складчины:

1. advokat1987
    Тип: Стандартная складчина
    Участников: 1/100
  1. 13 дек 2015
    #1
    Менеджер
    Менеджер Организатор Организатор

    [повтор] [Geekbrains] AngularJS/D3.js

    Векторная графика в одностраничных Web-приложениях

    Требования: уверенные знания JavaScript.

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

    На протяжении всего курса под руководством преподавателя шаг за шагом с подробными объяснениями будет разрабатываться приложение – интерактивный векторный конструктор.
    Средняя продолжительность занятий: 3 часа.
    Язык программирования: JavaScript/ECMAScript 2015 (по желанию слушателей)
    Версия AngularJS: 1.x (последняя на момент проведения курса)
    CSS будем оформлять с помощью SASS, шаблоны – Jade.
    Для прохождения курса вам понадобится аккаунт GitHub.


    • Вы научитесь работать с векторной графикой в браузере в интерактивном режиме с помощью наиболее функционального средства в этой области - библиотеки 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
      Библиотека Browserify. Менеджеры пакетов Bower, npm. Автоматизированная сборка проекта с помощью Grunt или Gulp (по желанию слушателей). Настройка локального сервера для обслуживания запросов приложения. Использование распределенной системы контроля версий Git и сервиса GitHub.com для организации работы над проектом.
    • Урок 3. AngularJS: введение. D3.js: разработка рабочего поля векторного конструктора
      Введение в AngularJS. Модель, представление и контроллер в AngularJS. Управление зависимостями, для чего это необходимо. Модули, директивы и сервисы. Сервис $q в AngularJS. Поведение Zoom в D3.js. Переходы (Transitions) в D3: что это такое, как с ними работать. Реализация сетки конструктора.
    • Урок 4. Создание статичных перетаскиваемых компонентов (деталей макета)
      Интерполяция в D3. Поведение Drag в D3. Разработка директив компонентов – общие подходы. Разработка поведений объектов на поле конструктора. Реализация сервиса «прилипания» деталей к линиям сетки конструктора. Создание первой детали – прямоугольника с отверстиями. Компиляция директив AngularJS. Работа с элементом <path> в SVG, основные команды. Правила заполнения сложных фигур
    • Урок 5. Создание вращающихся компонентов и креплений
      Функция d3.timer, рисование зубчатой передачи. Управление скоростью вращения. Отрисовка гексагональных креплений-болтов. Модель отрисовки SVG. Управление порядком отрисовки и наложения объектов SVG.
    • Урок 6. Работа над сервисом отрисовки деталей и доработка их функциональности
      Создание треугольника. Написание сервиса отрисовки деталей. Реализация дополнительной функциональности для всех деталей: вращение, удаление с поля конструктора, изменение цвета.
    • Урок 7. Реализация палитры компонентов (деталей макета)
      Реализация перетаскивания Drag&Drop на элемент SVG. Определение координат при перетаскивании: пользовательские (user) и экранные (viewport) координаты в SVG, матрица текущих преобразований (CTM, Current Transformation Matrix) SVG, перевод из одной системы координат в другую.
    • Урок 8. Написание тестов для приложения
      Конфигурация запускателя модульных тестов Karma. Запускатель функциональных (E2E) тестов Protractor, его конфигурация. Написание модульных и функциональных тестов с использованием Jasmine. Тестирование асинхронного кода. Подведение итогов.


     

Участники складчины [повтор] [Geekbrains] AngularJS/D3.js смогут написать отзыв