0
DevDays 2009 Power Training:
Creating Responsive Pages by Using
      Client-Side Technologies
          Christian Peeters...
Agenda
• Korte introductie
• Training
  – Javascript
  – Partial page updates (Ajax controls)
  – Ajax Services
  – Ajax C...
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 certificeri...
Power Training
• ASP.NET applicatie

Javascript                 C# of VB.NET
         Request


        Response
         ...
Client-side scripting
• Dynamic HTML (DHTML)
  – Javascript + styles
• Validatie
Demo Website
Client-side scripting
• Dynamic HTML (DHTML)
  – Javascript + CSS
• Validatie

• HttpRequest
  – Asynchronous Javascript A...
Ajax partial page updates
            • Initieel wordt de gehele
              pagina gedownload
            • Gedeeltes v...
Ajax Controls

ScriptManager    Manages script libraries and script files, partial-page
                 rendering, and ot...
Demo Website
Bevindingen
+ Supersnel inzetbaar
+ Goede resultaten
- Altijd page_load
- De “X” in AJAX staat niet voor XML

+ Ajax Servi...
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...
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 enab...
Training
• MS 6463 Visual Studio 2008: ASP.NET 3.5
  – Features & configuration
  – Custom controls
  – Data access met AD...
Certificering
• Microsoft Certified Technology Specialist:
  Microsoft .NET Framework 3.5, ASP.NET
  Application Developme...
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 ...
Vragen?
• www.master-it.nl
• http://blog.master-it.nl (sourcecode)
• www.microsoft.com/learning
Power Training DevDays 2009
Power Training DevDays 2009
Upcoming SlideShare
Loading in...5
×

Power Training DevDays 2009

350

Published on

Deze presentatie maakt onderdeel uit van de Power Training ‘Creating responsive pages by using client-side Technologies’ tijdens de DevDays 2009 op 28 & 28 mei te Den Haag.

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
350
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Power Training DevDays 2009"

  1. 1. DevDays 2009 Power Training: Creating Responsive Pages by Using Client-Side Technologies Christian Peeters Master it Training
  2. 2. Agenda • Korte introductie • Training – Javascript – Partial page updates (Ajax controls) – Ajax Services – Ajax Client-side Library • Certificeringstraject
  3. 3. Power Training • Microsoft Learning – Inzicht krijgen in MS trainingen • Inzetbaarheid van bestaande technieken
  4. 4. Introductie • Christian Peeters – Microsoft Certified Trainer – .Net development / SQL Server – Master it Training
  5. 5. 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”
  6. 6. Power Training • ASP.NET applicatie Javascript C# of VB.NET Request Response (HTML)
  7. 7. Client-side scripting • Dynamic HTML (DHTML) – Javascript + styles • Validatie
  8. 8. Demo Website
  9. 9. Client-side scripting • Dynamic HTML (DHTML) – Javascript + CSS • Validatie • HttpRequest – Asynchronous Javascript And XML (AJAX)
  10. 10. 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
  11. 11. 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.
  12. 12. Demo Website
  13. 13. Bevindingen + Supersnel inzetbaar + Goede resultaten - Altijd page_load - De “X” in AJAX staat niet voor XML + Ajax Services !
  14. 14. Demo Website
  15. 15. Bevindingen + Effectieve communicatie (JSON) + Specifieke invulling + Herbruikbaar - Meer code - Foutgevoeliger
  16. 16. 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
  17. 17. Ajax Client-side Library
  18. 18. Demo Website
  19. 19. 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.
  20. 20. 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
  21. 21. Certificering • Microsoft Certified Technology Specialist: Microsoft .NET Framework 3.5, ASP.NET Application Development
  22. 22. Certificering • Poster • Stand Master it Training
  23. 23. Trainingsmethoden • Klassikaal • e-Learning • Open Master Class
  24. 24. 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”
  25. 25. Vragen? • www.master-it.nl • http://blog.master-it.nl (sourcecode) • www.microsoft.com/learning
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×