English French German Italian Portuguese Russian Spanish

logo_old

  • Web Design Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Design

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Design

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

MOC 10958 - Programming Fundamentals of Web Applications

 PDF PrintEmail

Course duration

  • 5 Days

Course Outline

This Programming Fundamentals of Web Applications training provides the knowledge and skills to develop web applications by using Microsoft Visual Studio and WebMatrix 2. The course introduces the Microsoft web stack and shows how to use WebMatrix 2 to develop web applications. The course will help students understand how start with basic web development concepts, and how to use existing applications from the Application Gallery. The course will describe basic web development, including CSS, plug-ins, scripting, basic data access, and application hosting. The course will also describe how to use Windows Azure for application hosting, and how to move beyond WebMatrix 2 into Visual Studio.

  • Learn to describe the components of Microsoft web technologies that developers can use to host websites, host data, run code, and develop code.
  • Learn to describe how a website is developed, including the planning, development, testing, iteration and release phases and how to use WebMatrix 2 in each phase.
  • Learn to create a website by using WebMatrix 2 and add dynamic webpages to enable user interaction.
  • Learn to describe how to store data in a database and display it on a WebMatrix 2 site to create a dynamic web application.
  • Learn to integrate images, audio files, video files, and other media into a web application for different browsers.
  • Learn to apply a consistent visual style and user-friendly navigation hierarchy to a website.
  • Learn to describe possible locations for hosting a production website and deploy a completed website to a chosen hosting provider.
  • Learn to describe the common sources of website errors and use WebMatrix 2 tools and coding techniques to diagnose problems and correct code.
  • Learn to integrate information supplied from web services, data feeds, RESTful services, and other sources into a web application.
  • Learn to browse the packages available in the NuGet tool, select a package that matches a functional requirement, add it to a web application, and write code that uses the features of the package.
  • Learn to ensure a website is secure against malicious attacks and identify users before granting them access to sensitive content.
  • Learn to describe how client-side coding techniques accelerate responses to users and reduce network traffic for a website, and use common client-side coding techniques.
  • Learn to analyze the user traffic on a public website and optimize the site to appear close to the top of search engine results.
  • Learn to create a fully functional website by beginning with an application from the WebMatrix 2 application gallery and adding features to meet unusual or unique customer requirements.
  • Learn to describe the features of Visual Studio and ASP.NET Web Forms that enable developers to create more powerful web applications.
  • Knowledge of HTML or DHTML, including:
  • Programming experience including the following concepts:
  1. Overview of Microsoft Web Technologies
    1. Introduction to Web Fundamentals
    2. Introduction to the Microsoft Web Stack
    3. Introduction to the Open Source Application Gallery
    4. Lab: Creating a Website in Windows Azure
      1. Getting Started with Windows Azure
      2. Creating a Website Based on an Application from the Gallery
  2. Exploring WebMatrix 2
    1. The Project Life Cycle
    2. Introduction to Microsoft WebMatrix 2
    3. Lab: Exploring WebMatrix 2
      1. Installing WebMatrix 2
      2. Editing a Site in WebMatrix
  3. Building Simple Websites in WebMatrix 2
    1. Building Webpages in WebMatrix 2
    2. Using Razor Syntax to Build Dynamic Pages
    3. Lab: Building Simple Websites in WebMatrix 2
      1. Creating a WebMatrix 2 Site
      2. Adding Razor Views to a Site
      3. Validating User Input
  4. Building Data-Driven Websites in WebMatrix 2
    1. Introduction to Databases
    2. Creating a Database in WebMatrix 2
    3. Displaying Data
    4. Lab: Building Data-Driven Websites in WebMatrix 2
      1. Adding a Database and Defining Data
      2. Creating an Offer Display
  5. Adding Rich Content to WebMatrix 2 Website
    1. Adding Media Content
    2. Using HTML5 in a Website
    3. Lab: Adding Rich Content to WebMatrix 2 Websites
      1. Adding Graphics to the Offers Display
      2. Rendering Video Content with HTML5
  6. Designing the WebMatrix 2 Website
    1. Lessons
    2. Structuring a Website
    3. Applying Template Views
    4. Applying Styles to a Website
    5. Adapting a Site for Mobile Browsers
    6. Lab: Designing the WebMatrix 2 Website
      1. Creating a Template View
      2. Adding Navigation Controls
      3. Adding Styles to a Website
      4. Adapting to Mobile Browsers
  7. Deploying a WebMatrix 2 Web Applications
    1. Hosting Web Applications
    2. Hosting Databases
    3. Deploying to your Chosen Locations
    4. Lab: Deploying a WebMatrix 2 Web Application
      1. Creating a Web Application in Windows Azure
      2. Deploying a Web Application to Windows Azure
      3. Making Changes to a Published Web Application
  8. Troubleshooting WebMatrix 2 Websites
    1. Sources of Errors
    2. Using Internet Explorer Developer Tools
    3. Troubleshooting Problems
    4. Lab: Troubleshooting WebMatrix 2 Websites
      1. Diagnosing Incorrect CSS Styles
      2. Diagnosing Slow Page Load Times
      3. Configuring Custom Error Messages
  9. Consuming Services and Data from the Web
    1. Calling Web Services from a Web Application
    2. Public Data Sources
    3. Lab: Consuming Data and Services from the Web
      1. Building a Bing Maps Display
      2. Building a Top Products Display
  10. Enriching a WebMatrix 2 Website by Using Open Source Components
    1. Overview of Open Source Packages in NuGet
    2. Browsing, Installing, and Using Packages
    3. Lab: Enriching a WebMatrix 2 Website by Using Open Source Components
      1. Adding Social Media Features
      2. Controlling the Image Sizes
  11. Securing a WebMatrix 2 Website
    1. Developing Websites That Resist Attack
    2. Controlling Access to a Website
    3. Working with Roles and Memberships
    4. Lab: Securing a WebMatrix 2 Website
      1. Adding Authentication to the Website
      2. Restricting Access to Webpages
      3. Providing Membership Services to Users
      4. Encrypting Communications for Sensitive Data
  12. Building Responsive Webpages
    1. Why Use Client-Side Scripts?
    2. Using AJAX and Partial Page Updates
    3. The jQuery Script Libraries
    4. Optimizing the Caches to Improve Performance
    5. Lab: Building Responsive Pages
      1. Coding the Partial Page Updates
      2. Using the jScript Library to Animate a Page
  13. Driving Traffic to a WebMatrix 2 Website
    1. Growing a Website
    2. Analyzing a WebMatrix 2 Website
    3. Optimizing a WebMatrix 2 Site for Search Engines
    4. Marketing a Website
    5. Lab: Driving Traffic to a WebMatrix 2 Website
      1. Optimizing Search Engine Result Position
  14. Customizing an Application from the WebMatrix 2 Gallery
    1. Exploring the Application Gallery
    2. Modifying an Existing Application
    3. Lab: Customizing an Application from the WebMatrix 2 Gallery
      1. Creating a Site Based on an Application from the Gallery
      2. Integrating a Custom Page with an Application Theming Engine
  15. Transitioning from WebMatrix 2 to Visual Studio
    1. Developing Websites in Visual Studio
    2. Moving Between WebMatrix 2 and Visual Studio
    3. Lab: Transitioning from WebMatrix 2 to Visual Studio
      1. Editing a WebMatrix 2 Web Application in Visual Studio
      2. Displaying and Editing Data in a Web Forms Page
      3. Using the Visual Studio Debugging Tools

InterSource Geneva, a premier Information Technology training firm, offers over 400 different courses on server, database and programming technologies, as well as end-user classes for the most popular office, graphics and design applications. We serve clients in Switzerland (Geneva, Lausanne, Bern, Basel, Zurich) and throughout Europe (France, Germany, Austria, Finland, Sweden, England, Netherlands, Spain, etc.).


InterSource offers custom, private courses at client sites, standard public courses in our Geneva classroom, and online training via live Web conference. Training is offered in English and many other languages (Francais, Deutsch, Espanol, Italiano.)


For an overall view of our offerings, please visit us at www.intersource.ch.