SlideShare a Scribd company logo
Computer Science 100
Web Programming



Web Programming in a Nutshell
Outline
●   The Web
●   Short History and Highlights
    –   Beginnings @ CERN
    –   The Browser Wars
    –   The W3C
    –   Web 1.0, Web 2.0 and Web 3.0
●   “Components” of Web Programming
The World Wide Web
●   Aka The Web
●   System of interlinked
    hypertext documents (or
    hypermedia) contained in
    the Internet.
●   A document in the Web is
    called a web page.
●   Group of related web pages
     OR a single location in the
    Internet where web pages
    can be accessed from is a
    web site.
The World Wide Web: Web
                 Pages
●   A Web page may contain:
    –   Text
    –   Images
    –   Embedded objects: videos, audio, binaries (i.e.
        Java applets, Flash)
    –   Tables
    –   Hyperlinks
●   By default a web page is a page written
    using Hypertext Markup Language (HTML)
The World Wide Web: CERN
●   The Birthplace of the Web
●   Organisation Européenne
    pour la Recherche
    Nucléaire (French)
●   European Organization for
    Nuclear Research
The World Wide Web
●   Tim Berners-Lee, English
    physicist, creator of the World
    Wide Web (1989)
     – First web server
     – First browser (WorldWideWeb)
     – Director of the W3C
●   Read:
    http://www.w3.org/History/1989/
    proposal.html
     – The original proposal for the
       WWW.
WWW Timeline
●   1989 The World Wide Web begins at CERN.
●   1990 Web server and web browser created.
●   Aug 6, 1991 Marked as the day the Web became a publicly
    available service.
●   1993 NCSA releases Mosaic a multiplatform web browser
    precursor to Netscape Navigator. Other browsers also
    released.
     – June 1993 – Stylesheets proposed for HTML
     – October 1993 CERN announces WWW would be free.
●   1994 Netscape Navigator, Opera browsers released.
●   1995 Internet Explorer released
     – Javascript integrated.
     – The First Browser War starts!
The Browser Wars
●   Metaphorical war, fight for
    market dominance of the
    popular web browsers.
●   The war in short:
     – 1st Browser War: IE
       wins over Netscape*
     – 2nd Browser War:
       Netscape releases
       source code (Firefox)
     – 2008-Present : Google
       etc., joins the fray.
The Browser Wars
●   Competition is always good.
●   Better browsers.
     – Web browsers are the web programmer's application
       user interface platforms.
●
    Negative side effects of the 1st Browser War
     – Each contender came out with their own “HTML tags”
       leading to the non-standardization of HTML.
The W3C
●   The World Wide Web Consortium
●   Founded October, 1994
●   Headed by Tim Berners-Lee
●   Develop standards for the Web
●   http://www.w3.org/
Other Highlights: The DotCom
      Bubble: Boom and Burst
●   From 1995 to 2001
●   Marked by the increase in Internet users (thanks to the
    web).
●   Increase in “Internet startups” (refered to as dot coms)
    offering services through the Internet (Web).
●   Triggered a mild economic repression in 2000.
Other Highlights: Web 1.0, 2.0
               and 3.0
●
    Web 2.0:
     – This “versioning” of the web is unofficial.
     – Associated with web applications which facilitate interactive
       information sharing, interoperability, user-centered design and
       collaboration.
     – Popularized in 2004 by Tim O'Reilly
     – Coined in 1999 by Darcy DiNucci in an article.
     – Allows users to run “software applications” via the web
       browser.
●   Web 1.0
     – Had to be coined because of the above.
●
    Web 3.0 Semantic Web
     – Advanced application of the WWW.
Your Assignment:
●   What are WEB APPLICATIONS?
    –   List down web applications that you use/have
        used/will use and their types. (at least 5)
    –   What do you need to create a web application?
    –   How is a web application different from a
        desktop application?

        Email your answers to
        uplbcmscexercises@gmail.com on or before
        Tuesday, November 22, 2011, 12:00 am. Use
        “CMSC 100 Web App Assign” as the subject of
        your email.

More Related Content

PPTX
A blog 2
PPTX
world wide web
PDF
Copy of bookmarking basics and digital curation options
PPT
A blog
PPTX
Wikis for collaborative projects
PPT
Оголошення на мінікемпі: OneWebDay і Програманія
PDF
All BAsic Of Ict
KEY
Artdm171 Week2: History of the Web
A blog 2
world wide web
Copy of bookmarking basics and digital curation options
A blog
Wikis for collaborative projects
Оголошення на мінікемпі: OneWebDay і Програманія
All BAsic Of Ict
Artdm171 Week2: History of the Web

What's hot (17)

PPTX
Presentation1
PPTX
world wide web
PPTX
Internet
PPTX
Twitter and Wiki Lecture
PPTX
Folder Lock without using software-for Windows(Desktop), Pendrive, Harddisk.
PPTX
Wikis in the classroom slides to display
PPT
Wiki project 2
PPT
What Is A Wiki
PPTX
Get the group work instant
ODP
Innovation of web
PDF
Micro:bit Nametag
PPT
Intro cOMPUTERS
PPTX
World wide web
PDF
Open web badges
PPTX
Blog Creation and Posting by Amaan Saifi
PPT
Wiki Presentation
PPT
Learning English with wikis
Presentation1
world wide web
Internet
Twitter and Wiki Lecture
Folder Lock without using software-for Windows(Desktop), Pendrive, Harddisk.
Wikis in the classroom slides to display
Wiki project 2
What Is A Wiki
Get the group work instant
Innovation of web
Micro:bit Nametag
Intro cOMPUTERS
World wide web
Open web badges
Blog Creation and Posting by Amaan Saifi
Wiki Presentation
Learning English with wikis
Ad

Viewers also liked (7)

PPT
Web 1.0 To 3.0
PPT
I Learn Computer - Operating systems
DOCX
Activity 10 timeline history of internet
PDF
MicroComputer Application 1
PPTX
Web publishing
PPTX
Ppt on internet
PDF
Digital in 2017 Global Overview
Web 1.0 To 3.0
I Learn Computer - Operating systems
Activity 10 timeline history of internet
MicroComputer Application 1
Web publishing
Ppt on internet
Digital in 2017 Global Overview
Ad

Similar to Cmsc 100 (web programming in a nutshell) (20)

PPTX
Trends and advancements in www.pptx
PPTX
Trends and advancements in www.pptx
PPTX
01-Lecture Web System & Technology Introduction.pptx
PPTX
wwworworldwideweb.pptx_20241003_234415_0000.pptx
PPTX
wwworworldwidewebdefinitionwithexamples.pptx
PDF
web technologies
DOC
انترنت فيديو كونفرنس 12_7_2011
PDF
The Dynamic Web
PDF
Dynamic Web
PPTX
World wide web
PPT
POLITEKNIK MALAYSIA
PPTX
what is www, website, internet, and URL
PPTX
Allahverdiyeva Əzizbikə 695.21 Tex.xarici dil.pptx
PPTX
PPTX
Archtecture of world wide web
PDF
A Never-Ending Project for Humanity Called “the Web”
PPTX
World wide web An Introduction
PPT
The Evolving Architecture
PPS
My lectures
PPTX
An overview of the development of the world wide web
Trends and advancements in www.pptx
Trends and advancements in www.pptx
01-Lecture Web System & Technology Introduction.pptx
wwworworldwideweb.pptx_20241003_234415_0000.pptx
wwworworldwidewebdefinitionwithexamples.pptx
web technologies
انترنت فيديو كونفرنس 12_7_2011
The Dynamic Web
Dynamic Web
World wide web
POLITEKNIK MALAYSIA
what is www, website, internet, and URL
Allahverdiyeva Əzizbikə 695.21 Tex.xarici dil.pptx
Archtecture of world wide web
A Never-Ending Project for Humanity Called “the Web”
World wide web An Introduction
The Evolving Architecture
My lectures
An overview of the development of the world wide web

More from MaeEstherMaguadMaralit (15)

PDF
linked list (CMSC 123)
PDF
PDF
Cmsc 100 (web content)
PDF
Cmsc 100 (web forms)
PDF
Cmsc 100 xhtml and css

Recently uploaded (20)

PDF
Basic Mud Logging Guide for educational purpose
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Cell Types and Its function , kingdom of life
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
RMMM.pdf make it easy to upload and study
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Basic Mud Logging Guide for educational purpose
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
O5-L3 Freight Transport Ops (International) V1.pdf
Microbial disease of the cardiovascular and lymphatic systems
Abdominal Access Techniques with Prof. Dr. R K Mishra
Cell Types and Its function , kingdom of life
PPH.pptx obstetrics and gynecology in nursing
Final Presentation General Medicine 03-08-2024.pptx
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
Microbial diseases, their pathogenesis and prophylaxis
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
RMMM.pdf make it easy to upload and study
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Pharmacology of Heart Failure /Pharmacotherapy of CHF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...

Cmsc 100 (web programming in a nutshell)

  • 1. Computer Science 100 Web Programming Web Programming in a Nutshell
  • 2. Outline ● The Web ● Short History and Highlights – Beginnings @ CERN – The Browser Wars – The W3C – Web 1.0, Web 2.0 and Web 3.0 ● “Components” of Web Programming
  • 3. The World Wide Web ● Aka The Web ● System of interlinked hypertext documents (or hypermedia) contained in the Internet. ● A document in the Web is called a web page. ● Group of related web pages OR a single location in the Internet where web pages can be accessed from is a web site.
  • 4. The World Wide Web: Web Pages ● A Web page may contain: – Text – Images – Embedded objects: videos, audio, binaries (i.e. Java applets, Flash) – Tables – Hyperlinks ● By default a web page is a page written using Hypertext Markup Language (HTML)
  • 5. The World Wide Web: CERN ● The Birthplace of the Web ● Organisation Européenne pour la Recherche Nucléaire (French) ● European Organization for Nuclear Research
  • 6. The World Wide Web ● Tim Berners-Lee, English physicist, creator of the World Wide Web (1989) – First web server – First browser (WorldWideWeb) – Director of the W3C ● Read: http://www.w3.org/History/1989/ proposal.html – The original proposal for the WWW.
  • 7. WWW Timeline ● 1989 The World Wide Web begins at CERN. ● 1990 Web server and web browser created. ● Aug 6, 1991 Marked as the day the Web became a publicly available service. ● 1993 NCSA releases Mosaic a multiplatform web browser precursor to Netscape Navigator. Other browsers also released. – June 1993 – Stylesheets proposed for HTML – October 1993 CERN announces WWW would be free. ● 1994 Netscape Navigator, Opera browsers released. ● 1995 Internet Explorer released – Javascript integrated. – The First Browser War starts!
  • 8. The Browser Wars ● Metaphorical war, fight for market dominance of the popular web browsers. ● The war in short: – 1st Browser War: IE wins over Netscape* – 2nd Browser War: Netscape releases source code (Firefox) – 2008-Present : Google etc., joins the fray.
  • 9. The Browser Wars ● Competition is always good. ● Better browsers. – Web browsers are the web programmer's application user interface platforms. ● Negative side effects of the 1st Browser War – Each contender came out with their own “HTML tags” leading to the non-standardization of HTML.
  • 10. The W3C ● The World Wide Web Consortium ● Founded October, 1994 ● Headed by Tim Berners-Lee ● Develop standards for the Web ● http://www.w3.org/
  • 11. Other Highlights: The DotCom Bubble: Boom and Burst ● From 1995 to 2001 ● Marked by the increase in Internet users (thanks to the web). ● Increase in “Internet startups” (refered to as dot coms) offering services through the Internet (Web). ● Triggered a mild economic repression in 2000.
  • 12. Other Highlights: Web 1.0, 2.0 and 3.0 ● Web 2.0: – This “versioning” of the web is unofficial. – Associated with web applications which facilitate interactive information sharing, interoperability, user-centered design and collaboration. – Popularized in 2004 by Tim O'Reilly – Coined in 1999 by Darcy DiNucci in an article. – Allows users to run “software applications” via the web browser. ● Web 1.0 – Had to be coined because of the above. ● Web 3.0 Semantic Web – Advanced application of the WWW.
  • 13. Your Assignment: ● What are WEB APPLICATIONS? – List down web applications that you use/have used/will use and their types. (at least 5) – What do you need to create a web application? – How is a web application different from a desktop application? Email your answers to uplbcmscexercises@gmail.com on or before Tuesday, November 22, 2011, 12:00 am. Use “CMSC 100 Web App Assign” as the subject of your email.