powertraining devdays 09
DESCRIPTION
Powertraining I gave at the Microsoft DevDays 09 about clientside technologies to create responsive ASP.NET pages (Ajax)TRANSCRIPT
![Page 1: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/1.jpg)
Power training: Creating Responsive Pages by Using Client-Side Technologies
Christian PeetersMaster it Training
![Page 2: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/2.jpg)
Agenda
• Korte introductie• Training– Javascript– Partial page updates (Ajax controls)– Ajax Services– Ajax Client-side Library
• Certificeringstraject
![Page 3: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/3.jpg)
Power Training
• Microsoft Learning– Inzicht krijgen in MS trainingen
• Inzetbaarheid van bestaande technieken
![Page 4: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/4.jpg)
Introductie
• Christian Peeters– Microsoft Certified Trainer– .Net development / SQL Server– Master it Training
![Page 5: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/5.jpg)
Master it Training
• Ruim 10 jaar ervaring• ± 450 verschillende trainingen– Alle MS trainingen– Alle MS certificeringen
• Eindhoven, Utrecht & Amsterdam• Doel: “Cursisten uitsluitend leren wat ze nodig
hebben. Niet meer, niet minder”
![Page 6: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/6.jpg)
Power Training
• ASP.NET applicatie
Request
Response(HTML)
C# of VB.NETJavascript
![Page 7: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/7.jpg)
Client-side scripting
• Dynamic HTML (DHTML)– Javascript + styles
• Validatie
![Page 8: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/8.jpg)
Demo Website
![Page 9: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/9.jpg)
Client-side scripting
• Dynamic HTML (DHTML)– Javascript + CSS
• Validatie
• HttpRequest– Asynchronous Javascript And XML (AJAX)
![Page 10: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/10.jpg)
Ajax partial page updates• Initieel wordt de gehele pagina
gedownload• Gedeeltes van de pagina kunnen
worden ververst, terwijl de rest van de pagina statisch blijft
![Page 11: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/11.jpg)
![Page 12: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/12.jpg)
![Page 13: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/13.jpg)
Ajax Controls
ScriptManager Manages script libraries and script files, partial-page rendering, and other functions.
UpdatePanel Enables sections of a page to be partially rendered without a page postback.
UpdateProgress Provides visual feedback on the browser when the contents on UpdatePanel controls refresh.
Timer Performs partial-page updates at defined intervals.
![Page 14: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/14.jpg)
Demo Website
![Page 15: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/15.jpg)
Bevindingen
+ Supersnel inzetbaar+ Goede resultaten- Altijd page_load- De “X” in AJAX staat niet voor XML
+ Ajax Services !
![Page 16: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/16.jpg)
Demo Website
![Page 17: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/17.jpg)
Bevindingen
+ Effectieve communicatie (JSON)+ Specifieke invulling+ Herbruikbaar- Meer code- Foutgevoeliger
![Page 18: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/18.jpg)
Ajax Control Toolkit
• Shared source project between Microsoft and the ASP.NET AJAX community
• Downloadable from http://www.codeplex.com
• Contains a collection of extenders and controls
![Page 19: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/19.jpg)
Ajax Client-side Library
![Page 20: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/20.jpg)
Demo Website
![Page 21: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/21.jpg)
Best practice
• Consider using AJAX whenever a small portion of a large page must refresh.
• Use the UpdatePanel to enable partial page updates without custom JavaScript code.
• Use the UpdateProgress control to reassure users when a partial page update takes time.
• Register client-side scripts with the AJAX client-side library to make use of AJAX extensions to JavaScript.
• Use AJAX services and custom JavaScript for optimum performance.
![Page 22: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/22.jpg)
Training
• MS 6463 Visual Studio 2008: ASP.NET 3.5– Features & configuration– Custom controls– Data access met ADO.Net 3.5– Client-Side technologies– Debugging & deploying– Mobile devices
![Page 23: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/23.jpg)
Certificering
• Microsoft Certified Technology Specialist:Microsoft .NET Framework 3.5, ASP.NET Application Development
![Page 24: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/24.jpg)
Certificering
• Poster• Stand Master it Training
![Page 25: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/25.jpg)
Trainingsmethoden
• Klassikaal• e-Learning• Open Master Class
![Page 26: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/26.jpg)
Open Master Class
• Individueel– Eigen tempo– Eigen aandachtspunten– Eigen planning– Eigen manier van leren
• 6 cursisten• Examen training• “Cursisten uitsluitend leren wat ze nodig
hebben. Niet meer, niet minder”
![Page 27: Powertraining DevDays 09](https://reader038.vdocument.in/reader038/viewer/2022102921/5451704faf795902348b8977/html5/thumbnails/27.jpg)
Vragen?
• www.master-it.nl• blog.master-it.nl (sourcecode)• www.microsoft.com/learning