USING SLUSH GULP WITH SLUSH GULP WITH MARKLOGIC . ... AngularJS SPA Single-page web ... Bower for dependency management CSS, Bootstrap libraries ANGULARJS BOWER. BOOTSTRAP . CSS .

Download USING SLUSH  GULP WITH   SLUSH  GULP WITH MARKLOGIC . ... AngularJS SPA Single-page web ... Bower for dependency management CSS, Bootstrap libraries ANGULARJS BOWER. BOOTSTRAP . CSS .

Post on 15-Feb-2018

212 views

Category:

Documents

0 download

TRANSCRIPT

  • COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Kasey Alderete, Product Manager, MarkLogic

    USING SLUSH & GULP WITH MARKLOGIC

  • SLIDE: 2

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Tap Into the JavaScript Ecosystem

    Rapid development

    Flexible options

    Build advanced apps

    Where to begin?

  • SLIDE: 3

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Harness the Power of MarkLogic

    Flexible data model

    Integrated search

    Out of the box developer APIs

    Where to begin?

  • slush-marklogic-node

  • SLIDE: 5

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    One Path Through the JavaScript Ecosystem

    Lets start

  • SLIDE: 6

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Install Required Dependencies Node.js

    npm

    gulp

    Slush

    Bower

    Git

    Ruby

  • npm install -g slush-marklogic-node

    Published on npm

    Code is open source on GitHub

    Install the generator on your machine

    Get the Goods

  • SLIDE: 8

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    You Are Here

    Ready to generate

  • slush marklogic-node hello-mlworld

    Stand up a marklogic-node application

    Run the Slush Generator

  • bower_components data deploy dist etc node-server node_modules rest-api src ui

    3 tier app out of the box

  • SLIDE: 11

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    MARKLOGIC

    Database MarkLogic Roxy deployer to configure the database

    Database, forest and App server

    Search options, transforms, extensions

    Roles, users

    RO

    XY D

    EP

    LOYE

    R

    CONTENT DATABASE

    SECURITY DATABASE

    MODULES DATABASE

    ROLES

    USERS

    EXTENSIONS

    TRANSFORMS

    SEARCH OPTIONS

  • SLIDE: 12

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Middle Tier Node.js Application Gulp as build tool

    Node.js application with an Express listener

    Dependencies, folders

    Thin middle tier as proxy layer

    NODE.JS GU

    LP

    EXPRESS

  • SLIDE: 13

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Front End AngularJS SPA Single-page web application

    Bower for dependency management

    CSS, Bootstrap libraries

    ANGULARJS BOW

    ER

    CSS HTML BOOTSTRAP

  • SLIDE: 14

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    You Are Here Are we done?

    Next:

    Add a facet

    Customize the look

    Integrate with Maps

    ?? Up to you

    Where to begin? next

  • SLIDE: 15

    COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

    Thank You! JavaScript + MarkLogic = fast, modern development

    Use slush-marklogic-node as a map to get started

    Leverage the community & the ecosystem:

    The Vanguard team maintains the project on GitHub

    Kasey Alderete, Product Manager, MarkLogic

    kaseya

    popzip

    slush-marklogic-node

    USING SLUSH & GULP WITH MARKLOGICTap Into the JavaScript EcosystemHarness the Power of MarkLogicslush-marklogic-nodeOne Path Through the JavaScript EcosystemInstall Required DependenciesGet the GoodsYou Are HereRun the Slush Generator3 tier app out of the boxDatabase MarkLogicMiddle Tier Node.js ApplicationFront End AngularJS SPAYou Are HereThank You!