developing windows 8 apps with html, css & javascript...
TRANSCRIPT
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/1.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/2.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/3.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/4.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/5.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/6.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/7.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/8.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/9.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/10.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/11.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/12.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/13.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/14.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/15.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/16.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/17.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/18.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/19.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/20.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/21.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/22.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/23.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/24.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/25.jpg)
![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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/26.jpg)
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)](https://reader035.vdocuments.net/reader035/viewer/2022070720/5ee11acfad6a402d666c1b92/html5/thumbnails/27.jpg)