SlideShare a Scribd company logo
Web Development Concepts Using Microsoft TechnologiesHosam Kamel@HosamKamelhttp://weblogs.asp.net/HosamKamel
Senior Application DeveloperESRI Northeast AfricaStar member at the official ASP.NET technical forumsTop answerer 2008,2009Http://weblogs.asp.net/HosamKamel@HosamKamelGEEK!About the speaker
What is ASP.NET?Why Should I Learn ASP.NET?ASP.NET Features How ASP.NET facilitates programmers.What is AJAX?What is ASP.NET MVC?ASP.NET VS. ASP.NET MVCDynamic Data!Microsoft Web Platform OverviewENWI (Egyptian Next Web Initiative)! Agenda
A framework for web applications
framework = library + skeleton main program
Typically used together with Visual Studio
or Visual Web Developer Express Edition (free)
Without these, web development is difficult:
multi-skilled (text & graphical content, code)
multi-language
XHTML, CSS, JavaScript, OOPL, XML, SQL
increasing demands on user experienceWhat is ASP.NET?
Web ControlsASP.NET web pages (aka web forms) are made up of a number of ASP.NET web controlsaround 100 controls are provided, grouped intostandard, data, validation, navigation, login, AJAXCan drag and drop these from the toolbox, or code them via web form markup or OO codeEach control has properties which allow you to configure its appearance and behaviourYou can also code your own, or buy extras
ASP.NET Page Life CycleWhen a page/form is first loaded its markup is parsed and an object created for each control or standard HTML elementEach object is initialised and its initial properties are set according to the web form markupEvents are called based on the page state and any user interaction with the page via their browserThe list/tree of controls is walked and each in turn is asked to render itself (output HTML for the browser)
The Three Styles“Visual”drag and drop GUI/Web UI buildersetting properties via forms and check boxes“Declarative”entering definitions of controls and propertiesusing an XML based markup language“Programmatic”plain old fashioned (but OO) codeallows for more dynamic interactions
Benefits of This ApproachThis event-driven style of development is very similar to modern Windows programmingRich database-driven web applications can be created using the (code-free) “visual” stylecomplex logic can still be coded when neededand the different styles can be mixedDespite the multiple layers of translation, ASP.NET web applications run as fast as Java(EE), and use less code [Petstore benchmark]
Why Should I Learn ASP.NET?Aside from being more powerful, robust, flexible, and feature-rich than its competitors, the numbers speak for themselves. Today's Monster.com numbers look like this:Search in San Diego alone:.NET – 119 JobsPHP – 48 JobsJSP – 35 JobsColdFusion – 9CGI – 6 JobsThat’s the beauty of .NET. Not only are you tied to ASP.NET, but because you’re essentially learning a full blown programming language anyway, you can explore opportunities in Windows, Mobile, TabletPC, Component, and Web Services development. SharePoint & CRM
All in the FamilyASP.NETDynamic Data & AJAXPresentationASP.NETWebFormsASP.NETMVCASP.NETCoreCore Runtime
Recent DevelopmentsRecent enhancements includeAJAXjQuerySilverlight/Moonlight (Flash competitor)LINQ (Hibernate competitor)MVC (Struts competitor)Dynamic Data (Ruby on Rails competitor)Chart controlsLINQ in particular uses new C# language features
AJAX
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.jQuery
LINQLINQ stands for Language INtegrated QueryAdds a query sublanguage to C# and VB.NETFamiliar (SQL-like) syntaxusing the C# language extensions listed aboveYou can teach yourself LINQ using LINQPad*and the Microsoft 101 LINQ samples
ASP.NET MVC (Model-View-Controller)More control over your <html/>Intuitive website URLsClient side JavaScript integrationTestability and TDD supportNot for everyoneManual vs. automatic transmission
CodeFile->New Project
Microsoft Web Platform OverviewElements of a Web Development StackApplication FrameworkASP.NETWeb Server 		IISDatabase				SQL ServerDevelopment Tool 			Visual Studio
How do I get it?Download?
What is the Microsoft Web Platform?http://www.microsoft.com/web
Web Platform InstallerMakes it simple for anyone using Windows Client or Server to design, develop, discover, deploy and run web applications:Install the latest versions of FREE Microsoft Web Platform tools, web server and extensions, database and frameworksStay up-to-date and explore what’s newRuns on Windows XP, Windows Vista, Windows Server 2003 and Windows Server 2008, Windows 7, and Windows 2008 R2
Web Platform Installer... including popular ASP.NET and PHP web apps from the communityhttp://www.microsoft.com/web/gallery
Web Platform InstallerWeb App Gallery
How does it help me work?IIS7x: Flexible Web serverMassive new capabilities ready to download for freeASP.NET: Powerful frameworkBuild applications  quickly with Webforms, MVC and AJAXVisual Studio 10: Productive ToolsThe most productive way to build standards-based Web apps
ASP.NET: Powerful frameworkASP.NET 4Webforms improvements, xHTML by defaultDynamic Data, URL routing for WebformsPerformance, caching extensibility, and more…ASP.NET MVC (v2 is already there)Separation of concernsTest driven developmentASP.NET AJAX Controls and the Microsoft AJAX LibraryRich, high performance client-side Web applicationsOSS and community driven, works with any Web app
Microsoft Ajax LibraryOpen source and fully supported JavaScript Library that works with both ASP.NET MVC and ASP.NET Web FormsAvailable from Microsoft Ajax CDNhttp://ajax.microsoft.com/ajax/beta/0910/Start.jsAvailable for Downloadhttp://www.ASP.net/ajax

More Related Content

PPTX
End-To-End Visual Studio Application Lifecycle Management
PPTX
Visual Studio Application Lifecycle Managment end-to-end
PPTX
Visual Studio 2010 ALM Tools Overview
PDF
Agile in Action - Act 3: Testing
PPTX
Agile in Action - Act 1 (Set Up, Planning, Requirements and Architecture)
PPT
A Software Factory Integrating Rational Team Concert and WebSphere tools
PPTX
Software Factory - Overview
PDF
ALM for SharePoint projects
End-To-End Visual Studio Application Lifecycle Management
Visual Studio Application Lifecycle Managment end-to-end
Visual Studio 2010 ALM Tools Overview
Agile in Action - Act 3: Testing
Agile in Action - Act 1 (Set Up, Planning, Requirements and Architecture)
A Software Factory Integrating Rational Team Concert and WebSphere tools
Software Factory - Overview
ALM for SharePoint projects

What's hot (19)

PPTX
Introductie Visual Studio ALM 2012
PPT
Vsts intro
PDF
Visual Studio 2010: A Perspective - David Chappell
PDF
Profile_Ahmad2
PDF
Agile Software Factory - Cloud Expo / DevOps Summit 2014 demo
PDF
Automated testing of JavaFX GUI components
PPTX
HP ALM; HP ALI 2.5
PPTX
Automated Testing for CA Plex and 2E
PPT
Vsts Msdn Presentation2003
PDF
Establishing a service factory
PDF
Alm briefing keynote
PPTX
Selenium Camp 2012
PDF
Codesion's Live Webinar: Cutting Edge Cloud Development Tools for Force.com
PDF
Abhiram_Bharadwaj_Resume -Both
DOCX
JEFFREY D SMITH - RESUME - 2016b
PDF
Workflow Management Software with IBM Lotus Notes, Business Process Managemen...
PPTX
Sakeesoft
PDF
JIRA bridge for HP Quality Center, MS Project, Alfresco, Remedy
PPTX
Build Applications on the Microsoft Platform Using Eclipse, Java, Ruby and PHP!
Introductie Visual Studio ALM 2012
Vsts intro
Visual Studio 2010: A Perspective - David Chappell
Profile_Ahmad2
Agile Software Factory - Cloud Expo / DevOps Summit 2014 demo
Automated testing of JavaFX GUI components
HP ALM; HP ALI 2.5
Automated Testing for CA Plex and 2E
Vsts Msdn Presentation2003
Establishing a service factory
Alm briefing keynote
Selenium Camp 2012
Codesion's Live Webinar: Cutting Edge Cloud Development Tools for Force.com
Abhiram_Bharadwaj_Resume -Both
JEFFREY D SMITH - RESUME - 2016b
Workflow Management Software with IBM Lotus Notes, Business Process Managemen...
Sakeesoft
JIRA bridge for HP Quality Center, MS Project, Alfresco, Remedy
Build Applications on the Microsoft Platform Using Eclipse, Java, Ruby and PHP!
Ad

Viewers also liked (20)

PDF
Web Application Development Tools for Creating Perfect User Experience
PDF
Microsoft Test Manager
PPSX
All About Asp Net 4 0 Hosam Kamel
PPTX
OPASS - Microsoft Test Manager
PPT
Web 2.0 using Microsoft Technologies
PDF
Application Lifecycle Management mit Team Foundation Server (TFS)
PPTX
Team Foundation Server 2010 - Overview
PPTX
Introduction to IP telephony & VoIP
PPT
TFS Administration Overview
PDF
Tfs introduction
PPTX
Introduction to Modern and Emerging Web Technologies
PPTX
Full Testing Experience - Visual Studio and TFS 2010
PPTX
Computer Networking: LAN and WAN Technologies
PPT
Open Source Software in Libraries
PDF
Modern UI Architecture_ Trends and Technologies in Web Development
PPTX
Microsoft technologies presentation
PDF
Latest Trends in Web Technologies
PPT
IP Telephony
PDF
10 Best Node.js Practices you Need to Know!
PPT
Ccna Presentation
Web Application Development Tools for Creating Perfect User Experience
Microsoft Test Manager
All About Asp Net 4 0 Hosam Kamel
OPASS - Microsoft Test Manager
Web 2.0 using Microsoft Technologies
Application Lifecycle Management mit Team Foundation Server (TFS)
Team Foundation Server 2010 - Overview
Introduction to IP telephony & VoIP
TFS Administration Overview
Tfs introduction
Introduction to Modern and Emerging Web Technologies
Full Testing Experience - Visual Studio and TFS 2010
Computer Networking: LAN and WAN Technologies
Open Source Software in Libraries
Modern UI Architecture_ Trends and Technologies in Web Development
Microsoft technologies presentation
Latest Trends in Web Technologies
IP Telephony
10 Best Node.js Practices you Need to Know!
Ccna Presentation
Ad

Similar to Web development concepts using microsoft technologies (20)

PPTX
Creating Dynamic Web Application Using ASP.Net 3 5_MVP Alezandra Buencamino N...
PDF
Asp Net Vs Vue JS Which One You Should Choose for Development.pdf
PPTX
ASP.NET Presentation
PPT
Asp.net architecture
PPTX
PDF
Asp.net Vs Vue.js.pdf
PPTX
Introduction to ASP.NET
PPTX
Walther Aspnet4
PPTX
DOC
Asp.Net Tutorials
PDF
Workspace on asp.net web aplication development
PDF
Workspace on asp.net web aplication development
PPTX
Asp.net presentation by gajanand bohra
PPT
.Net Framework Overview. Fundamentals of .Net Framework
PPT
PPT
Aspnet2.0 Introduction
PPTX
PDF
Learn .net and develop the web applications
Creating Dynamic Web Application Using ASP.Net 3 5_MVP Alezandra Buencamino N...
Asp Net Vs Vue JS Which One You Should Choose for Development.pdf
ASP.NET Presentation
Asp.net architecture
Asp.net Vs Vue.js.pdf
Introduction to ASP.NET
Walther Aspnet4
Asp.Net Tutorials
Workspace on asp.net web aplication development
Workspace on asp.net web aplication development
Asp.net presentation by gajanand bohra
.Net Framework Overview. Fundamentals of .Net Framework
Aspnet2.0 Introduction
Learn .net and develop the web applications

Recently uploaded (20)

PPTX
Cloud computing and distributed systems.
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
KodekX | Application Modernization Development
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Approach and Philosophy of On baking technology
Cloud computing and distributed systems.
Per capita expenditure prediction using model stacking based on satellite ima...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
The Rise and Fall of 3GPP – Time for a Sabbatical?
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Dropbox Q2 2025 Financial Results & Investor Presentation
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Digital-Transformation-Roadmap-for-Companies.pptx
KodekX | Application Modernization Development
Spectral efficient network and resource selection model in 5G networks
Mobile App Security Testing_ A Comprehensive Guide.pdf
Review of recent advances in non-invasive hemoglobin estimation
Chapter 3 Spatial Domain Image Processing.pdf
Encapsulation_ Review paper, used for researhc scholars
MYSQL Presentation for SQL database connectivity
Approach and Philosophy of On baking technology

Web development concepts using microsoft technologies

  • 1. Web Development Concepts Using Microsoft TechnologiesHosam Kamel@HosamKamelhttp://weblogs.asp.net/HosamKamel
  • 2. Senior Application DeveloperESRI Northeast AfricaStar member at the official ASP.NET technical forumsTop answerer 2008,2009Http://weblogs.asp.net/HosamKamel@HosamKamelGEEK!About the speaker
  • 3. What is ASP.NET?Why Should I Learn ASP.NET?ASP.NET Features How ASP.NET facilitates programmers.What is AJAX?What is ASP.NET MVC?ASP.NET VS. ASP.NET MVCDynamic Data!Microsoft Web Platform OverviewENWI (Egyptian Next Web Initiative)! Agenda
  • 4. A framework for web applications
  • 5. framework = library + skeleton main program
  • 6. Typically used together with Visual Studio
  • 7. or Visual Web Developer Express Edition (free)
  • 8. Without these, web development is difficult:
  • 9. multi-skilled (text & graphical content, code)
  • 11. XHTML, CSS, JavaScript, OOPL, XML, SQL
  • 12. increasing demands on user experienceWhat is ASP.NET?
  • 13. Web ControlsASP.NET web pages (aka web forms) are made up of a number of ASP.NET web controlsaround 100 controls are provided, grouped intostandard, data, validation, navigation, login, AJAXCan drag and drop these from the toolbox, or code them via web form markup or OO codeEach control has properties which allow you to configure its appearance and behaviourYou can also code your own, or buy extras
  • 14. ASP.NET Page Life CycleWhen a page/form is first loaded its markup is parsed and an object created for each control or standard HTML elementEach object is initialised and its initial properties are set according to the web form markupEvents are called based on the page state and any user interaction with the page via their browserThe list/tree of controls is walked and each in turn is asked to render itself (output HTML for the browser)
  • 15. The Three Styles“Visual”drag and drop GUI/Web UI buildersetting properties via forms and check boxes“Declarative”entering definitions of controls and propertiesusing an XML based markup language“Programmatic”plain old fashioned (but OO) codeallows for more dynamic interactions
  • 16. Benefits of This ApproachThis event-driven style of development is very similar to modern Windows programmingRich database-driven web applications can be created using the (code-free) “visual” stylecomplex logic can still be coded when neededand the different styles can be mixedDespite the multiple layers of translation, ASP.NET web applications run as fast as Java(EE), and use less code [Petstore benchmark]
  • 17. Why Should I Learn ASP.NET?Aside from being more powerful, robust, flexible, and feature-rich than its competitors, the numbers speak for themselves. Today's Monster.com numbers look like this:Search in San Diego alone:.NET – 119 JobsPHP – 48 JobsJSP – 35 JobsColdFusion – 9CGI – 6 JobsThat’s the beauty of .NET. Not only are you tied to ASP.NET, but because you’re essentially learning a full blown programming language anyway, you can explore opportunities in Windows, Mobile, TabletPC, Component, and Web Services development. SharePoint & CRM
  • 18. All in the FamilyASP.NETDynamic Data & AJAXPresentationASP.NETWebFormsASP.NETMVCASP.NETCoreCore Runtime
  • 19. Recent DevelopmentsRecent enhancements includeAJAXjQuerySilverlight/Moonlight (Flash competitor)LINQ (Hibernate competitor)MVC (Struts competitor)Dynamic Data (Ruby on Rails competitor)Chart controlsLINQ in particular uses new C# language features
  • 20. AJAX
  • 21. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.jQuery
  • 22. LINQLINQ stands for Language INtegrated QueryAdds a query sublanguage to C# and VB.NETFamiliar (SQL-like) syntaxusing the C# language extensions listed aboveYou can teach yourself LINQ using LINQPad*and the Microsoft 101 LINQ samples
  • 23. ASP.NET MVC (Model-View-Controller)More control over your <html/>Intuitive website URLsClient side JavaScript integrationTestability and TDD supportNot for everyoneManual vs. automatic transmission
  • 25. Microsoft Web Platform OverviewElements of a Web Development StackApplication FrameworkASP.NETWeb Server IISDatabase SQL ServerDevelopment Tool Visual Studio
  • 26. How do I get it?Download?
  • 27. What is the Microsoft Web Platform?http://www.microsoft.com/web
  • 28. Web Platform InstallerMakes it simple for anyone using Windows Client or Server to design, develop, discover, deploy and run web applications:Install the latest versions of FREE Microsoft Web Platform tools, web server and extensions, database and frameworksStay up-to-date and explore what’s newRuns on Windows XP, Windows Vista, Windows Server 2003 and Windows Server 2008, Windows 7, and Windows 2008 R2
  • 29. Web Platform Installer... including popular ASP.NET and PHP web apps from the communityhttp://www.microsoft.com/web/gallery
  • 31. How does it help me work?IIS7x: Flexible Web serverMassive new capabilities ready to download for freeASP.NET: Powerful frameworkBuild applications quickly with Webforms, MVC and AJAXVisual Studio 10: Productive ToolsThe most productive way to build standards-based Web apps
  • 32. ASP.NET: Powerful frameworkASP.NET 4Webforms improvements, xHTML by defaultDynamic Data, URL routing for WebformsPerformance, caching extensibility, and more…ASP.NET MVC (v2 is already there)Separation of concernsTest driven developmentASP.NET AJAX Controls and the Microsoft AJAX LibraryRich, high performance client-side Web applicationsOSS and community driven, works with any Web app
  • 33. Microsoft Ajax LibraryOpen source and fully supported JavaScript Library that works with both ASP.NET MVC and ASP.NET Web FormsAvailable from Microsoft Ajax CDNhttp://ajax.microsoft.com/ajax/beta/0910/Start.jsAvailable for Downloadhttp://www.ASP.net/ajax
  • 34. Visual Studio 10: Productive ToolsPowerful new EditorCode optimized, multi-monitor, window docking…Enhanced JavaScript supportEven more powerful snippets for HTML, JavaScript, code…Built-in config transformation, package and deploymentConfig transformation per build targetPackage Web application for deploymentMSBuild integrationTry it today!
  • 36. How much does it cost?Visual Studio Professional Edition, Expression Web and Studio
  • 37. Windows Web Server 2008, SQL Server Web edition
  • 38. Premium Web control panelSoftware at no cost*Professional support from Microsoft
  • 39. Community support from network and hosting partnersSupport & Training Promotion to customers
  • 40. Connect with an ecosystem of partnersBusiness Opportunities After 3 years: $999 / year if you want to continue with all the software… …or$199/year for 1 license of Windows Web Server & SQL Server
  • 41. ENWI (Egyptian Next Web Initiative)