Web Development Revolution
Business Information Technology Diploma
Agenda
• World Wide Web .
• Client/Server Architecture .
– Two-tier system .
– Three-tier or Multi-tier system .
• Server-Side Scripting .
– Java (JSP)
– Python
– PHP
– Ruby
– C# (ASP. Net)
• Client-Side Scripting .
– JavaScript
– CSS
– Html
• Real life Example (Creating PHP website by Wordpress).
Introduction
• World Wide Web:
a collection of interlinked multimedia
documents , stored on the Internet and
accessed using a common protocol (HTTP)
• The inventor of the Web , Tim Berners-Lee,
a British computer scientist and former CERN
(European organization for nuclear research) employee
• On 12 March 1989, Berners-Lee wrote a
proposal for what would eventually become
the World Wide Web
• The first test was completed December 1990
Client/Server Architecture
• Two-tier system :
– Presents an interface to the user
– Gathers information from the user,
submits it to a server, then receives,
formats, and presents the results returned
from the server .
Client/Server Architecture (Cont.)
• Three-tier, or Multi-tier system consists of three
distinct pieces:
– Client tier, or user interface tier, is the Web
browser
– Processing tier, or Middle tier, handles the
interaction between the Web browser client and
the data storage tier .
– Data Storage tier, Stores data in database and
returns requests presented by the processing tier
.
Server-Side Scripting
• Java is an object-oriented programming
language , developed by Sun Microsystems in
the 1990s.
• designed to work across multiple software
platforms, meaning a program written on Mac
OS X, for example, could also run on Windows.
• Used to develop enterprise level application and
video games and mobile apps, as well as
the Android operating system;
• It can be employed to develop web based
applications when used with JSP (Java Server
Pages)
• Java powers more than 200 million websites,
including Google, Facebook, Amazon and ebay .
Server-Side Scripting (Cont.)
• Python is a high-level, server-side scripting
language for websites and mobile apps.
• It was developed by Guido Van Rossum in
1991s.
• It's considered a fairly easy language for
beginners due to its readability and compact
syntax, meaning developers can use fewer
lines of code to express a concept than they
would in other languages.
• It powers the web apps for Instagram,
Pinterest and Rdio through its associated
web framework, Django, and is used by
Google , Yahoo! and NASA .
Server-Side Scripting (Cont.)
• PHP (Hypertext Preprocessor) is one of the
most widely used languages used to develop
dynamic websites. PHP was developed in the
1995s
• Open-source language which means that
there are thousands of already built modules
that can be modified to achieve the desired
functionality. Also, there are hundreds of PHP
platforms available such as Joomla,
WordPress, and Drupal that allow you to
develop websites.
• PHP powers more than 200 million websites,
including Wordpress, Digg, Yahoo and
Facebook.
Server-Side Scripting (Cont.)
• Ruby A dynamic, object-oriented scripting
language for developing websites and mobile
apps, was designed to be simple and easy to
write.
• It was developed by Yukihiro Matsumoto in
the 1995s
• Ruby powers Ruby on Rails, a web
development framework on which numerous
renowned websites including Github, Scribd,
Yammer, Shopify, and Groupon have been
developed.
Server-Side Scripting (Cont.)
• C# belongs to the Microsoft’s family and was
developed in 2000s to be the part of the first
ever release of Microsoft’s .NET framework.
• C# is very similar to Java in terms of
capabilities. It has been said that C# combines
the robustness of C++ with the advanced
features of Java. Therefore, if you are good at
Java, it is extremely easy to switch to C# and
vice-versa.
• C# is used to develop almost all types of
software applications that come with Visual
Studio IDE. If you are developing a web based
application in ASP.NET, you will be required to
code in C# or VB to write backend handling
mechanism.
Client-Side Scripting
• JavaScript is a client and server-side scripting
language developed by Netscape that derives
much of its syntax from C.
• It can be used across multiple web browsers and
is considered essential for developing interactive
or animated web functions. It is also used in
game development.
• JavaScript interpreters are embedded in some
Browsers extensions, Adobe Acrobat and Reader,
and Adobe's Creative Suite.
• JavaScript server side called Node.Js now
powers some of famous web sites like
Yahoo!, ebay.com, Linkedin.com .
Client-Side Scripting (Cont.)
• Cascading Style Sheets (CSS) is a style sheet
language used for describing the look and
formatting of a document written in a
markup language. While most often used to
change the style of web pages and user
interfaces written in HTML and XHTML.
• CSS was first proposed by Håkon Wium Lie on
October 10, 1994 .
• Along with HTML and JavaScript, CSS is a
cornerstone technology used by most
websites to create visually engaging web
pages, user interfaces for web applications,
and user interfaces for many mobile
applications.
• CSS written in HTML file or in separated file .
Client-Side Scripting (Cont.)
• HTML is the standardized markup
language that structures and formats
content on the web Page elements like
the titles, headings, text and links are
included in the HTML document.
• It is one of the core technologies in use
on the Internet and serves as the
backbone of all web pages.
Real life Example
• Creating PHP website by Wordpress.
–Install Apache Server.
–Install Wordpress.
–Install Wordpress template .

More Related Content

PPTX
Java script
PPTX
Training ppt
PPT
Tech talk: PHP
PPT
Linux for Web Developers
PPT
Tech talk php_cms
PPT
Ro R(2)
PPT
10 Sep08 2003ver
PDF
The shift to the edge
Java script
Training ppt
Tech talk: PHP
Linux for Web Developers
Tech talk php_cms
Ro R(2)
10 Sep08 2003ver
The shift to the edge

What's hot (13)

PPT
VFP & Ajax
PDF
Ruby on Rails
PDF
Dot Net Core
PDF
[4developers2016] The ultimate mobile DX using JS as a primary language (Fato...
PPTX
Presentation php
PPTX
Rajat kumar
PPTX
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
PDF
WordPress Code Architecture
PPT
Bib frame
PPTX
PHP Basics
PPTX
Website Auto scraping with Autoit and .Net HttpRequest
PPT
Advantages of Choosing PHP Web Development
PDF
Web programming by kiran and team
VFP & Ajax
Ruby on Rails
Dot Net Core
[4developers2016] The ultimate mobile DX using JS as a primary language (Fato...
Presentation php
Rajat kumar
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
WordPress Code Architecture
Bib frame
PHP Basics
Website Auto scraping with Autoit and .Net HttpRequest
Advantages of Choosing PHP Web Development
Web programming by kiran and team
Ad

Viewers also liked (20)

PPSX
Montaje de platillos
DOCX
AJAYGUPTACV
PPTX
베스트프라이스 프라이머 Ppt
PPTX
Pover point completo copia
PDF
Nicole Beck Resume
PPT
Борисова Людмила Николаевна
PPT
Борисова Людмила Николаевна
PPT
Colegio Normal Superior
PPT
Bullying
PPTX
Presentacion Terminada Emilsa Rodriguez
DOCX
Water erlind
PPT
DIAPOSITIVAS GBI
PPTX
ROXY GIRL S13
PPS
A ESO....
PPTX
C:\Documents And Settings\User\Mis Documentos\Daniela Medina\Ups\Tikatok
PDF
MDP on Financial Statement Analysis
PDF
Benh tieu chay_o_cho
PPT
Thurs nuremburg trials
PPT
Connected tv conference rene summer
DOCX
Wind_Energy_Law_2014_Amanda James _Avoiding Regulatory Missteps for Developer...
Montaje de platillos
AJAYGUPTACV
베스트프라이스 프라이머 Ppt
Pover point completo copia
Nicole Beck Resume
Борисова Людмила Николаевна
Борисова Людмила Николаевна
Colegio Normal Superior
Bullying
Presentacion Terminada Emilsa Rodriguez
Water erlind
DIAPOSITIVAS GBI
ROXY GIRL S13
A ESO....
C:\Documents And Settings\User\Mis Documentos\Daniela Medina\Ups\Tikatok
MDP on Financial Statement Analysis
Benh tieu chay_o_cho
Thurs nuremburg trials
Connected tv conference rene summer
Wind_Energy_Law_2014_Amanda James _Avoiding Regulatory Missteps for Developer...
Ad

Similar to Web development revolution (20)

PPTX
Web Technology Introduction framework.pptx
PDF
web desigining and publishing and easy level
PDF
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
PPT
introduction to web application development
PPTX
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
PPTX
1 Intro of web technology and sciences .pptx
PPTX
internship presentation 123445667890987a
PPT
Introduction To Website Development
PPTX
Web dev-101
PPT
HTTP and Website Architecture and Middleware
PDF
Webdevelopment
PDF
Making Of PHP Based Web Application
PDF
Meetup. Technologies Intro for Non-Tech People
PPTX
Unit 1 Part A.pptx bca subject with the ppt
PPTX
Introduction to programming world
PPTX
Introduction To Web Development & The New Digital Workplace
PPT
Web II - 01 - Introduction to server-side development
PPT
02 intro
PPTX
Languages and tools for web programming
PPTX
Languages and tools for web programming
Web Technology Introduction framework.pptx
web desigining and publishing and easy level
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
introduction to web application development
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
1 Intro of web technology and sciences .pptx
internship presentation 123445667890987a
Introduction To Website Development
Web dev-101
HTTP and Website Architecture and Middleware
Webdevelopment
Making Of PHP Based Web Application
Meetup. Technologies Intro for Non-Tech People
Unit 1 Part A.pptx bca subject with the ppt
Introduction to programming world
Introduction To Web Development & The New Digital Workplace
Web II - 01 - Introduction to server-side development
02 intro
Languages and tools for web programming
Languages and tools for web programming

Recently uploaded (20)

DOCX
Powerful Ways AIRCONNECT INFOSYSTEMS Pvt Ltd Enhances IT Infrastructure in In...
PDF
BIOCHEM CH2 OVERVIEW OF MICROBIOLOGY.pdf
PDF
Alethe Consulting Corporate Profile and Solution Aproach
PDF
Top 8 Trusted Sources to Buy Verified Cash App Accounts.pdf
PPTX
Partner to Customer - Sales Presentation_V23.01.pptx
PPTX
AI_Cyberattack_Solutions AI AI AI AI .pptx
PPTX
Basic understanding of cloud computing one need
PPSX
AI AppSec Threats and Defenses 20250822.ppsx
PPTX
Cyber Hygine IN organizations in MSME or
PPTX
Top Website Bugs That Hurt User Experience – And How Expert Web Design Fixes
PDF
The Evolution of Traditional to New Media .pdf
PDF
Uptota Investor Deck - Where Africa Meets Blockchain
PDF
The_Decisive_Battle_of_Yarmuk,battle of yarmuk
PDF
simpleintnettestmetiaerl for the simple testint
PDF
KEY COB2 UNIT 1: The Business of businessĐH KInh tế TP.HCM
PPTX
Reading as a good Form of Recreation
PDF
Buy Cash App Verified Accounts Instantly – Secure Crypto Deal.pdf
PPTX
1402_iCSC_-_RESTful_Web_APIs_--_Josef_Hammer.pptx
PPTX
10.2981-wlb.2004.021Figurewlb3bf00068fig0001.pptx
PPTX
Internet Safety for Seniors presentation
Powerful Ways AIRCONNECT INFOSYSTEMS Pvt Ltd Enhances IT Infrastructure in In...
BIOCHEM CH2 OVERVIEW OF MICROBIOLOGY.pdf
Alethe Consulting Corporate Profile and Solution Aproach
Top 8 Trusted Sources to Buy Verified Cash App Accounts.pdf
Partner to Customer - Sales Presentation_V23.01.pptx
AI_Cyberattack_Solutions AI AI AI AI .pptx
Basic understanding of cloud computing one need
AI AppSec Threats and Defenses 20250822.ppsx
Cyber Hygine IN organizations in MSME or
Top Website Bugs That Hurt User Experience – And How Expert Web Design Fixes
The Evolution of Traditional to New Media .pdf
Uptota Investor Deck - Where Africa Meets Blockchain
The_Decisive_Battle_of_Yarmuk,battle of yarmuk
simpleintnettestmetiaerl for the simple testint
KEY COB2 UNIT 1: The Business of businessĐH KInh tế TP.HCM
Reading as a good Form of Recreation
Buy Cash App Verified Accounts Instantly – Secure Crypto Deal.pdf
1402_iCSC_-_RESTful_Web_APIs_--_Josef_Hammer.pptx
10.2981-wlb.2004.021Figurewlb3bf00068fig0001.pptx
Internet Safety for Seniors presentation

Web development revolution

  • 1. Web Development Revolution Business Information Technology Diploma
  • 2. Agenda • World Wide Web . • Client/Server Architecture . – Two-tier system . – Three-tier or Multi-tier system . • Server-Side Scripting . – Java (JSP) – Python – PHP – Ruby – C# (ASP. Net) • Client-Side Scripting . – JavaScript – CSS – Html • Real life Example (Creating PHP website by Wordpress).
  • 3. Introduction • World Wide Web: a collection of interlinked multimedia documents , stored on the Internet and accessed using a common protocol (HTTP) • The inventor of the Web , Tim Berners-Lee, a British computer scientist and former CERN (European organization for nuclear research) employee • On 12 March 1989, Berners-Lee wrote a proposal for what would eventually become the World Wide Web • The first test was completed December 1990
  • 4. Client/Server Architecture • Two-tier system : – Presents an interface to the user – Gathers information from the user, submits it to a server, then receives, formats, and presents the results returned from the server .
  • 5. Client/Server Architecture (Cont.) • Three-tier, or Multi-tier system consists of three distinct pieces: – Client tier, or user interface tier, is the Web browser – Processing tier, or Middle tier, handles the interaction between the Web browser client and the data storage tier . – Data Storage tier, Stores data in database and returns requests presented by the processing tier .
  • 6. Server-Side Scripting • Java is an object-oriented programming language , developed by Sun Microsystems in the 1990s. • designed to work across multiple software platforms, meaning a program written on Mac OS X, for example, could also run on Windows. • Used to develop enterprise level application and video games and mobile apps, as well as the Android operating system; • It can be employed to develop web based applications when used with JSP (Java Server Pages) • Java powers more than 200 million websites, including Google, Facebook, Amazon and ebay .
  • 7. Server-Side Scripting (Cont.) • Python is a high-level, server-side scripting language for websites and mobile apps. • It was developed by Guido Van Rossum in 1991s. • It's considered a fairly easy language for beginners due to its readability and compact syntax, meaning developers can use fewer lines of code to express a concept than they would in other languages. • It powers the web apps for Instagram, Pinterest and Rdio through its associated web framework, Django, and is used by Google , Yahoo! and NASA .
  • 8. Server-Side Scripting (Cont.) • PHP (Hypertext Preprocessor) is one of the most widely used languages used to develop dynamic websites. PHP was developed in the 1995s • Open-source language which means that there are thousands of already built modules that can be modified to achieve the desired functionality. Also, there are hundreds of PHP platforms available such as Joomla, WordPress, and Drupal that allow you to develop websites. • PHP powers more than 200 million websites, including Wordpress, Digg, Yahoo and Facebook.
  • 9. Server-Side Scripting (Cont.) • Ruby A dynamic, object-oriented scripting language for developing websites and mobile apps, was designed to be simple and easy to write. • It was developed by Yukihiro Matsumoto in the 1995s • Ruby powers Ruby on Rails, a web development framework on which numerous renowned websites including Github, Scribd, Yammer, Shopify, and Groupon have been developed.
  • 10. Server-Side Scripting (Cont.) • C# belongs to the Microsoft’s family and was developed in 2000s to be the part of the first ever release of Microsoft’s .NET framework. • C# is very similar to Java in terms of capabilities. It has been said that C# combines the robustness of C++ with the advanced features of Java. Therefore, if you are good at Java, it is extremely easy to switch to C# and vice-versa. • C# is used to develop almost all types of software applications that come with Visual Studio IDE. If you are developing a web based application in ASP.NET, you will be required to code in C# or VB to write backend handling mechanism.
  • 11. Client-Side Scripting • JavaScript is a client and server-side scripting language developed by Netscape that derives much of its syntax from C. • It can be used across multiple web browsers and is considered essential for developing interactive or animated web functions. It is also used in game development. • JavaScript interpreters are embedded in some Browsers extensions, Adobe Acrobat and Reader, and Adobe's Creative Suite. • JavaScript server side called Node.Js now powers some of famous web sites like Yahoo!, ebay.com, Linkedin.com .
  • 12. Client-Side Scripting (Cont.) • Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. While most often used to change the style of web pages and user interfaces written in HTML and XHTML. • CSS was first proposed by Håkon Wium Lie on October 10, 1994 . • Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging web pages, user interfaces for web applications, and user interfaces for many mobile applications. • CSS written in HTML file or in separated file .
  • 13. Client-Side Scripting (Cont.) • HTML is the standardized markup language that structures and formats content on the web Page elements like the titles, headings, text and links are included in the HTML document. • It is one of the core technologies in use on the Internet and serves as the backbone of all web pages.
  • 14. Real life Example • Creating PHP website by Wordpress. –Install Apache Server. –Install Wordpress. –Install Wordpress template .