Are you ready to start your career in web development? Study this presentation first.

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