Developing Windows 8 Apps with HTML, CSS & JavaScript...

27

Transcript of Developing Windows 8 Apps with HTML, CSS & JavaScript...

Page 1: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 2: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Day 1 | HTML, CSS and JavaScript Day 2 | Windows Apps using HTML & JavaScript

Module 1: HTML5 Semantic Structure Module 1: Designing a Windows 8 App

Module 2: CSS3 Selectors and Style Properties Module 2: Developing Windows 8 Apps

Module 3: Advanced Layout and Animation Module 3: Working with Contracts

MEAL BREAK MEAL BREAK

Module 4: JavaScript Core Capabilities Module 4: UI and Controls

Module 5: DOM Interactions Module 5: Interactions

Module 6: Advanced Topics Module 6: Data Access

Page 3: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Module Agenda

Overview

Variables

Functions

Function scope

Arrays

Objects

˃

Page 4: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Overview | History

1995: started in the browser (Brendan Eich | Netscape)

1997: formalized by ECMAScript

2009: moved to the backend (node.js)

2012: moved to the client (Windows 8)

Page 5: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Overview | Language Characteristics

prototype-based

dynamic and weakly-typed

first-class functions

C-like syntax

Page 6: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Module Agenda

Overview

Variables

Functions

Function scope

Arrays

Objects

˃

Page 7: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Variables

types (string, number, boolean, array, object, null, undefined)

declarations

Page 8: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 9: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Module Agenda

Overview

Variables

Functions

Function scope

Arrays

Objects

˃

Page 10: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Functions

callable behaviors

implemented as objects

hoisting

arguments

Page 11: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 12: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 13: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Module Agenda

Overview

Variables

Functions

Function scope

Arrays

Objects

˃

Page 14: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Function Scope

defining what is accessible in code and where

encapsulation

Page 15: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 16: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 17: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 18: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 19: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 20: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Module Agenda

Overview

Variables

Functions

Function scope

Arrays

Objects

˃

Page 21: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Arrays

simple declaration/instantiation

array functions: push, pop, concat, map, filter, some, every, forEach, reduce, sort, splice, slice, join, reverse

Page 22: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 23: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Module Agenda

Overview

Variables

Functions

Function scope

Arrays

Objects˃

Page 24: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Objects

declaration

adding properties

object literals

JSON (JavaScript Object Notation)

functions are objects, too

Page 25: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)
Page 26: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)

Summary

Overview

Variables

Functions

Function scope

Arrays

Objects

Page 27: Developing Windows 8 Apps with HTML, CSS & JavaScript ...download.microsoft.com/.../480.4.JavaScript.pdf · Overview | History 1995: started in the browser (Brendan Eich | Netscape)