OSNOVE WEB PROGRAMIRANJA

Danijel Martinek

INTERNET

INTERNET

DEFINICIJA

  • globalna mreža međusobno spojenih računala

  • "mreža svih mreža"

izvor slike: Giphy

INTERNET

POVIJEST

slika pozadine: Gizmodo (prvo računalo sveučilišta Cambridge)

ARPANET

  • Advanced Research Projects Administration
  • nastao 1969. godine
  • preteča interneta
  • u početku povezivao znanstveno-istraživačke centre na četiri američka sveučilišta: UCLA (Kalifornijsko sveučilište u L.A.), Sveučilište Stanford, Sveučilište Santa Barbara te Sveučilište Utah
  • povezao Hawaii i London
  • packet switching
  • TCP/IP
  • Stanford kao središnji centar za adrese

INTERNET

NSFNET

  • National Science Foundation Network
  • nastao 1985. i ubrzo se proširio zahvaljujući spajanju s ARPANetom
  • nakon gašenja ARPANeta 1990. godine, preuzeo njegovu glavnu infrastrukturu - smatra se početkom modernog interneta
  • 1995. prepušta internet ISP-ovima (Internet Service Provider)

INTERNET

STATISTIKA

INTERNET

INTERNET

BROJ KORISNIKA

???

izvor: Internet Live Stats

48.4% korisnika u Aziji

21.8% korisnika u Americi

19.0% korisnika u Europi

[vrijednosti su približne, svake sekunde se promjene]

INTERNET

BROJ WEB STRANICA*

???

izvor: Internet Live Stats

slika pozadine: CERN data centar

BROJ REGISTRIRANIH DOMENA:

[vrijednosti su približne, svake sekunde se promjene]

75% nije aktivno

* broj jedinstvenih domena

INTERNET

55,193 GB

izvor: Internet Live Stats

internet prometa

U          SEKUNDI

1

izvor pozadinske slike: link

INTERNET

USLUGE NA INTERNETU

INTERNET

  • elektronička pošta
  • IRC (Internet Relay Chat)
  • VOD (Video On Demand)

  • IPTV (Internet Protocol television)

  • VoIP (Voice over Internet Protocol)

  • VPN (Virtual Private Network)

  • World Wide Web

WORLD WIDE WEB

WWW

  • "otac interneta"
  • ukomponirao Hypertext u internet
  • napravio je prvu uspješnu komunikaciju servera i klijenta preko Hypertext Transfer Protokola (HTTP) - CERN 1989.
  • napravio prvu web stranicu

Tim Berners-Lee

slika pozadine: Sir Tim Berners-Lee

WWW

MREŽNI PROTOKOLI I APLIKACIJSKI SLOJEVI

WWW

MREŽNI PROTOKOLI - standardi i norme koji se sastoje od pravila, postupaka i formata kroz koje definiraju komunikaciju između dva ili više uređaja preko mreže [1]

APLIKACIJSKI SLOJEVI - slojevi u Open Systems Interconnection (OSI) modelu i TCP/IP skupini protokola [2]

izvor: Technopedia [ 1] [ 2]

WWW

OSI MODEL

izvor: slika

izvor: slika

OSI MODEL

WWW

PROTOKOLI UNUTAR OSI MODELA

izvor: slika

WWW

WEB STANDARDI

  • HTML (HyperText Markup Language)
  • CSS ( Cascading Style Sheets )
  • JS (JavaScript)

WWW

PRIKAZIVANJE WEB STRANICA

SERVER - CLIENT MODEL

SERVER

CLIENT

DNS

requests

responses

172.217.23.174

(BROWSER)

HTML

CSS

JavaScript

- prevodi naziv stranice u IP adresu

request  assets

request  assets

HTML STRANICA

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <title>Naziv stranice</title>
     <link rel="stylesheet" href="css/styles.css?v=1.0">
</head>
<body>
     <h1>Naslov</h1>
     <script src="js/scripts.js"></script>
</body>
</html>

RADIONICA

HTML

RADIONICA

CSS

RADIONICA

RESPONZIVNOST

RADIONICA

*WEB DEVELOPER ROADMAP

https://github.com/kamranahmedse/developer-roadmap

RADIONICA

HVALA NA PAŽNJI!

3. travnja 2018.