ASP.NET Teaching Stuff

Sunday, May 8, 2011

Course Structure - Topics & Order




    Stage 1 Topics




  1. List of names of products -
    Web Client (aka Web Browser) - IE, Firefox, Chrome
    Web Server - IIS (used with asp.net), Tomcat (used with JSP), Apache (used with PHP)
    Database Server - SQL Server, Oracle, MySQL, SQLite

    (Pull up Naukri.com and list the items that are needed to be learnt by a ASP.Net Developer)

    Technologies that an ASP.NET Developer needs to know - ASP.NET WebForms, jQuery, SQL Server

    Other .NET related technologies - ASP.NET MVC, Silverlight, Winforms, WPF, Sharepoint, LINQ to SQL, Entity Framework, nHibernate, Windows Phone 7

  2. Install Visual Web Developer Express 2010 - (make a screencast and give URL as link)

  3. Starting off with VS Web Developer - Creating a Project, Compiling, Building, and launching test page using VS Web Developer

  4. HTML & CSS & some Javascript; URLs; DIV & SPAN; Introduce "Inspect Element" in Chrome - create a login page using HTML, table (to order elements), button click in javascript

  5. C# basics; Data Types (Convert from String to Int, Int to String); String manipulation (Concatenation)

  6. Debugging using VS Web Developer (show how to insert Breakpoints)

  7. Build a Login page using only Server Controls; Validation (Simple) should be there;
    Event Handlers, Page Life Cycle (Page_Load followed by Button_Click event handler etc; Breakpoints need to be placed at both of them to illustrate when each will happen;

    Postback needs to be explained

  8. Web Controls
    Textbox - Textbox properties - w3schools.com
    Checkbox - Checkbox documentation at w3schools.com
    http://www.w3schools.com/aspnet/aspnet_refwebcontrols.asp

  9. Data Controls using cdcatalog.xml examples at w3schools.com
    http://www.w3schools.com/aspnet/showasp.asp?filename=demo_datalist1
    http://www.w3schools.com/aspnet/aspnet_datalist.asp

  10. ADO.NET (This topic is the meat of the Course. By now, students should have installed VS Web Developer Express at least)
    - Basic SQL (Select, Update, Insert, Delete statements)
    - Working with SQL Server Express edition
    - Data Controls & Data Source controls



  11. Stage 2 Topics




  12. Using a 3rd party DLL (Adding a Reference...iText could probably be used as an example)

  13. Javascript, jQuery

  14. Regular Expressions

  15. Validations (Advanced)

  16. Sessions

  17. What is a QueryString ?

  18. AJAX, jQuery UI

  19. web.config, global.asax

  20. Stored procs, Cursors, CTEs, Triggers in T-SQL



  21. Stage 3 Topics




  22. Definitions of Client & Server - Intro to Web Programming
    Intro to Web as a Plaform - MSDN article

  23. Firebug; HTTP protocol as a communication medium between a web client (browser - IE, Chrome, Firefox) and a web server (IIS, Apache, Tomacat) - Intro to Web Programming

  24. Cookies

  25. XML, XSLT, XPATH (YQL can be used to show examples of XPATH; FirePATH can be used also)

  26. copy a website using Firebug/Chrome developer tools

  27. Caching

  28. Authentication

  29. LINQ, LINQ to SQL

  30. Using Razor syntax without MVC

Saturday, May 7, 2011

Intro to Web Programming - 1

There are essentially 2 types of network applications —

  • client-server E.g. websites
  • peer-to-peer E.g. Skype, Instant Messaging/Chat

---------------------------------------------------------------------------
CLIENT - a software application
E.g. - web browser (IE, Firefox, Chrome)

SERVER - a software application
E.g. - web server (IIS, Tomcat, Apache)
---------------------------------------------------------------------------
To contact SERVER , CLIENT needs to know -
1. on which machine the SERVER is running
2. on which Port the SERVER is listening (The Port is also necessary because 1 machine can host more than 1 SERVER software. For e.g. we can have the Web Server, Database Server, Email (SMTP) Server running on the same machine, but listening on different ports.

Server 'hosted' on the same machine. In that case, each SERVER software listens for requests on a particular port.

Example - by typing a URL (e.g http://www.cricinfo.com) in a browser's address bar, we tell the browser (CLIENT) the above 2 pieces of information i.e. which machine and port to

connect to.

---------------------------------------------------------------------------
CLIENT and SERVER can be located on same machine or on different machines
---------------------------------------------------------------------------

Web browser and Web Server Communication

CLIENT - makes a Http Request
SERVER - responds with a Http Response

Fiddler example
- use Request Builder to make a Http Request
- use Inspectors to see the Request and Response
- change User Agent Strings by changing the Rules -> User Agents setting

Show different User Agent Strings at - http://www.useragentstring.com/pages/Chrome/

Chrome - Inspect Element screen

We can copy a website using Firebug/Chrome developer tools

---------------------------------------------------------------------------