The document discusses the stages of web development which include concept development, prototyping, development, testing, deployment, and maintenance. It notes that understanding history is important before entering the future. The stages are then each discussed in more detail with examples provided for concept development, prototyping, development, testing, deployment, and maintenance. The document also discusses classic and modern web development architectures.

1. MUHAMMAD BILAL AMJAD | CEO & FOUNDER INSTACARE
WEB & CLOUD EXPERT | MICROSOFT MVP
KickStarting Web
Application Development
www.bilalamjad.net
BilalAmjad|InstaCarePvtLtd

2. WHAT WE GONNA TALK
ABOUT TODAY
Agenda
BRIEF HISTORY OF WEB
DEVELOPMENT
It is important to understand the history
before entering into future.
BilalAmjad|InstaCarePvtLtd
STAGES OF WEB
DEVELOPMENT
Web Development is a process. It includes
stages which if not followed can make
web development difficult.
TOOLS & FRAMEWORK
Let's talk about how to develop a
professional website.
CURRENT & MODERN
ARCHITECTURE
Which Architecture should you follow?

3. History of Web Development
BilalAmjad|InstaCarePvtLtd

4. WANNA BE A PROGRAMMER OR
PROFESSIONAL WEB ENGINEER?Web
Development
Stages
• Concept Development
• Prototyping Development
• Development
• Testing
• Deployment
• Maintenance
Bilal Amjad | InstaCare Pvt Ltd

5. Stage 1 - Concept Development
BilalAmjad|InstaCarePvtLtd.
Answer following:
• Who's this website for?
• Why I'm making it?
• What is the most important thing
visitors should do on my website?
• Write.Read.Write.Read.Repeat
• Sketch your concept.

6. Stage 2 - Prototyping Development
BilalAmjad|InstaCarePvtLtd.
A Broken Version of Your Website:
• Links Work, but don't lead to any
content.
• User Journey is complete.
• Quick to change and move things
around.

7. Stage 3- Web Development
BilalAmjad|InstaCarePvtLtd.
At this stage your requirements are
complete, time to code.
• Work at Iterative Pace:
• Develop at the lowest possible
work unit.
• Use the tools that suits you and
makes you comfortable, for me its:
• Visual Studio
• SQL Server

8. If you don't test. Prepare to FAIL.
Types of Testing:
Functional Test
Does the feature works?
User Acceptance Test
Is it what the user want?
Unit testing
Is the code stable?
Coverage Test
Area all the code paths Executing?
Stage 4- Testing
BilalAmjad|InstaCarePvtLtd.

9. Ideal Deployment Process Should Be:
• Documented
• Repeatable
• Predictable
• Rehearsed
• Tools
Stage 5 - Deployment
BilalAmjad|InstaCarePvtLtd.

10. Small Effort, Big Reward.
Your Web Maintenance should comprised
of:
• Successful Request
• Failed Requested
• Repeated Failed Requested
• Key Function Execution
• Infrastructure
Stage 6 - Maintenance
BilalAmjad|InstaCarePvtLtd.

11. A Good Development Workflow:
• Helps you get started.
• Maintains your dependencies.
• Enforces Best Practices.
• Prepare your tools.
• Eases the release process.
Web Development Workflow
BilalAmjad|InstaCarePvtLtd.

12. Classic Architecture
Web Development Architectures
BilalAmjad|InstaCarePvtLtd.

13. Modern Architecture
Web Development Architectures
BilalAmjad|InstaCarePvtLtd.

14. WEBSITE: BILALAMJAD.NET
LINKEDIN: MUHAMMADBILALAMJAD
FACEBOOK: BILAL.AMJAD
BILAL AMJAD
INSTACARE PVT LTD
CEO & CTO
BilalAmjad|InstaCarePvtLtd.
MICROSOFT
Most Valuable Professional
Cloud & Web Expert