0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann. presented by

Size: px
Start display at page:

Download "0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann. presented by"

Transcription

1 0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann presented by

2 Key Features Browser support Package/build system Easy widget building Declarative widget creation Rich built-in widget set Comprehensive JS/browser APIs Complex components: Trees, Editor Edge of the Web features

3 Bloat and Performance

4 From 0.4 to 1.0 Continued 0.4.x maintenance 0.9: beta released in early July final release end of July No : before the end of 2007

5 Straight to 0.9? Revisit fundamental decisions Remove backwards-compatibility code Trim away slow APIs Focus on quality, documentation Integrate new ideas Remediate 0.4.x pain points

6 0.4.x Pain Points Blank page problem, module overload Spaghetti require() s Markup parsing performance Widget layout performance Spotty theme support Inconsistent documentation Too much magic /cleverness

7 Project Organization Through 0.4.x, monolithic project 3 top-level projects for 0.9: Core Dijit DojoX Dojo Base

8 Stampede

9 Responsiveness How fast can we give users what they want? JavaScript (almost) always at a disadvantage First, do no harm Page loading impact Size on the wire

10 Responsiveness Parllelization, # of requests Cacheability Initialization hit, Unpacking UI construction We have to pick our battles! Pretty!== a good experience

11 Size on the Wire We can remove Whitespace, Comments, some variable names Packing Unpacking costs time! If network is fast, don t pack, only Gzip Cache Control The best bits on the wire are the ones you don t send.

12 Dojo and Size on the Wire Builds Java-based process Formerly used Ant. No longer! Use package system to create roll ups Can build your code, not just Dojo code! Can intern templates < build system could only create one roll up Any single code change churns the whole shebang! Layered Builds

13 Demo The Dojo Build System

14 Build Sizes Variant 0.4 Ajax 0.9 Base Uncompressed 319K 169K Built 148K 43K gzipped (OTW) 39K 20K

15 More Build Sizes Variant 0.4 Widget 0.9 Base + Dijit Uncompressed 443K 233K Built 197K 61K gzipped (OTW) 53K 29K

16 0.4 vs. 0.9: Object Allocation 15, ,250 7,500 3,750 0 Ajax build Widget infrastructure 100 widgets

17 0.4 vs. 0.9: Micro Benchmark 100 Buttons (Programmatic) 100 Buttons (Markup) 9,500 (ms) 7,125 4,750 2, x IE 0.4.x FF 0.9.x IE 0.9.x FF

18 0.9 Micro Benchmark 700 IE 7 FF 2.0 (Mac) Safari 3 (ms) Buttons Programmatic 10 Calendars Programmatic

19 Results 50-66% Smaller 5-20x Faster 35-50% Fewer Objects less memory and CPU utilization

20 But how does it look?

21

22

23

24 Dijit Themes: 100% CSS Driven

25 Great Experiences for Everyone Full a11y: Keyboard navigation WAI role and state hinting High-contrast mode support More than the letter of the law Easy i18n support Localizations this year

26 The Power of Markup Easily express hierarchal relationships Terse for outlining default-ish behavior Very complex for fine tweaks CSS added to HTML, XSL-FO We want to expose powerful primitives in markup with common flags Advanced configuration should be deferred to script Markup is an awful programming language (see: Ant) In short: Upgrade the web without upgrading the clients

27 Example: Date Inputs <html><head> <script src="dojo/dojo.js" type="text/javascript"></script> <script type="text/javascript"> dojo.require("dijit.form.datetextbox"); dojo.require("dojo.parser"); </script> </head><body> <form method="post" action="foo.php"> <input type="text" name="wwdc_date" value=" " dojotype="dijit.form.datetextbox" constraints="{locale:'en-us'}"> <input type="submit"> </form> </body></html>

28 Demo Date Inputs

29 But What About Existing Markup? Not everything needs a widget Progressive enhancement Behavior libraries abound Brutally slow! Most are not re-application safe Introducing: dojo.behavior

30 Example (markup) <html> <head> <! > </head> <body> <span class="showhidetoggle" togglefor="content1"> label text </span> <div id="content1"> <! > </div> </body> </html>

31 dojo.require("dojo.behavior"); function togglecontent(evt){ var n = evt.target.fornode; var direction = (n.wipein)? "slidein" : "slideout"; dojo.fx[direction]({ node: n }).play(); n.wipein =!n.wipein; } dojo.behavior.add({ ".showhidetoggle": { found: function(node){ node.fornode = dojo.byid(node.getattribute("togglefor")); dojo.style(node.fornode, "display", "none"); node.fornode.wipein = true; }, onclick: togglecontent } });

32 Demo Unobtrusive Enhancement

33 dojo.query The basis for widget parsing and for behavior Accepts most CSS3 selectors Supports scoped queries Returns a real array NodeList class augments with JS 1.6 methods, even on IE Simple methods for affecting all matched elements.

34 dojo.query Really, really fast CSS -> XPath where possible Native implementation tuned for speed So fast you shouldn t have to think twice about using it

35 // get all nodes in the document with a property var foo = dojo.query("[whimsicalproperty]"); // connect an onclick handler to all buttons dojo.query("button").connect("onclick", function(){ }); // set a border on all tables... dojo.query("table").styles("border", "1px solid black"); //...or make just the first one translucent dojo.query("table").style("opacity", 0.5); // wipe out all cells in odd-numbered rows of a table dojo.query("#mytable tr:nth-child(odd) > td").slideout().play (); // only search for elements w/ a class under a certain node dojo.query(".someclass", dojo.byid("scopenode"));

36 dijit.declaration Widgets are just classes We can create instances of classes in markup So we can create a class creator in markup And then use those classes immediately

37 <div dojotype="dijit.declaration" widgetclass="foo.bar" defaults="{ label: blah }" >...some markup... <button dojotype="dijit.form.button"> ${label} </button>... more markup </div> <! > <div dojotype="foo.bar" label="foo"></div> <div dojotype="foo.bar" label="bar"></div>

38 Demo Dijit Declaration

39 Dojox Experimental features e.g. dojox.gfx, offline, comet, charting Less-widely used features e.g. event advice: dojox.advice.before()

40

41 Dojo Offline Features Integrates with Google Gears Provides high-level abstractions to low-level Gears APIs: Log-replay based synchronization Default UI for online/offline/sync/conflict notification Hash-table interface to various storage providers: Gears (via dojox.sql) Native (WhatWG DOM Storage) Flash (via dojox.flash)

42 Testing d.o.h New unit test harness Command-line Or within the browser Firebug lite ships with Dojo

43 Summary Dojo 0.9 helps you deliver great experiences through: Outstanding performance Easy-to-understand APIs Powerful, portable building blocks Open, extensible upgrades to HTML

44

45 Thanks! Questions and Answers

A Closer Look at XPages in IBM Lotus Domino Designer 8.5 Ray Chan Advisory I/T Specialist Lotus, IBM Software Group

A Closer Look at XPages in IBM Lotus Domino Designer 8.5 Ray Chan Advisory I/T Specialist Lotus, IBM Software Group A Closer Look at XPages in IBM Lotus Domino Designer 8.5 Ray Chan Advisory I/T Specialist Lotus, IBM Software Group 2008 IBM Corporation Agenda XPage overview From palette to properties: Controls, Ajax

More information

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments. Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led

More information

Google Wave Client: Powered by GWT. Adam Schuck 28 May, 2009

Google Wave Client: Powered by GWT. Adam Schuck 28 May, 2009 Google Wave Client: Powered by GWT Adam Schuck 28 May, 2009 Google Wave client search abuse detection saved searches folders authentication access control playback waves attachments gadgets contacts presence

More information

It's a cross-platform vector graphics package written in JavaScript. Frequently referenced as dojox.gfx or dojo.gfx. Supported backends:

It's a cross-platform vector graphics package written in JavaScript. Frequently referenced as dojox.gfx or dojo.gfx. Supported backends: What is DojoX GFX? It's a cross-platform vector graphics package written in JavaScript. Frequently referenced as dojox.gfx or dojo.gfx. Supported backends: SVG (FF, Opera, Webkit/Safari 3 beta). VML (IE6,

More information

Dojo Meets XPages in IBM Lotus Domino 8.5. Steve Leland PouchaPond Software

Dojo Meets XPages in IBM Lotus Domino 8.5. Steve Leland PouchaPond Software Dojo Meets XPages in IBM Lotus Domino 8.5 Steve Leland PouchaPond Software Agenda What is Dojo? We (XPages) use it. Setup for Dojomino development. You can use Dojo too! Demo Q&A What is Dojo? Open source

More information

Delivery Options: Attend face-to-face in the classroom or remote-live attendance.

Delivery Options: Attend face-to-face in the classroom or remote-live attendance. XML Programming Duration: 5 Days Price: $2795 *California residents and government employees call for pricing. Discounts: We offer multiple discount options. Click here for more info. Delivery Options:

More information

Delivery Options: Attend face-to-face in the classroom or via remote-live attendance.

Delivery Options: Attend face-to-face in the classroom or via remote-live attendance. XML Programming Duration: 5 Days US Price: $2795 UK Price: 1,995 *Prices are subject to VAT CA Price: CDN$3,275 *Prices are subject to GST/HST Delivery Options: Attend face-to-face in the classroom or

More information

Etanova Enterprise Solutions

Etanova Enterprise Solutions Etanova Enterprise Solutions Front End Development» 2018-09-23 http://www.etanova.com/technologies/front-end-development Contents HTML 5... 6 Rich Internet Applications... 6 Web Browser Hardware Acceleration...

More information

Enriching Portal user experience using Dojo toolkit support in IBM Rational Application Developer v8 for IBM WebSphere Portal

Enriching Portal user experience using Dojo toolkit support in IBM Rational Application Developer v8 for IBM WebSphere Portal Enriching Portal user experience using Dojo toolkit support in IBM Rational Application Developer v8 for IBM WebSphere Portal Summary: Learn how to create Portlet applications for Websphere Portal for

More information

Creating Custom Dojo Widgets Using WTP

Creating Custom Dojo Widgets Using WTP Creating Custom Dojo Widgets Using WTP Nick Sandonato IBM Rational Software WTP Source Editing Committer nsandona@us.ibm.com Copyright IBM Corp., 2009. All rights reserved; made available under the EPL

More information

Course Details. Skills Gained. Who Can Benefit. Prerequisites. View Online URL:

Course Details. Skills Gained. Who Can Benefit. Prerequisites. View Online URL: Specialized - Mastering jquery Code: Lengt h: URL: TT4665 4 days View Online Mastering jquery provides an introduction to and experience working with the JavaScript programming language in the environment

More information

Enriching SAP MII (SAP Manufacturing Integration and Intelligence) UIs Using Dojo

Enriching SAP MII (SAP Manufacturing Integration and Intelligence) UIs Using Dojo Enriching SAP MII (SAP Manufacturing Integration and Intelligence) UIs Using Dojo Applies to: SAP MII. For more information, visit the Manufacturing homepage. Summary Very often we face a challenge to

More information

Customizing the Blackboard Learn UI & Tag Libraries. George Kroner, Developer Relations Engineer

Customizing the Blackboard Learn UI & Tag Libraries. George Kroner, Developer Relations Engineer Customizing the Blackboard Learn UI & Tag Libraries George Kroner, Developer Relations Engineer Agenda Product capabilities Capabilities in more depth Building Blocks revisited (tag libraries) Tag libraries

More information

Ajax Performance Analysis. Ryan Breen

Ajax Performance Analysis. Ryan Breen Ajax Performance Analysis Ryan Breen Ajax Performance Analysis Who Goals Ryan Breen: VP Technology at Gomez and blogger at ajaxperformance.com Survey tools available to developers Understand how to approach

More information

The Dojo Ecosystem: How Open-Source and Commercial Succeed Together

The Dojo Ecosystem: How Open-Source and Commercial Succeed Together presents The Dojo Ecosystem: How Open-Source and Commercial Succeed Together Nice to Meet you Dylan Schiemann Co-Founder of Dojo Toolkit CEO, SitePen, Inc. President, Dojo Foundation Based in Phoenix area

More information

Fundamentals of Website Development

Fundamentals of Website Development Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science In this chapter History of HTML HTML 5-2- 1 The birth of HTML HTML Blows and standardization -3- -4-2 HTML 4.0

More information

State of the Open Web. Brad Neuberg, Google

State of the Open Web. Brad Neuberg, Google State of the Open Web Brad Neuberg, Google http://flickr.com/photos/jamespaullong/164875156/ Who is this guy? Ajax Image CC: jopemoro/flickr Who is this guy? Ajax Image CC: jopemoro/flickr Ajax Who is

More information

The main differences with other open source reporting solutions such as JasperReports or mondrian are:

The main differences with other open source reporting solutions such as JasperReports or mondrian are: WYSIWYG Reporting Including Introduction: Content at a glance. Create A New Report: Steps to start the creation of a new report. Manage Data Blocks: Add, edit or remove data blocks in a report. General

More information

Programming the World Wide Web by Robert W. Sebesta

Programming the World Wide Web by Robert W. Sebesta Programming the World Wide Web by Robert W. Sebesta Tired Of Rpg/400, Jcl And The Like? Heres A Ticket Out Programming the World Wide Web by Robert Sebesta provides students with a comprehensive introduction

More information

Web Development. with Bootstrap, PHP & WordPress

Web Development. with Bootstrap, PHP & WordPress Web Development With Bootstrap, PHP & Wordpress Curriculum We deliver all our courses as Corporate Training as well if you are a group interested in the course, this option may be more advantageous for

More information

Siteforce Pilot: Best Practices

Siteforce Pilot: Best Practices Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front

More information

Learn Web Development CodersTrust Polska course outline. Hello CodersTrust! Unit 1. HTML Structuring the Web Prerequisites Learning pathway.

Learn Web Development CodersTrust Polska course outline. Hello CodersTrust! Unit 1. HTML Structuring the Web Prerequisites Learning pathway. Learn Web Development CodersTrust Polska course outline Hello CodersTrust! Syllabus Communication Publishing your work Course timeframe Kick off Unit 1 Getting started with the Web Installing basic software

More information

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 MODULE 1: OVERVIEW OF HTML AND CSS This module provides an overview of HTML and CSS, and describes how to use Visual Studio 2012

More information

I, J, K. Eclipse, 156

I, J, K. Eclipse, 156 Index A, B Android PhoneGap app, 158 deploying and running, 172 New Eclipse project, 158 Activity dialog, 162 application properties, 160 AVD, 170 configuration, 167 Launcher Icon dialog, 161 PhoneGap

More information

Building Mashups Using the ArcGIS APIs for FLEX and JavaScript. Shannon Brown Lee Bock

Building Mashups Using the ArcGIS APIs for FLEX and JavaScript. Shannon Brown Lee Bock Building Mashups Using the ArcGIS APIs for FLEX and JavaScript Shannon Brown Lee Bock Agenda Introduction Mashups State of the Web Client ArcGIS Javascript API ArcGIS API for FLEX What is a mashup? What

More information

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory IBM Corporation 2011 Who am I? 2 Agenda Mobile web applications and Web Experience Factory Tour of Web Experience

More information

Software Compare and Contrast

Software Compare and Contrast Microsoft Software Compare and Contrast Word Easy to navigate. Compatible with all PC computers. Very versatile. There are lots of templates that can be used to create flyers, calendars, resumes, etc.

More information

Unveiling Zend Studio 8.0

Unveiling Zend Studio 8.0 Unveiling Zend Studio 8.0 Roy Ganor Project Lead Zend Studio http://twitter.com/royganor Download! Native Installers! Zend Studio Releases 2006 2007 2007 2008 2008 2009 2009 2010 2010 Studio 6.0 Studio

More information

Website Development Lecture 18: Working with JQuery ================================================================================== JQuery

Website Development Lecture 18: Working with JQuery ================================================================================== JQuery JQuery What You Will Learn in This Lecture: What jquery is? How to use jquery to enhance your pages, including adding rich? Visual effects and animations. JavaScript is the de facto language for client-side

More information

AngularJS Fundamentals

AngularJS Fundamentals AngularJS Fundamentals by Jeremy Zerr Blog: http://www.jeremyzerr.com LinkedIn: http://www.linkedin.com/in/jrzerr Twitter: http://www.twitter.com/jrzerr What is AngularJS Open Source Javascript MVC/MVVM

More information

Merging Ajax and Accessibility

Merging Ajax and Accessibility Merging Ajax and Accessibility Mark Meeker Architect, Orbitz Worldwide The Ajax Experience San Francisco - July 27, 2007 Merging Ajax and Accessibility - 1 Mark Meeker Architect, UI Engineering Orbitz

More information

1 CUSTOM TAG FUNDAMENTALS PREFACE... xiii. ACKNOWLEDGMENTS... xix. Using Custom Tags The JSP File 5. Defining Custom Tags The TLD 6

1 CUSTOM TAG FUNDAMENTALS PREFACE... xiii. ACKNOWLEDGMENTS... xix. Using Custom Tags The JSP File 5. Defining Custom Tags The TLD 6 PREFACE........................... xiii ACKNOWLEDGMENTS................... xix 1 CUSTOM TAG FUNDAMENTALS.............. 2 Using Custom Tags The JSP File 5 Defining Custom Tags The TLD 6 Implementing Custom

More information

Review of Mobile Web Application Frameworks

Review of Mobile Web Application Frameworks Review of Mobile Web Application Frameworks Article Number: 909 Rating: Unrated Last Updated: Mon, May 9, 2011 at 10:57 AM If you are serious about getting your website or web application mobile-friendly,

More information

Part 1: jquery & History of DOM Scripting

Part 1: jquery & History of DOM Scripting Karl Swedberg: Intro to JavaScript & jquery 0:00:00 0:05:00 0:05:01 0:10:15 0:10:16 0:12:36 0:12:37 0:13:32 0:13:32 0:14:16 0:14:17 0:15:42 0:15:43 0:16:59 0:17:00 0:17:58 Part 1: jquery & History of DOM

More information

Rich Web UI made simple Building Data Dashboards without Code

Rich Web UI made simple Building Data Dashboards without Code Rich Web UI made simple Building Data Dashboards without Code Dana Singleterry http://blogs.oracle.com/dana Product Manager Oracle JDeveloper and Oracle ADF 2 Copyright 2012, Oracle and/or its affiliates.

More information

Chapter 8: Using Toolbars

Chapter 8: Using Toolbars Chapter 8: Using Toolbars As a GIS web application developer you want to focus on building functionality specific to the application you are constructing. Spending valuable time and effort adding basic

More information

Oracle Fusion Middleware 11g: Build Applications with ADF Accel

Oracle Fusion Middleware 11g: Build Applications with ADF Accel Oracle University Contact Us: +352.4911.3329 Oracle Fusion Middleware 11g: Build Applications with ADF Accel Duration: 5 Days What you will learn This is a bundled course comprising of Oracle Fusion Middleware

More information

Client Side JavaScript and AJAX

Client Side JavaScript and AJAX Client Side JavaScript and AJAX Client side javascript is JavaScript that runs in the browsers of people using your site. So far all the JavaScript code we've written runs on our node.js server. This is

More information

Create-A-Page Design Documentation

Create-A-Page Design Documentation Create-A-Page Design Documentation Group 9 C r e a t e - A - P a g e This document contains a description of all development tools utilized by Create-A-Page, as well as sequence diagrams, the entity-relationship

More information

THE NEW ERA OF WEB DEVELOPMENT. qooxdoo. Andreas Ecker, Derrell Lipman

THE NEW ERA OF WEB DEVELOPMENT. qooxdoo. Andreas Ecker, Derrell Lipman THE NEW ERA OF WEB DEVELOPMENT qooxdoo Andreas Ecker, Derrell Lipman The Ajax Experience, 25-27 July 2007 1 Introduction Client-side JavaScript framework Professional application development Comprehensive

More information

Adobe Dreamweaver CS6 Digital Classroom

Adobe Dreamweaver CS6 Digital Classroom Adobe Dreamweaver CS6 Digital Classroom Osborn, J ISBN-13: 9781118124093 Table of Contents Starting Up About Dreamweaver Digital Classroom 1 Prerequisites 1 System requirements 1 Starting Adobe Dreamweaver

More information

Advanced Development with the ArcGIS API for JavaScript. Jeremy Bartley, Kelly Hutchins, Derek Swingley

Advanced Development with the ArcGIS API for JavaScript. Jeremy Bartley, Kelly Hutchins, Derek Swingley Advanced Development with the ArcGIS API for JavaScript Jeremy Bartley, Kelly Hutchins, Derek Swingley Agenda FeatureLayer esri.request and Identity Manager OO JS Building your first Dijit Popups Working

More information

eclipse rich ajax platform (rap)

eclipse rich ajax platform (rap) eclipse rich ajax platform (rap) winner Jochen Krause CEO Innoopract Member of the Board of Directors Eclipse Foundation jkrause@innoopract.com GmbH outline rich ajax platform project status and background

More information

Building mobile app using Cordova and AngularJS, common practices. Goran Kopevski

Building mobile app using Cordova and AngularJS, common practices. Goran Kopevski Building mobile app using Cordova and AngularJS, common practices Goran Kopevski Agenda What is cordova? How to choose proper JS framework Building mobile app using Cordova and AngularJS Common fails,

More information

Drupal 8 THE VIDER ITY APPR OACH

Drupal 8 THE VIDER ITY APPR OACH Drupal 8 THE VIDER ITY APPROACH Introduction DR UPAL 8: THE VIDER ITY APPROACH Viderity focuses on designing the Total User Experience for Drupal sites, using a user-centered design approach Traditionally,

More information

Installation Guide. Sitecore Federated Experience Manager. Installation & Configuration Guide

Installation Guide. Sitecore Federated Experience Manager. Installation & Configuration Guide Sitecore Federated Experience Manager Installation Guide Rev: 23 August 2014 Sitecore Federated Experience Manager Installation Guide Installation & Configuration Guide Table of Contents Chapter 1 Overview...

More information

WME MathEdit. An initial report on the WME tool for creating & editing mathematics. by K. Cem Karadeniz

WME MathEdit. An initial report on the WME tool for creating & editing mathematics. by K. Cem Karadeniz 00 000 00 0 000 000 0 WME MathEdit An initial report on the WME tool for creating & editing mathematics by K. Cem Karadeniz 00 000 00 0 000 000 0 Outline MathML WME MathEdit Tool Selection for Implementation

More information

Page 1. Peers Technologies Pvt. Ltd. Course Brochure. Share Point 2007

Page 1. Peers Technologies Pvt. Ltd. Course Brochure. Share Point 2007 Page 1 Peers Technologies Pvt. Ltd. Course Brochure Page 2 Overview SharePoint is becoming the web development platform of the future. The ability to quickly plan, design, deploy and utilize effective

More information

dojo.walkthrough Wolfram Kriesing March 6, 2008 Mayflower thursday - Würzburg

dojo.walkthrough Wolfram Kriesing March 6, 2008 Mayflower thursday - Würzburg dojo.walkthrough Wolfram Kriesing March 6, 2008 Mayflower thursday - Würzburg dojo.basics namespaced (dojo.lang, dojo.fx, dijit.form) dojo, dijit, dojox, yournamespace package system build system (incl.

More information

JavaScript Programming

JavaScript Programming JavaScript Programming Course ISI-1337B - 5 Days - Instructor-led, Hands on Introduction Today, JavaScript is used in almost 90% of all websites, including the most heavilytrafficked sites like Google,

More information

Web Mapping Applications with ArcGIS. Bernie Szukalski Derek Law

Web Mapping Applications with ArcGIS. Bernie Szukalski Derek Law Web Mapping Applications with ArcGIS Bernie Szukalski Derek Law Agenda Web Mapping and Map Services Fundamentals ArcGIS Web Mapping Applications - Hosted online - Hosted on-premise Summary Web Application

More information

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new

More information

Outline. Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages

Outline. Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages JavaScript CMPT 281 Outline Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages Announcements Layout with tables Assignment 3 JavaScript Resources Resources Why JavaScript?

More information

Oracle Mobile Application Framework

Oracle Mobile Application Framework Oracle Mobile Application Framework Oracle Mobile Application Framework (Oracle MAF) is a hybrid-mobile development framework that enables development teams to rapidly develop single-source applications

More information

Introduction to JavaScript. Evan Caldwell & James Tedrick

Introduction to JavaScript. Evan Caldwell & James Tedrick Introduction to JavaScript Evan Caldwell & James Tedrick Agenda Getting Started - Meet the Esri API for JavaScript! - Meet Dojo! - Tools of the trade My First App JS API fundamentals How JS apps work Where

More information

Web Development 20480: Programming in HTML5 with JavaScript and CSS3. Upcoming Dates. Course Description. Course Outline

Web Development 20480: Programming in HTML5 with JavaScript and CSS3. Upcoming Dates. Course Description. Course Outline Web Development 20480: Programming in HTML5 with JavaScript and CSS3 Learn how to code fully functional web sites from the ground up using best practices and web standards with or without an IDE! This

More information

STARCOUNTER. Technical Overview

STARCOUNTER. Technical Overview STARCOUNTER Technical Overview Summary 3 Introduction 4 Scope 5 Audience 5 Prerequisite Knowledge 5 Virtual Machine Database Management System 6 Weaver 7 Shared Memory 8 Atomicity 8 Consistency 9 Isolation

More information

WordPress 4.9, "Tipton": Major Customizer Improvements, Code Error Checking, and More!

WordPress 4.9, Tipton: Major Customizer Improvements, Code Error Checking, and More! WordPress 4.9, "Tipton": Major Customizer Improvements, Code Error Checking, and More! Version 4.9 of WordPress, named Tipton in honor of jazz musician and band leader Billy Tipton, is available for download

More information

JavaScript Libraries. Ajax Experience - October John Resig (ejohn.org)

JavaScript Libraries. Ajax Experience - October John Resig (ejohn.org) JavaScript Libraries Ajax Experience - October 2007 John Resig (ejohn.org) Question: How do you want to write JavaScript? 1) Plug-and-Play Drop in a calendar widget or tabbed navigation Little, to no,

More information

Overview. Principal Product Manager Oracle JDeveloper & Oracle ADF

Overview. Principal Product Manager Oracle JDeveloper & Oracle ADF Rich Web UI made simple an ADF Faces Overview Dana Singleterry Dana Singleterry Principal Product Manager Oracle JDeveloper & Oracle ADF Agenda Comparison: New vs. Old JDeveloper Provides JSF Overview

More information

<Insert Picture Here>

<Insert Picture Here> Oracle Forms Modernization with Oracle Application Express Marc Sewtz Software Development Manager Oracle Application Express Oracle USA Inc. 540 Madison Avenue,

More information

Web Development. With PHP. Web Development With PHP

Web Development. With PHP. Web Development With PHP Web Development With PHP Web Development With PHP We deliver all our courses as Corporate Training as well if you are a group interested in the course, this option may be more advantageous for you. 8983002500/8149046285

More information

Sample CS 142 Midterm Examination

Sample CS 142 Midterm Examination Sample CS 142 Midterm Examination Spring Quarter 2016 You have 1.5 hours (90 minutes) for this examination; the number of points for each question indicates roughly how many minutes you should spend on

More information

Oracle Application Express 5 New Features

Oracle Application Express 5 New Features Oracle Application Express 5 New Features 20th HrOUG conference October 16, 2015 Vladislav Uvarov Software Development Manager Database Server Technologies Division Copyright 2015, Oracle and/or its affiliates.

More information

HTML 5: Fact and Fiction Nathaniel T. Schutta

HTML 5: Fact and Fiction Nathaniel T. Schutta HTML 5: Fact and Fiction Nathaniel T. Schutta Who am I? Nathaniel T. Schutta http://www.ntschutta.com/jat/ @ntschutta Foundations of Ajax & Pro Ajax and Java Frameworks UI guy Author, speaker, teacher

More information

Comet and WebSocket Web Applications How to Scale Server-Side Event-Driven Scenarios

Comet and WebSocket Web Applications How to Scale Server-Side Event-Driven Scenarios Comet and WebSocket Web Applications How to Scale Server-Side Event-Driven Scenarios Simone Bordet sbordet@intalio.com 1 Agenda What are Comet web applications? Impacts of Comet web applications WebSocket

More information

GRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1

GRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1 AJAX & GWT Trey Roby GRITS 5/14/09 Roby - 1 1 Change The Web is Changing Things we never imagined Central to people s lives Great Opportunity GRITS 5/14/09 Roby - 2 2 A Very Brief History of Computing

More information

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014 Course Title Adobe Dreamweaver CC 2014 Course Description Adobe Dreamweaver CC (Creative Clouds) is the world's most powerful web design program. Our Dreamweaver course ''certified by Adobe ''includes

More information

Designing the Home Page and Creating Additional Pages

Designing the Home Page and Creating Additional Pages Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From

More information

[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with

[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jquery Harness the cutting edge features of Dreamweaver for mobile and web development David Karl ins [PACKT] PUBLISHING BIRMINGHAM -

More information

All India Council For Research & Training

All India Council For Research & Training WEB DEVELOPMENT & DESIGNING Are you looking for a master program in web that covers everything related to web? Then yes! You have landed up on the right page. Web Master Course is an advanced web designing,

More information

Client-side Debugging. Gary Bettencourt

Client-side Debugging. Gary Bettencourt Client-side Debugging Gary Bettencourt Overview What is client-side debugging Tool overview Simple & Advanced techniques Debugging on Mobile devices Overview Client debugging involves more then just debugging

More information

ArcGIS for Developers: An Introduction. Moey Min Ken

ArcGIS for Developers: An Introduction. Moey Min Ken ArcGIS for Developers: An Introduction Moey Min Ken AGENDA Is development right for me? Building Apps on the ArcGIS platform Rest API & Web API Native SDKs Configurable Apps and Builders Extending the

More information

Enhancing Development with Dojo Core

Enhancing Development with Dojo Core Enhancing Development with Dojo Core This chapter shows the Dojo core of basic JavaScript language enhancements that provides the foundation for all of the other tools and systems offered by the toolkit.

More information

Javascript Performance in the Browser. Charlie Fiskeaux II User Interface Engineer

Javascript Performance in the Browser. Charlie Fiskeaux II User Interface Engineer Javascript Performance in the Browser Charlie Fiskeaux II User Interface Engineer About Me & Circonus Lead User Interface Engineer for Circonus Industry-leading monitoring and analytics platform We deploy

More information

INTRODUCTION TO JAVASCRIPT

INTRODUCTION TO JAVASCRIPT INTRODUCTION TO JAVASCRIPT Overview This course is designed to accommodate website designers who have some experience in building web pages. Lessons familiarize students with the ins and outs of basic

More information

Basic Steps for Creating an Application with the ArcGIS Server API for JavaScript

Basic Steps for Creating an Application with the ArcGIS Server API for JavaScript Chapter 4: Working with Maps and Layers Now that you have a taste of ArcGIS Server and the API for JavaScript it s time to actually get to work and learn how to build some great GIS web applications! The

More information

GWT and jmaki: Expanding the GWT Universe. Carla Mott, Staff Engineer, Sun Microsystems Greg Murray, Ajax Architect, Sun Microsystems

GWT and jmaki: Expanding the GWT Universe. Carla Mott, Staff Engineer, Sun Microsystems Greg Murray, Ajax Architect, Sun Microsystems GWT and jmaki: Expanding the GWT Universe Carla Mott, Staff Engineer, Sun Microsystems Greg Murray, Ajax Architect, Sun Microsystems Learn how to enhance Google Web Toolkit (GWT) to include many Ajax enabled

More information

Ext3/4 file systems. Don Porter CSE 506

Ext3/4 file systems. Don Porter CSE 506 Ext3/4 file systems Don Porter CSE 506 Logical Diagram Binary Formats Memory Allocators System Calls Threads User Today s Lecture Kernel RCU File System Networking Sync Memory Management Device Drivers

More information

THE PRAGMATIC INTRO TO REACT. Clayton Anderson thebhwgroup.com WEB AND MOBILE APP DEVELOPMENT AUSTIN, TX

THE PRAGMATIC INTRO TO REACT. Clayton Anderson thebhwgroup.com WEB AND MOBILE APP DEVELOPMENT AUSTIN, TX THE PRAGMATIC INTRO TO REACT Clayton Anderson thebhwgroup.com WEB AND MOBILE APP DEVELOPMENT AUSTIN, TX REACT "A JavaScript library for building user interfaces" But first... HOW WE GOT HERE OR: A BRIEF

More information

Session 16. JavaScript Part 1. Reading

Session 16. JavaScript Part 1. Reading Session 16 JavaScript Part 1 1 Reading Reading Wikipedia en.wikipedia.org/wiki/javascript / p W3C www.w3.org/tr/rec-html40/interact/scripts.html Web Developers Notes www.webdevelopersnotes.com/tutorials/javascript/

More information

P a g e 1. Danish Tecnological Institute. Developer Collection Online Course k Developer Collection

P a g e 1. Danish Tecnological Institute. Developer Collection   Online Course k Developer Collection P a g e 1 Online Course k72809 P a g e 2 Title Estimated Duration (hrs) Adobe Acrobat Pro XI Fundamentals 1 Introduction to CQRS 2 Introduction to Eclipse 2 NHibernate Essentials 2 Advanced Scrum: Addressing

More information

Oracle APEX 18.1 New Features

Oracle APEX 18.1 New Features Oracle APEX 18.1 New Features May, 2018 Safe Harbor Statement The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated

More information

jquery with Fundamentals of JavaScript Training

jquery with Fundamentals of JavaScript Training 418, 4th Floor, Nandlal Hsg Society, Narayan peth, Above Bedekar misal, Munjobacha Bol, Shagun Chowk, Pune - 411030 India Contact: 8983002500 Website Facebook Twitter LinkedIn jquery with Fundamentals

More information

PHP & PHP++ Curriculum

PHP & PHP++ Curriculum PHP & PHP++ Curriculum CORE PHP How PHP Works The php.ini File Basic PHP Syntax PHP Tags PHP Statements and Whitespace Comments PHP Functions Variables Variable Types Variable Names (Identifiers) Type

More information

University of Toronto School of Continuing Studies. A Conceptual Overview of E-Business Technologies

University of Toronto School of Continuing Studies. A Conceptual Overview of E-Business Technologies University of Toronto School of Continuing Studies A Conceptual Overview of E-Business Technologies Day 6 - Conceptual Overview of E-Business Technologies Software Solutions for E-Business Programming

More information

Wakanda Architecture. Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework

Wakanda Architecture. Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework Wakanda Architecture Wakanda is made up of three main components: Wakanda Server Wakanda Studio Wakanda Client Framework Note: For a more general overview of Wakanda, please see What is Wakanda?) Wakanda

More information

Build Native-like Experiences in HTML5

Build Native-like Experiences in HTML5 Developers Build Native-like Experiences in HTML5 The Chrome Apps Platform Joe Marini - Chrome Developer Advocate About Me Joe Marini Developer Relations Lead - Google Chrome google.com/+joemarini @joemarini

More information

Jquery Ajax Json Php Mysql Data Entry Example

Jquery Ajax Json Php Mysql Data Entry Example Jquery Ajax Json Php Mysql Data Entry Example Then add required assets in head which are jquery library, datatable js library and css By ajax api we can fetch json the data from employee-grid-data.php.

More information

XAP: extensible Ajax Platform

XAP: extensible Ajax Platform XAP: extensible Ajax Platform Hermod Opstvedt Chief Architect DnB NOR ITUD Hermod Opstvedt: XAP: extensible Ajax Platform Slide 1 It s an Ajax jungle out there: XAML Dojo Kabuki Rico Direct Web Remoting

More information

ò Very reliable, best-of-breed traditional file system design ò Much like the JOS file system you are building now

ò Very reliable, best-of-breed traditional file system design ò Much like the JOS file system you are building now Ext2 review Very reliable, best-of-breed traditional file system design Ext3/4 file systems Don Porter CSE 506 Much like the JOS file system you are building now Fixed location super blocks A few direct

More information

Introduction to Computer Science Web Development

Introduction to Computer Science Web Development Introduction to Computer Science Web Development Flavio Esposito http://cs.slu.edu/~esposito/teaching/1080/ Lecture 9 Lecture Outline Text Styling Some useful CSS properties The Box Model essential to

More information

Executive Summary. Performance Report for: The web should be fast. Top 4 Priority Issues

Executive Summary. Performance Report for:   The web should be fast. Top 4 Priority Issues The web should be fast. Executive Summary Performance Report for: https://www.wpspeedupoptimisation.com/ Report generated: Test Server Region: Using: Tue,, 2018, 12:04 PM -0800 London, UK Chrome (Desktop)

More information

Themes and Master Pages

Themes and Master Pages Themes and Master Pages Today you will learn Styles Themes Master Pages CSE 409 Advanced Internet Technology Styles CSE 409 Advanced Internet Technology 2 Creating a Basic Inline Style To apply style to

More information

Embracing HTML5 CSS </> JS javascript AJAX. A Piece of the Document Viewing Puzzle

Embracing HTML5 CSS </> JS javascript AJAX. A Piece of the Document Viewing Puzzle Embracing HTML5 AJAX CSS JS javascript A Piece of the Document Viewing Puzzle Embracing HTML5: A Piece of the Document Viewing Puzzle For businesses and organizations across the globe, being able to

More information

Dojo: An Accessible JavaScript Toolkit

Dojo: An Accessible JavaScript Toolkit Dojo: An Accessible JavaScript Toolkit Becky Gibson Web Accessibility Architect Agenda What is Dojo? Dojo Schedule and Plans Dojo Widgets Dojo Widget Accessibility Strategy ARIA Overview Demo Questions

More information

Oracle Fusion Middleware 11g: Build Applications with ADF I

Oracle Fusion Middleware 11g: Build Applications with ADF I Oracle University Contact Us: +966 1 1 2739 894 Oracle Fusion Middleware 11g: Build Applications with ADF I Duration: 5 Days What you will learn This course is aimed at developers who want to build Java

More information

Peers Technologies Pvt. Ltd. SHAREPOINT 2010 SHAREPOINT 2010 USAGE SHAREPOINT SERVER 2010 ADMINISTRATION SHAREPOINT SERVER 2010 DESIGN

Peers Technologies Pvt. Ltd. SHAREPOINT 2010 SHAREPOINT 2010 USAGE SHAREPOINT SERVER 2010 ADMINISTRATION SHAREPOINT SERVER 2010 DESIGN Page 1 Peers Technologies Pvt. Ltd. Course Brochure 2010 2010 USAGE SERVER 2010 ADMINISTRATION SERVER 2010 DESIGN SERVER 2010 DEVELOPMENT Page 2 SharePoint 2010 Usage Course Outline This course takes users

More information

Microservices. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Microservices. SWE 432, Fall 2017 Design and Implementation of Software for the Web Micros SWE 432, Fall 2017 Design and Implementation of Software for the Web Today How is a being a micro different than simply being ful? What are the advantages of a micro backend architecture over a

More information

Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0

Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 WebSphere Portlet Factory Development Team 6 September 2010 Copyright International Business Machines Corporation 2010.

More information