• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Getting Started With Dojo
 

Getting Started With Dojo

on

  • 1,261 views

 

Statistics

Views

Total Views
1,261
Views on SlideShare
1,261
Embed Views
0

Actions

Likes
0
Downloads
11
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Getting Started With Dojo Getting Started With Dojo Document Transcript

    • Getting Started With Dojo 2-Day Workshop DAY 1: DOJO AND JAVASCRIPT FOR BEGINNERS 9:00 AM Overview • Course goals and objectives • Configuration and logistics • What to expect when developing Ajax 9:15 AM ACTIVITY: Setting up Your Environment 9:30 AM JavaScript Overview • Syntax: braces, whitespace, data types, declaring literals • Variables • Control structures • Operators and truthiness 9:45 AM Built-In Objects • Dictionaries and lists • Functions in JavaScript 10:00 AM ACTIVITY: JavaScript Code Analysis 10:30 AM Break 10:45 AM Adding JavaScript to Your Page • The script tag • File paths 11:00 AM Debugging Ajax Apps • An introduction to debugging JavaScript • Firebug and other debugging tools • Using Firebug to inspect the page • Programming in an IDE 11:15 AM Objects in JavaScript • Scope and context • Namespacing and simple lookups • Instantiation • Mutability 11:30 AM JavaScript Functions in Depth • Closures • Functional programming
    • 11:45 AM Advanced OO • Prototypes • Constructor functions • Mixins 12:15 PM Lunch 1:15 PM ACTIVITY: Simple OO 1:45 PM Refreshers • HTML refresher • CSS refresher 2:00 PM Intro to the DOM • DOM overview • Node hierarchy 2:15 PM The Gaps • Ajax • CSS • Node lookup • Node placement • Node attributes • Event handling • Animation • CSS Reset • Packaging • Missing APIs • Forward-looking APIs 2:30 PM Toolkit Overview • Toolkit goals • Common toolkit functionality 2:45 PM Introduction to Dojo • Major components and a broad overview of capabilities • Getting started: Dojo configuration and setup • Dojo code structure • API documentation and Dojo Book • SitePen’s Dojo Toolbox 3:00 PM Break 3:15 PM ACTIVITY: Dojo Configuration and Setup 3:45 PM Activity Tool Introduction • SitePen’s Dojo Sensei Reader • SitePen’s Blox architecture 2
    • 4:00 PM Dojo Fundamentals • Dojo's package system • Base tools (dojo.trim, etc.) • Project configuration 4:15 PM ACTIVITY: Sensei Dojo Configuration and Setup, and Base 4:45 PM Q&A, or JavaScript tips/tricks, Part 1 DAY 2: DOJO IN DEPTH 9:00 AM Day 1 Recap, Day 2 Overview • Brief review of day 1 9:15 AM Document Object Model (DOM) with Dojo • Dojo's DOM APIs o dojo.attr o dojo.place o dojo.style o dojo.html 9:30 AM Events with Dojo • Using callbacks in Dojo • Event listeners with dojo.connect 10:00 AM Dojo’s CSS Selection Engine o dojo.query o dojo.behavior 10:15 AM Writing Plugins o Custom plugins with dojo.NodeList 10:45 AM ACTIVITY: Custom dojo.query Plugin 11:15 AM Intro to Ajax • Classic web architecture vs. rich web applications • Ajax methods (Why we like XmlHttpRequest) • Data serialization (JSON vs. XML) 11:30 AM Ajax with Dojo • Dojo's Ajax APIs • Deferred use in Dojo 12:00 PM Lunch 1:00 PM ACTIVITY: Ajax with Dojo 3
    • 1:30 PM Object Oriented Code • Fundamentals of dojo.declare • Mixins • OO in addition to dojo.declare 1:45 PM Dijit: the Dojo Widget System • The dijit._Widget superclass and the widget lifecycle • Dijit mixins • Dijit themes 2:00 PM Templating with Dijit • Writing templates: Custom attributes and variables • URLs in Dojo • Separating widget components • How templates become DOM • Template alternatives: dojox.dtl 2:15 PM ACTIVITY: Using Dijit 2:45 PM Break 3:00 PM Dojo Data • Understanding the Dojo Data APIs • Using a data store • Writing a data store 3:30 PM Dijit Sections • Layout Widgets • Form Widgets • Editor • Tree 4:00 PM Unit Testing in Dojo • Using the Dojo Objective Harness (doh) for unit testing • Testing methods 4:15 PM What’s in DojoX • GFX • Charting • Grid 4:45 PM Q&A, or JavaScript tips/tricks, Part 2 4