Web Development for XAML Devs

You can have your MVVM in Web Development!

You’ve got the skills from Silverlight or WPF but need to build other projects with the web. We can help you use your existing XAML and MVVM skills on HTML projects. This course will take your existing XAML knowledge and leverage it to help you learn how to create HTML applications.

This two-day course will cover the client-side web stack including key concepts like designing with HTML, using MVVM and working with services. The course will cover the crucial technologies you need to create compelling web projects including JavaScript, jQuery, CSS and key frameworks for creating data-driven pages.

Outline

Introducing the Web
  • Developing for the Web
  • HTML and XAML
  • JavaScript and Managed Code
  • Use Cases for Web Development
Designing with HTML/CSS
  • The HTML Box Model
  • Comparing HTML with XAML
  • CSS versus Styling
  • Tooling for HTML
  • Browser Differences
JavaScript
  • What is JavaScript
  • Basic JavaScript
  • Using JavaScript Functions
  • Structuring JavaScript
  • Object Oriented JavaScript
  • Why JSON Matters
Introducing jQuery
  • Why jQuery Matters
  • What is the $?
  • jQuery CSS Selectors
  • jQuery Events
  • jQuery Animations
  • jQuery Manipulations
Using Services
  • Using jQuery AJAX
  • Working with Forms
  • Understanding REST
  • Using Web Services
Using MVVM on the Web
  • How can MVVM Work on the Web
  • Introducing KnockoutJS
  • observable and INPC
  • Building ViewModels
  • Using Data Binding
  • Updating ViewModels

Course Info

Length:
2 days

Prerequisites:
Course takes established XAML developers and teaches them client-side development using web technologies. Developers should be comfortable with concepts like XAML, Data Binding and MVVM.

Printable Course Outline