- 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 - Install Visual Web Developer Express 2010 - (make a screencast and give URL as link)
- Starting off with VS Web Developer - Creating a Project, Compiling, Building, and launching test page using VS Web Developer
- 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
- C# basics; Data Types (Convert from String to Int, Int to String); String manipulation (Concatenation)
- Debugging using VS Web Developer (show how to insert Breakpoints)
- 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 - Web Controls
Textbox - Textbox properties - w3schools.com
Checkbox - Checkbox documentation at w3schools.com
http://www.w3schools.com/aspnet/aspnet_refwebcontrols.asp - 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 - 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 - Using a 3rd party DLL (Adding a Reference...iText could probably be used as an example)
- Javascript, jQuery
- Regular Expressions
- Validations (Advanced)
- Sessions
- What is a QueryString ?
- AJAX, jQuery UI
- web.config, global.asax
- Stored procs, Cursors, CTEs, Triggers in T-SQL
- Definitions of Client & Server - Intro to Web Programming
Intro to Web as a Plaform - MSDN article - 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
- Cookies
- XML, XSLT, XPATH (YQL can be used to show examples of XPATH; FirePATH can be used also)
- copy a website using Firebug/Chrome developer tools
- Caching
- Authentication
- LINQ, LINQ to SQL
- Using Razor syntax without MVC
ASP.NET Teaching Stuff
Sunday, May 8, 2011
Course Structure - Topics & Order
Saturday, May 7, 2011
Intro to Web Programming - 1
There are essentially 2 types of network applications —
---------------------------------------------------------------------------
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
---------------------------------------------------------------------------
- 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
---------------------------------------------------------------------------
Subscribe to:
Comments (Atom)