break your designer dependency

60
Dev03 Break Your Domino Designer Dependency Keit h Strickla nd

Upload: red-pill-now

Post on 08-Jan-2017

1.259 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: Break Your Designer Dependency

Dev03Break Your Domino Designer Dependency

Keith Strickland

Page 2: Break Your Designer Dependency

Keith Strickland

[email protected]

@keithstric

redpillnow.comwww

Atlanta, Georgia

Keithstric.com

Page 3: Break Your Designer Dependency

Challenge the way you think about Notes data

Page 4: Break Your Designer Dependency

Change the way you approach your next project

Page 5: Break Your Designer Dependency

Change the way you develop applications for Notes Data

Page 6: Break Your Designer Dependency

We Talking About?

What Are

Page 7: Break Your Designer Dependency

No More DesignerWe’re Talking About

Page 8: Break Your Designer Dependency

CustomizationWe’re Talking About

Page 9: Break Your Designer Dependency

AutomationWe’re Talking About

Page 10: Break Your Designer Dependency

FreedomWe’re Talking About

Page 11: Break Your Designer Dependency

The ToolsWe’re Talking About

Page 12: Break Your Designer Dependency

Base RequirementsIBM Domino Server with DDS Enabled

NSF with DDS Enabled for Views and Documents and possibly a custom servlet

Willingness and determination to learn

Page 13: Break Your Designer Dependency

Desired OutcomesA custom JavaScript application running from anywhere other than within an NSF and we didn’t have to open Domino Designer to get there.

Page 14: Break Your Designer Dependency

Where to get started?

Page 15: Break Your Designer Dependency

Application Layer

Page 16: Break Your Designer Dependency

REST API

HTML 5Structure

CSS 3Style

JavaScriptBehaviourD

omino

Web Application

Architecture

Page 17: Break Your Designer Dependency

Dev Ops

Page 18: Break Your Designer Dependency

Dev Ops ToolsSublime Text

Node.js

Yeoman

Bower

Grunt/Gulp

Atlassian Suite

Page 19: Break Your Designer Dependency

Sublime Text – What?

Text Editor

JavaScript IDE

Page 20: Break Your Designer Dependency

Sublime Text – Why?

Productivi

ty

Page 21: Break Your Designer Dependency

Sublime Text v DDEThe JavaScript editor

sucks

Page 22: Break Your Designer Dependency

Sublime Text – Demo

Page 23: Break Your Designer Dependency

Node.js – What?

JavaScript driven web server

Page 24: Break Your Designer Dependency

Node.js – Why?

Almost every tool we’ll be using depends on Node.js.

Page 25: Break Your Designer Dependency

Yeoman – What?Automated application scaffolding tool

Page 26: Break Your Designer Dependency

Yeoman – Why?

One Day 10-15 minutes

Page 27: Break Your Designer Dependency

Yeoman v XPages

Starter Template

Page 28: Break Your Designer Dependency

Yeoman – Demo

Page 29: Break Your Designer Dependency

Bower – What?Manage

s Applicatio

n dependencie

s

Page 30: Break Your Designer Dependency

Bower – Why?

Saves

TimePrevents Mistakes

Page 31: Break Your Designer Dependency

Bower v XPages

In XPages…

Everything is Manual

Page 32: Break Your Designer Dependency

Bower – Demo

Page 33: Break Your Designer Dependency

Grunt/Gulp – What?

TaskRunners

Page 34: Break Your Designer Dependency

Grunt/Gulp – Why?

Productivity

Less Mistakes

Page 35: Break Your Designer Dependency

Grunt/Gulp v XPages

XPages doesn’t compile LESS or

SASS code

Page 36: Break Your Designer Dependency

Grunt/Gulp - Demo

Page 37: Break Your Designer Dependency

GIT – What?

Source Code Management

Page 38: Break Your Designer Dependency

GIT – Why?

Disaster Recovery

Team Development

Page 39: Break Your Designer Dependency

GIT v XPages

On Disk Project

Page 40: Break Your Designer Dependency

Jira – What?

TicketingAgile Development

Process

Page 41: Break Your Designer Dependency

Confluence – What?

Wiki

Page 42: Break Your Designer Dependency

Bamboo – What?

Continuous Integration

Server

Page 43: Break Your Designer Dependency

Atlassian – Why?

Productivity

Integration

Price

Page 44: Break Your Designer Dependency

Atlassian v XPages

Connections?

Page 45: Break Your Designer Dependency

Application Level Technologies

Page 46: Break Your Designer Dependency

JavaScriptUniversa

l programming language for

web browsers

Page 47: Break Your Designer Dependency

jQuery

The new JavaScript

Page 48: Break Your Designer Dependency

Backbone.js

Single Page

ApplicationsMVC Model

Page 49: Break Your Designer Dependency

Marionette.js

Builds on Backbone.js

Page 50: Break Your Designer Dependency

Require.js

Runtime Dependenc

y Manageme

nt

Page 51: Break Your Designer Dependency

Polymer

Google’s implementation

of Web

Componentsand Material

Design

Page 52: Break Your Designer Dependency
Page 53: Break Your Designer Dependency

XPages (Combo Box)

<table role="presentation" id="view:_id1:comboBox1"> <tbody> <tr> <td>Test 2</td> </tr> </tbody></table>

<span class="fieldValue">Test 2</span>

Page 54: Break Your Designer Dependency
Page 55: Break Your Designer Dependency

Modern

Page 56: Break Your Designer Dependency

Flexible

Page 57: Break Your Designer Dependency

Well Engineered

Page 58: Break Your Designer Dependency

Non-Proprietary

Page 59: Break Your Designer Dependency

Career Enhancing

Page 60: Break Your Designer Dependency