![Page 1: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/1.jpg)
![Page 2: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/2.jpg)
Day 1 | HTML, CSS and JavaScript Day 2 | Windows Apps using HTML and 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 & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/3.jpg)
Module Agenda
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript
˃
![Page 4: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/4.jpg)
Handling exceptions
managing failures in code
minimizing failures in code
![Page 5: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/5.jpg)
![Page 6: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/6.jpg)
![Page 7: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/7.jpg)
![Page 8: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/8.jpg)
Module Agenda
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript
˃
![Page 9: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/9.jpg)
Promises
concept
consuming a promise
chaining then… then… done
passing a promise
creating a promise
storing a promise
reporting progress
http://codefoster.com/using-promises
![Page 10: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/10.jpg)
![Page 11: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/11.jpg)
Module Agenda
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript
˃
![Page 12: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/12.jpg)
Web worker
offload work to another thread
capable of two way messaging with primary thread
spawn other workers
import scripts
call xhr
cannot access DOM
![Page 13: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/13.jpg)
![Page 14: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/14.jpg)
Module Agenda
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript
˃
![Page 15: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/15.jpg)
Web sockets
Windows.Networking.Sockets namespace
WebSockets
StreamSocket
dev.windows.com | Samples | WebSockets sample
![Page 16: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/16.jpg)
Module Agenda
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript
˃
![Page 17: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/17.jpg)
Architectural patterns
MVVM (Model View ViewModel) is easy in a dynamic language
processAll on any element
calculated properties
converters
![Page 18: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/18.jpg)
Module Agenda
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript˃
![Page 19: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/19.jpg)
TypeScript
http://www.typescriptlang.org
![Page 20: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/20.jpg)
Summary
Handling exceptions
Promises
Web worker
Web sockets
Architecture patterns
TypeScript
![Page 21: Developing Windows 8 Apps with HTML, CSS & …download.microsoft.com/download/3/1/4/314781F6-D24A-4E3E...Web sockets Architecture patterns TypeScript ˃ Handling exceptions managing](https://reader033.vdocuments.us/reader033/viewer/2022053000/5f0445107e708231d40d2554/html5/thumbnails/21.jpg)