ASP.Net WebMatrix - Publish Your Site

Hello


http://www.microsoft.com/web/post/web-development-101-part-9-deploying-your-site

Points of notice :

• Suggested site - cytanium is no longer free. I have used   http://labs.discountasp.net/ for free hosting

Nathan

ASP.Net WebMatrix - Simple User Interaction

Hello

http://www.microsoft.com/web/post/web-development-101-part-6-creating-an-add-data-page

Points of interest

• WebMatrix has GREAT integration with Visual Studio 2010. You can launch VS and debug e.g. cshtml file - really great !!
• Sending info to the server via browser :

• HTTP POST is used (check this using Site->Requests)
• HTML form is used
• The server must identify the POST verb and process. Here it insert user inputs into a database 

Nathan

ASP.Net WebMatrix - Using Data Base

Hello

http://www.microsoft.com/web/post/web-development-101-part-5-using-data

Points of notice

• Very nice integration of database in WebMatrix to allow easy database\table creation
• Reuse of the layout that was done before using Razor and cshtml
• Very simple access of database using Razor ( http://www.w3schools.com/razor/default.asp)

Nathan

ASP.Net WebMatrix - Using Layouts

Hello

http://www.microsoft.com/web/post/web-development-101-part-4-using-layout


Points of notice

• Server\Client programming (See nice video about server\client programming  http://www.killerphp.com/videos/serverside_programming_languages/serverside_programming_languages.html)
• Dynamic web page :

• cshtml file - HTML + C#\VB code
• Razor  (layout reuse)
• Run cshtml file and _PageStart.cshtml is invoked autmatically 

Nathan

ASP.Net WebMatrix - Getting some styles

Hello

http://www.microsoft.com/web/post/web-development-101-part-3-getting-some-style

What is style ?

• font , color ...

Contents :

• Divider
• Hyperlink
• Header and footer
• Page look and feel - CSS

• Remarks :

• Note that class Title is NOT related to title , one could use Title1 instead
•  WebMatrix supports external css file

Nathan

ASP.Net WebMatrix - Create your first Web Page

Hello

http://www.microsoft.com/web/post/web-development-101-part-2-create-your-first-web-page

Comments :

• Very simple way to create web site
• A single default.cshtml file is created , run will  launch it :

• Site->Request : notice the IIS Express error relating to favicon.ico. 

• Adding the file favicon (use e.g.  http://www.favicon.co.uk/ ) will eliminate the error and you will get web icon
• It is possible to launch the site using different web browser from within the WebMatrix ! 

Nathan

Introduction to ASP.Net WebMatrix

Hello


ASP.Net supports three approaches to build web sites :

• Web Forms
• MVC
• Web Pages

Microsoft has a nice tool for Web Pages called WebMatrix :
http://www.asp.net/web-pages

This tool make it very easy build, test and deploy web sites. It integrate data base and programming frameworks into a single experience.

see e.g.:

• http://www.asp.net/web-pages/videos/introduction/5-minute-introduction-to-aspnet-web-pages
• http://weblogs.asp.net/scottgu/archive/2010/07/06/introducing-webmatrix.aspx
• Excelent tutorials + videos !! :  http://www.microsoft.com/web/post/web-development-101-using-webmatrix
• forum :  http://forums.iis.net/1166.aspx

Tips :

• Note that you might get hanging problem during installation of the WebMatrix. See e.g.  http://www.kevinlabranche.com/blog/WebMatrixInstallHangsOnSQLCLRTypesWithWebPI3.aspx for possible solution. 

            






Nathan

Web Client Guidance

Hello

So there are many technologies for client and for server.

Bump into microsoft Pattern & Parctices - http://webclientguidance.codeplex.com/


Downloaded and started reading on Web Client Guidance.

Get Started

Following issues are handled in this guidenace :

• Architecture and design of Web applications
• UI Composition
• Modularity
• Responsive UIs - ASP.Net , Java Script , JQuery and ASP.Net Ajax
• Seperated presentation - sperate view from view logic and buisness logic
• Validation
• Testing
• Security

The following knowledge is required :

• c#
• .Net 3.5 \ 4.0
• JavaScript
• JSON
• ASP.Net Ajax library 
• ASP.Net MVC 2 or Web Forms

Application development challenges :

• application should be intuitive, responsive, secure, appealing and must perform well
• allow user to obtain information quickly and complete tasks easily.
• minimize the amount of time it takes for the HTML and JavaScript page to download and limit the amount of content that is sent between the web server and browser(or any other client AFAIK)
• your application must be secure
• the application should be build flexible so that it can be easyly modified or extend as time passes
• big application require few developrs ,therefor it should be designed so each piece will be developed and tested independently so later integration will be smooth.

following issues are not handled :

• application performance
• occasional connectivity
• logging
• exception management
• caching
• data aceess
• web service communication or security

Key decisions


guidlines for using ASP.Net AJAX library and JQuery

• both can be used on the same web application and both has support in microsoft
• why use JQuery ?

• good support for DOM. i.e. it is extremely easy to use for finding elements, moving elements to different location inside the DOM and so on)
• strong community
• good plugin support - i.e. extend and use this extension in any site (remind me of a class hat done once and put in a library can be re-used anyware). there exist a plugin site

• why use ASP.Net Ajax library ?

• usefull for writing JavaScript logic whose objective is not just manipulating or animating the DOM
• API and syntax similar to the .Net framework 

isolating the domain model from the presenation layer

• MVC

There is a lot of stuff to read more - do it yourself ...

Nathan