SlideShare une entreprise Scribd logo
1  sur  35
Introduction to Web Programming Vlad Posea [email_address] http://vlad.posea.eu
Course Objectives ,[object Object],[object Object],[object Object]
What I want from you ,[object Object],[object Object],[object Object],[object Object]
What we’ll study in the course ,[object Object],[object Object],[object Object],[object Object],[object Object]
What you’ll do in the lab ,[object Object],[object Object],[object Object]
How you’ll get points ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How you lose points ,[object Object],[object Object],[object Object]
Course plan ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Lab Plan ,[object Object],[object Object],[object Object],[object Object]
Short History of the WWW ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Before the web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The web vs. the internet ,[object Object]
The invention ,[object Object],[object Object],[object Object],[object Object]
History of the web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
History of the web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How the web evolved (Yahoo)
How the web evolved (Amazon) Amazon 1999 – product categories, featured products, accounts, personalization Amazon 2009 – + user centered (what you wanted and what they recommend), blogs, page space better used
Conclusions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Client – Server architecture ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Peer to peer architecture ,[object Object],[object Object],[object Object],[object Object],[object Object]
Advantages and disadvantages of the Client-Server architecture ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The HTTP Protocol ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP Protocol – Basic Glossary (RFC 2616) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
What is an URL? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Structure of a HTTP Message ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP Request Methods (most important) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Status lines ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Status codes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP Headers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTTP Headers ,[object Object],[object Object],[object Object]
User sessions & HTTP ,[object Object],[object Object],[object Object],[object Object]
Example ,[object Object],[object Object],[object Object],[object Object]
Results ,[object Object],[object Object],[object Object],[object Object]
 
References ,[object Object],[object Object],[object Object]

Contenu connexe

Tendances

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web developmentbethanygfair
 
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).pptIntroduction to JavaScript (1).ppt
Introduction to JavaScript (1).pptMuhammadRehan856177
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptFahim Abdullah
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examplesAlfredo Torre
 
Beginners PHP Tutorial
Beginners PHP TutorialBeginners PHP Tutorial
Beginners PHP Tutorialalexjones89
 
Introduction to PHP
Introduction to PHPIntroduction to PHP
Introduction to PHPBradley Holt
 
Introduction to CSS3
Introduction to CSS3Introduction to CSS3
Introduction to CSS3Doris Chen
 
Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTMLAarti P
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & WebpageZeeshan Alam
 
Javascript arrays
Javascript arraysJavascript arrays
Javascript arraysHassan Dar
 
JavaScript Lecture notes.pptx
JavaScript Lecture notes.pptxJavaScript Lecture notes.pptx
JavaScript Lecture notes.pptxNishaRohit6
 

Tendances (20)

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
 
Introduction to JavaScript (1).ppt
Introduction to JavaScript (1).pptIntroduction to JavaScript (1).ppt
Introduction to JavaScript (1).ppt
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examples
 
Web technology
Web technologyWeb technology
Web technology
 
Beginners PHP Tutorial
Beginners PHP TutorialBeginners PHP Tutorial
Beginners PHP Tutorial
 
Introduction to PHP
Introduction to PHPIntroduction to PHP
Introduction to PHP
 
HTML CSS & Javascript
HTML CSS & JavascriptHTML CSS & Javascript
HTML CSS & Javascript
 
Intro to html 5
Intro to html 5Intro to html 5
Intro to html 5
 
Introduction to CSS3
Introduction to CSS3Introduction to CSS3
Introduction to CSS3
 
Java script array
Java script arrayJava script array
Java script array
 
Php.ppt
Php.pptPhp.ppt
Php.ppt
 
Hyperlinks in HTML
Hyperlinks in HTMLHyperlinks in HTML
Hyperlinks in HTML
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
Javascript arrays
Javascript arraysJavascript arrays
Javascript arrays
 
Html 5
Html 5Html 5
Html 5
 
Asp.net.
Asp.net.Asp.net.
Asp.net.
 
Introduction to php
Introduction to phpIntroduction to php
Introduction to php
 
JavaScript Lecture notes.pptx
JavaScript Lecture notes.pptxJavaScript Lecture notes.pptx
JavaScript Lecture notes.pptx
 

En vedette

Introduction to Web Programming
Introduction to Web ProgrammingIntroduction to Web Programming
Introduction to Web ProgrammingYnon Perek
 
Web Programming Intro
Web Programming IntroWeb Programming Intro
Web Programming IntroYnon Perek
 
IPW 3rd Course - CSS
IPW 3rd Course - CSSIPW 3rd Course - CSS
IPW 3rd Course - CSSVlad Posea
 
Web programming and development - Introduction
Web programming and development - IntroductionWeb programming and development - Introduction
Web programming and development - IntroductionJoel Briza
 
Mousa Alshahrani
Mousa AlshahraniMousa Alshahrani
Mousa AlshahraniMousa09
 
Programarea calculatoarelor c2
Programarea calculatoarelor c2Programarea calculatoarelor c2
Programarea calculatoarelor c2Vlad Posea
 
IPW HTML course
IPW HTML courseIPW HTML course
IPW HTML courseVlad Posea
 
Ce mă fac când o să fiu mare - optiuni pentru o cariera in IT
Ce mă fac când o să fiu mare - optiuni pentru o cariera in ITCe mă fac când o să fiu mare - optiuni pentru o cariera in IT
Ce mă fac când o să fiu mare - optiuni pentru o cariera in ITVlad Posea
 
Usability and accessibility on the web
Usability and accessibility on the webUsability and accessibility on the web
Usability and accessibility on the webVlad Posea
 
IPW 2eme course - HTML
IPW 2eme course - HTMLIPW 2eme course - HTML
IPW 2eme course - HTMLVlad Posea
 
C5 Javascript French
C5 Javascript FrenchC5 Javascript French
C5 Javascript FrenchVlad Posea
 
Introduction to Web Programming with Perl
Introduction to Web Programming with PerlIntroduction to Web Programming with Perl
Introduction to Web Programming with PerlDave Cross
 
Linked Open Data in Romania
Linked Open Data in RomaniaLinked Open Data in Romania
Linked Open Data in RomaniaVlad Posea
 
Content Marketing Strategy Guide (2013)
Content Marketing Strategy Guide (2013)Content Marketing Strategy Guide (2013)
Content Marketing Strategy Guide (2013)Right Hand Planning
 
Beyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal AdministrationBeyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal AdministrationForum One
 
Joomla Beginners Overview Of Day
Joomla Beginners Overview Of DayJoomla Beginners Overview Of Day
Joomla Beginners Overview Of Dayguest01babb
 
Introduction to web content management
Introduction to web content managementIntroduction to web content management
Introduction to web content managementQUT Library
 

En vedette (20)

Introduction to Web Programming
Introduction to Web ProgrammingIntroduction to Web Programming
Introduction to Web Programming
 
Web Programming Intro
Web Programming IntroWeb Programming Intro
Web Programming Intro
 
IPW 3rd Course - CSS
IPW 3rd Course - CSSIPW 3rd Course - CSS
IPW 3rd Course - CSS
 
Web programming and development - Introduction
Web programming and development - IntroductionWeb programming and development - Introduction
Web programming and development - Introduction
 
Mousa Alshahrani
Mousa AlshahraniMousa Alshahrani
Mousa Alshahrani
 
Programarea calculatoarelor c2
Programarea calculatoarelor c2Programarea calculatoarelor c2
Programarea calculatoarelor c2
 
IPW HTML course
IPW HTML courseIPW HTML course
IPW HTML course
 
C5 Javascript
C5 JavascriptC5 Javascript
C5 Javascript
 
Ce mă fac când o să fiu mare - optiuni pentru o cariera in IT
Ce mă fac când o să fiu mare - optiuni pentru o cariera in ITCe mă fac când o să fiu mare - optiuni pentru o cariera in IT
Ce mă fac când o să fiu mare - optiuni pentru o cariera in IT
 
Usability and accessibility on the web
Usability and accessibility on the webUsability and accessibility on the web
Usability and accessibility on the web
 
IPW 2eme course - HTML
IPW 2eme course - HTMLIPW 2eme course - HTML
IPW 2eme course - HTML
 
C5 Javascript French
C5 Javascript FrenchC5 Javascript French
C5 Javascript French
 
Introduction to Web Programming with Perl
Introduction to Web Programming with PerlIntroduction to Web Programming with Perl
Introduction to Web Programming with Perl
 
Linked Open Data in Romania
Linked Open Data in RomaniaLinked Open Data in Romania
Linked Open Data in Romania
 
Content Marketing Strategy Guide (2013)
Content Marketing Strategy Guide (2013)Content Marketing Strategy Guide (2013)
Content Marketing Strategy Guide (2013)
 
Beyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal AdministrationBeyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal Administration
 
Limit to dvd
Limit to dvdLimit to dvd
Limit to dvd
 
Joomla Beginners Overview Of Day
Joomla Beginners Overview Of DayJoomla Beginners Overview Of Day
Joomla Beginners Overview Of Day
 
JOOMLA
JOOMLAJOOMLA
JOOMLA
 
Introduction to web content management
Introduction to web content managementIntroduction to web content management
Introduction to web content management
 

Similaire à Introduction to Web Programming - first course

Web topic 1 internet
Web topic 1  internetWeb topic 1  internet
Web topic 1 internetCK Yang
 
Lesson 6 web based attacks
Lesson 6 web based attacksLesson 6 web based attacks
Lesson 6 web based attacksFrank Victory
 
Introduction to internet
Introduction to internetIntroduction to internet
Introduction to internetYusuf Brima
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxMartin Mulwa
 
21 Www Web Services
21 Www Web Services21 Www Web Services
21 Www Web Servicesroyans
 
Introduction to the Internet and Web.pptx
Introduction to the Internet and Web.pptxIntroduction to the Internet and Web.pptx
Introduction to the Internet and Web.pptxhishamousl
 
Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Lori Head
 
Web Introduction
Web IntroductionWeb Introduction
Web Introductionasim78
 
Presentation (PowerPoint File)
Presentation (PowerPoint File)Presentation (PowerPoint File)
Presentation (PowerPoint File)webhostingguy
 
Presentation (PowerPoint File)
Presentation (PowerPoint File)Presentation (PowerPoint File)
Presentation (PowerPoint File)webhostingguy
 
Introduction to the Web and HTML
Introduction to the Web and HTMLIntroduction to the Web and HTML
Introduction to the Web and HTMLSiddharthBorderwala
 
introduction to Web system
introduction to Web systemintroduction to Web system
introduction to Web systemhashim102
 
Introduction to the web
Introduction to the webIntroduction to the web
Introduction to the webSAMIR BHOGAYTA
 

Similaire à Introduction to Web Programming - first course (20)

Web topic 1 internet
Web topic 1  internetWeb topic 1  internet
Web topic 1 internet
 
Lesson 6 web based attacks
Lesson 6 web based attacksLesson 6 web based attacks
Lesson 6 web based attacks
 
Introduction to internet
Introduction to internetIntroduction to internet
Introduction to internet
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
 
21 Www Web Services
21 Www Web Services21 Www Web Services
21 Www Web Services
 
Introduction to the Internet and Web.pptx
Introduction to the Internet and Web.pptxIntroduction to the Internet and Web.pptx
Introduction to the Internet and Web.pptx
 
world wide web
world wide webworld wide web
world wide web
 
unit 1(chapter1).pdf
unit 1(chapter1).pdfunit 1(chapter1).pdf
unit 1(chapter1).pdf
 
internet workshop
internet workshopinternet workshop
internet workshop
 
Apache Web Server Setup 1
Apache Web Server Setup 1Apache Web Server Setup 1
Apache Web Server Setup 1
 
Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207
 
Web Introduction
Web IntroductionWeb Introduction
Web Introduction
 
Internet
InternetInternet
Internet
 
Presentation (PowerPoint File)
Presentation (PowerPoint File)Presentation (PowerPoint File)
Presentation (PowerPoint File)
 
Presentation (PowerPoint File)
Presentation (PowerPoint File)Presentation (PowerPoint File)
Presentation (PowerPoint File)
 
Introduction to the Web and HTML
Introduction to the Web and HTMLIntroduction to the Web and HTML
Introduction to the Web and HTML
 
introduction to Web system
introduction to Web systemintroduction to Web system
introduction to Web system
 
Web server
Web serverWeb server
Web server
 
Html
HtmlHtml
Html
 
Introduction to the web
Introduction to the webIntroduction to the web
Introduction to the web
 

Plus de Vlad Posea

Design thinking
Design thinkingDesign thinking
Design thinkingVlad Posea
 
Talentul meu – mersul pe bicicletă
Talentul meu – mersul pe bicicletăTalentul meu – mersul pe bicicletă
Talentul meu – mersul pe bicicletăVlad Posea
 
Programarea calculatoarelor - Limbajul C
Programarea calculatoarelor   - Limbajul CProgramarea calculatoarelor   - Limbajul C
Programarea calculatoarelor - Limbajul CVlad Posea
 
Social semantic web
Social semantic webSocial semantic web
Social semantic webVlad Posea
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francaisVlad Posea
 
Intro to HTML5
Intro to HTML5Intro to HTML5
Intro to HTML5Vlad Posea
 
Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012
Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012
Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012Vlad Posea
 
utilisabilite et accessibilite au web
utilisabilite et accessibilite au webutilisabilite et accessibilite au web
utilisabilite et accessibilite au webVlad Posea
 
IPW Course 3 CSS
IPW Course 3 CSSIPW Course 3 CSS
IPW Course 3 CSSVlad Posea
 
Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Vlad Posea
 
Javascript ajax tutorial
Javascript ajax tutorialJavascript ajax tutorial
Javascript ajax tutorialVlad Posea
 
Studiu Referitor La Insertia Pe Piata Muncii (1)
Studiu Referitor La Insertia Pe Piata Muncii (1)Studiu Referitor La Insertia Pe Piata Muncii (1)
Studiu Referitor La Insertia Pe Piata Muncii (1)Vlad Posea
 
Aplicații Web Semantice - Descriere Proiect
Aplicații Web Semantice - Descriere ProiectAplicații Web Semantice - Descriere Proiect
Aplicații Web Semantice - Descriere ProiectVlad Posea
 
Stagii In Strainatate
Stagii In StrainatateStagii In Strainatate
Stagii In StrainatateVlad Posea
 
Student si/sau Angajat
Student si/sau AngajatStudent si/sau Angajat
Student si/sau AngajatVlad Posea
 
Ghidul bobocului de la Facultatea de Automatica si Calculatoare
Ghidul bobocului de la Facultatea de Automatica si CalculatoareGhidul bobocului de la Facultatea de Automatica si Calculatoare
Ghidul bobocului de la Facultatea de Automatica si CalculatoareVlad Posea
 
Tips & Tricks Proiect
Tips & Tricks   ProiectTips & Tricks   Proiect
Tips & Tricks ProiectVlad Posea
 

Plus de Vlad Posea (20)

Design thinking
Design thinkingDesign thinking
Design thinking
 
Talentul meu – mersul pe bicicletă
Talentul meu – mersul pe bicicletăTalentul meu – mersul pe bicicletă
Talentul meu – mersul pe bicicletă
 
Programarea calculatoarelor - Limbajul C
Programarea calculatoarelor   - Limbajul CProgramarea calculatoarelor   - Limbajul C
Programarea calculatoarelor - Limbajul C
 
Social semantic web
Social semantic webSocial semantic web
Social semantic web
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francais
 
Intro to HTML5
Intro to HTML5Intro to HTML5
Intro to HTML5
 
Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012
Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012
Ghidul Bobocului de la Facultatea de Automatica si Calculatoare vers 2011-2012
 
utilisabilite et accessibilite au web
utilisabilite et accessibilite au webutilisabilite et accessibilite au web
utilisabilite et accessibilite au web
 
C5 Javascript
C5 JavascriptC5 Javascript
C5 Javascript
 
Css+html
Css+htmlCss+html
Css+html
 
IPW Course 3 CSS
IPW Course 3 CSSIPW Course 3 CSS
IPW Course 3 CSS
 
Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1Introduction dans la Programmation Web Course 1
Introduction dans la Programmation Web Course 1
 
Json tutorial
Json tutorialJson tutorial
Json tutorial
 
Javascript ajax tutorial
Javascript ajax tutorialJavascript ajax tutorial
Javascript ajax tutorial
 
Studiu Referitor La Insertia Pe Piata Muncii (1)
Studiu Referitor La Insertia Pe Piata Muncii (1)Studiu Referitor La Insertia Pe Piata Muncii (1)
Studiu Referitor La Insertia Pe Piata Muncii (1)
 
Aplicații Web Semantice - Descriere Proiect
Aplicații Web Semantice - Descriere ProiectAplicații Web Semantice - Descriere Proiect
Aplicații Web Semantice - Descriere Proiect
 
Stagii In Strainatate
Stagii In StrainatateStagii In Strainatate
Stagii In Strainatate
 
Student si/sau Angajat
Student si/sau AngajatStudent si/sau Angajat
Student si/sau Angajat
 
Ghidul bobocului de la Facultatea de Automatica si Calculatoare
Ghidul bobocului de la Facultatea de Automatica si CalculatoareGhidul bobocului de la Facultatea de Automatica si Calculatoare
Ghidul bobocului de la Facultatea de Automatica si Calculatoare
 
Tips & Tricks Proiect
Tips & Tricks   ProiectTips & Tricks   Proiect
Tips & Tricks Proiect
 

Introduction to Web Programming - first course

  • 1. Introduction to Web Programming Vlad Posea [email_address] http://vlad.posea.eu
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. How the web evolved (Yahoo)
  • 17. How the web evolved (Amazon) Amazon 1999 – product categories, featured products, accounts, personalization Amazon 2009 – + user centered (what you wanted and what they recommend), blogs, page space better used
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.  
  • 35.

Notes de l'éditeur

  1. Corner bottom right – yahoo – 96 – collection of links, search engine Corner bottom left – yahoo – 2000 – content increases, content updated more often (in the news), interaction means provided – mail, messenger, auctions Corner top right – yahoo 2004 – live news and markets , services, personalization corner top left – yahoo 2008 – real time content (ajax), content increased, very advanced interfaces (see the tabs for classifying content), personalized news available, community oriented (see answers for example)