Power training: Creating Responsive Pages by Using Client-Side Technologies

Christian PeetersMaster it Training

Agenda

• Korte introductie• Training– Javascript– Partial page updates (Ajax controls)– Ajax Services– Ajax Client-side Library

• Certificeringstraject

Power Training

• Microsoft Learning– Inzicht krijgen in MS trainingen

• Inzetbaarheid van bestaande technieken

Introductie

• Christian Peeters– Microsoft Certified Trainer– .Net development / SQL Server– Master it Training

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”

Power Training

• ASP.NET applicatie

Request

Response(HTML)

C# of VB.NETJavascript

Client-side scripting

• Dynamic HTML (DHTML)– Javascript + styles

• Validatie

Demo Website

Client-side scripting

• Dynamic HTML (DHTML)– Javascript + CSS

• Validatie

• HttpRequest– Asynchronous Javascript And XML (AJAX)

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

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.

Demo Website

Bevindingen

+ Supersnel inzetbaar+ Goede resultaten- Altijd page_load- De “X” in AJAX staat niet voor XML

+ Ajax Services !

Demo Website

Bevindingen

+ Effectieve communicatie (JSON)+ Specifieke invulling+ Herbruikbaar- Meer code- Foutgevoeliger

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

Ajax Client-side Library

Demo Website

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.

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

Certificering

• Microsoft Certified Technology Specialist:Microsoft .NET Framework 3.5, ASP.NET Application Development

Certificering

• Poster• Stand Master it Training

Trainingsmethoden

• Klassikaal• e-Learning• Open Master Class

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”

Vragen?

• www.master-it.nl• blog.master-it.nl (sourcecode)• www.microsoft.com/learning