Web Application Development Fundamentals

65
Web Application Development Mohammed S. Makhlouf Mohammed Fouad Sayed Osama Galal Al-Agha

description

Development Delights Session 1

Transcript of Web Application Development Fundamentals

Page 1: Web Application Development Fundamentals

Web Application

Development

Mohammed S. Makhlouf Mohammed Fouad Sayed Osama Galal Al-Agha

Page 2: Web Application Development Fundamentals
Page 3: Web Application Development Fundamentals
Page 4: Web Application Development Fundamentals

Trust Me (only this time)

• I know, You still don’t believe me•But, yes it is a web app!

Page 5: Web Application Development Fundamentals
Page 6: Web Application Development Fundamentals

MAMA

• Metadata Analysis and Mining Application• All Web Apps and web sites are pursuing web

standards!• Apache beats IIS!• Conducted by Opera!• More AJAX, Steady Flash usage

Page 7: Web Application Development Fundamentals

Disclaimer

“There are three kinds of lies: lies, damned lies, and statistics.”

All Statistics on the following slides are realistically fictional.

Page 8: Web Application Development Fundamentals

Do you visit google.com before?

Page 9: Web Application Development Fundamentals

Where do websites live?

Page 10: Web Application Development Fundamentals

Data Centers?!

Page 11: Web Application Development Fundamentals

Your own data center !!

Page 12: Web Application Development Fundamentals

Rent or Buy?!

It depends• Budget• Feasibility• Time• Experience• Effort

Page 13: Web Application Development Fundamentals

Moore’s LawP.S. Just Rent

Page 14: Web Application Development Fundamentals

216.239.59.103

• IP address (static or dynamic)• Servers usually have static IP

equals

Page 15: Web Application Development Fundamentals

DNS

• DNS is like a post office• Some post offices will be knowing some

addresses• DNS servers will have addresses like this

www.google.com => 216.239.59.103

Page 16: Web Application Development Fundamentals

Web Apps Development

15% Client-side engineering

85% Server-side engineering

Client-sideEngineering

Server-sideEngineering

Brow

sers

!Se

rver

s!

Page 17: Web Application Development Fundamentals

Web Apps Architecture

Page 18: Web Application Development Fundamentals

Web Apps Architecture

Page 19: Web Application Development Fundamentals

The Client Side

People say:It’s way easier than server-side development after all, it’s just HTML

Page 20: Web Application Development Fundamentals

Client-side Myths

Page 21: Web Application Development Fundamentals

Client-side Myths

Many Issues need to be considered for front-end engineering it is not just HTML

Page 22: Web Application Development Fundamentals
Page 23: Web Application Development Fundamentals
Page 24: Web Application Development Fundamentals

The Server Side

Page 25: Web Application Development Fundamentals

Web Servers

Page 26: Web Application Development Fundamentals
Page 27: Web Application Development Fundamentals
Page 28: Web Application Development Fundamentals
Page 29: Web Application Development Fundamentals
Page 30: Web Application Development Fundamentals
Page 31: Web Application Development Fundamentals
Page 32: Web Application Development Fundamentals
Page 33: Web Application Development Fundamentals
Page 34: Web Application Development Fundamentals
Page 35: Web Application Development Fundamentals
Page 36: Web Application Development Fundamentals

How PHP used to run?

Page 37: Web Application Development Fundamentals

How PHP runs today?

Page 38: Web Application Development Fundamentals
Page 39: Web Application Development Fundamentals
Page 40: Web Application Development Fundamentals
Page 41: Web Application Development Fundamentals
Page 42: Web Application Development Fundamentals
Page 43: Web Application Development Fundamentals
Page 44: Web Application Development Fundamentals
Page 45: Web Application Development Fundamentals
Page 46: Web Application Development Fundamentals
Page 47: Web Application Development Fundamentals
Page 48: Web Application Development Fundamentals
Page 49: Web Application Development Fundamentals
Page 50: Web Application Development Fundamentals
Page 51: Web Application Development Fundamentals
Page 52: Web Application Development Fundamentals
Page 53: Web Application Development Fundamentals
Page 54: Web Application Development Fundamentals
Page 55: Web Application Development Fundamentals
Page 56: Web Application Development Fundamentals
Page 57: Web Application Development Fundamentals

• MVC is not an architecture it is just a design pattern.

• Often confused with 3-Tier Client- Server architecture.

• (MVC) + (3-Tier Client- Server architecture) are a great mixture

Page 58: Web Application Development Fundamentals
Page 59: Web Application Development Fundamentals

• Akelos PHP Framework• CakePHP • CodeIgniter • Concrete5 • PHPonTrax• phpXCore• Prado

• Qcodo• Switch board• Symfony • Yii PHP Framework • Zend Framework • Zoop Framework • PureMVC

Page 60: Web Application Development Fundamentals

Zend Framework

• Use-at-will PHP5 Framework (Glue)• Open source - BSD license• Documented• Quality assured

Page 61: Web Application Development Fundamentals

Zend Framework Components

Page 62: Web Application Development Fundamentals

(Zend_Cache) GLUED !

Page 63: Web Application Development Fundamentals

Zend_Cache

• 1. Add Zend Framework to lib/Zend folder• 2. Create a cache data folder• 3. Set up the cache• 4. Wrap cache code around database query• 5. That’s it!

Page 64: Web Application Development Fundamentals

Prepare your self!

• A deeper dive in the practical session• Lots a code

Page 65: Web Application Development Fundamentals

ank YouPH(p)