Web Workshop

The Web Has Changed...Are You Ready?

The Web is everywhere. And is everywhere your applications want to be: tablets, phones and even desktop browsers. This means that you must build your applications to be as flexible as possible for these different experiences. At the same time, HTML5 and jQuery has changed the way web applicaitons are written. If you gave up on the web because of it's testability and complexity, it's time to come back.

In this 3-day course, we will show you how to develop rich applications in the browser (using HTML, jQuery/JavaScript and CSS). This course will also cover the server-side of development using the latest version of ASP.NET MVC and the best ways to access data from your data centers.

Outline

Introduction to HTML Markup
  • What is HTML
  • XML versus HTML
  • The Box Model
  • The DOM
  • Tags
  • Forms
  • What is new in HTML5
  • Why HTTP is different
  • What is SSL
Designing with CSS
  • Selector Syntax
  • Rules
  • Cascading classes
  • Fonts
  • Specificity
  • Fallback Schemes
  • Browser Specific Styles
  • Using LESS
  • Responsive Web Design
  • Mobile-First Design
JavaScript Basics
  • Basic Language Elements
  • Understanding Closures
  • Object Orientation versus Prototype
  • Creating pseudo-classes in JavaScript
  • Structuring Large JavaScript Projects
  • Loading JavaScript
  • Shims and Polyfils
  • Cross-Browser Features
  • Packaging/Compressing JavaScript
  • Looking at TypeScript
Introducing jQuery
  • Including jQuery
  • Using the Selector Syntax
  • Working with jQuery Collecitons
  • Common jQuery techniques
  • Handling events with jQuery
  • Manipulating the DOM with jQuery
  • jQuery Animations
  • jQuery Ajax
jQuery Plugins
  • Finding Plugins
  • jQueryUI
  • jQueryUI Themes
  • jQueryUI Widgets
  • jQueryUI Dialogs
  • Validation
  • Unobtrusive Validation
  • jQuery Templates
Single Page Applications
  • What is SPA
  • Using Data Binding
  • Understanding Routing
  • Local Storage
  • Architecting Large Code Bases
  • What is KnockoutJS
  • What is AngularJS
  • What is BackboneJS
Using ASP.NET MVC
  • What is Model-View-Controller
  • Controller Basics
  • View Basics
  • Layouts
  • Routes
  • Using Models
  • Validation
  • Working with Areas
  • ASP.NET MVC Mobile Views
  • Single Page Applications
Architecting Server Code
  • Dependency Injection
  • Repositories
  • Filters
  • Helpers
  • Security Models
  • Using Elmah
  • Using RouteDebugger
Data Access for the Web
  • Exposing JSON from MVC
  • Consuming JSON with MVC
  • Models versus Entities
  • Mapping to and from Models
  • Considerations about creating APIs
  • WebAPI
  • OData

Course Info

Length:
3 days

Prerequisites:
Before taking this course students should have some familiarity with .NET and C#.  No ASP.NET or HTML experience is necessary. The course is a great way to get developers who typically create desktop applications ready to build web applications.

Printable Course Outline