1. Новые складчины: Показать еще

    25.02.2017: Jonn22: Технология создания дорвеев. Бесплатный трафик!

    25.02.2017: Онлайн-курс по аналитике (Алексей Куличевский)

    25.02.2017: Как Научиться Плавать Кролем (Денис Тараканов)

    25.02.2017: Точный индикатор для Бинарных Опционов!Пришло время делать деньги!

    25.02.2017: Элитный курс «Фитнес-Нутрициолог»

  2. Нужен организатор: Показать еще

    25.02.2017: Как Научиться Плавать Кролем (Денис Тараканов)

    24.02.2017: [Игрушки] Кукла. Будуарная.

    24.02.2017: Quick Sender - Комбайн для продвижения в ВКонтакте

    24.02.2017: Создание складчины на http://prognoz.ninja/

    24.02.2017: (Similarweb) Доступ к сервису конкурентного анализа.

  3. Сбор взносов Показать еще

    24.02.2017: «Hi-Lo EXTREME» по ставкам на игре Hi-Lo !

    24.02.2017: Кудесник скоростной обработки фотографий в фотошопе (Накрошаев Олег)

    24.02.2017: Быстрые продажи по Москве с нуля до прибыли за 5 дней (Александр Дунаев)

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

    24.02.2017: Введение в облигации (roundabout)

Запись

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

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

Цена:
12970 руб
Взнос:
142 руб
Организатор:
Требуется
Участников:
0/100

(Список пока что пуст. Запишитесь первым!)

    Тип: Стандартная складчина
    1. Telegram

      Telegram Организатор складчин

      [повтор] [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. Тестирование асинхронного кода. Подведение итогов.



      https://www.skladchina.biz/threads/...афика-в-одностраничных-web-приложениях.58878/
       
      Telegram, 13 дек 2015
    2. Загрузка...

      Похожие складчины
      1. Telegram
        Запись

        [Повтор] [Geekbrains] Алгоритмы и структуры данных

        Telegram, 27 сен 2016, в разделе: Курсы по программированию
      2. Telegram
        Запись

        [Повтор][GeekBrains] Linux. Администрирование и...

        Telegram, 26 май 2016, в разделе: Курсы по администрированию
      3. Telegram
        Запись

        [Geekbrains] АнтиБыдлоКодер [Повтор]

        Telegram, 17 июл 2015, в разделе: Курсы по программированию
      4. Telegram
        Запись

        [Geekbrains] Javascript. Интерактивные веб-приложения [Повтор]

        Telegram, 28 июн 2015, в разделе: Курсы по программированию
      5. Telegram
        Запись

        [Повтор][geekbrains] Системное администрирование. Введение и...

        Telegram, 12 фев 2015, в разделе: Курсы по администрированию
      6. Telegram
        Запись

        [Geekbrains] Проектирование и юзабилити [Повтор]

        Telegram, 1 фев 2015, в разделе: Курсы по программированию
      7. Jam
        Запись

        [Повтор] Как за 3 дня создать высокодоходный сайт и начать зарабатывать деньги? (Александр Беляшов)

        Jam, 30 янв 2017, в разделе: Создание сайтов и Инфопродуктов, заработок на них

Наверх