1. előadás

A tárgyról

• Webfejleszétsre épít

  • HTML5
  • CSS 1,2,3

• Dinamikus webprogramozásról fog szólni

• Platform specifikus programozás
  • a tárgy nem programozni tanít meg, hanem a meglévő tudást alkalmazza egy speciális platformon, a böngészőn.
• Nincs elvárás a használt eszközökhöz, az a lényeg hogy működjön, a "mentális modell" legyen meg.

Félév felépítése

• Első felében a böngészőt tanuljuk meg programozni
• A második felében htmlt generálunk

Követelmények

• Javascript
  • 1. gyakorlat csoport zh 10 pont (min 0)
  • Beadandó 20 pont (min 8)
• Php
  • 1. gyakorlat csoport zh 10 pont (min 0)
  • Beadandó 20 pont (min 8)
• Évfolyam ZH 60 pont (min 12 js - 12 php)

Összesen 120 pont: 102- : 5 84-101: 4 66-83: 3 48-65: 2

Kliens - Szerver architektúra

• Web: kliens és kiszolgáló kommunikáció
  • HTTP: protokol
  • URL: erőforrás azonosító
  • HTML: dokumentumleíró nyelv

Statikusság

Szerver szempontjából

A kérés pillanatában, az a tartalom ami megérkezik, már létezett a szerveren. (Csak fájl kiszolgálás történt)

Kliens statikus

???

Dinamikus

Vagy szerver- vagy kliensoldalon egy program fut le. Dinamikusan áll elő a tartalom.

Szerver

A kérés pillanatában, az a tartalom(kérés) ami megérkezik, még nem létezik a szerveren, egy program állítja elő.

Kliens

A betöltött oldalt egy program interaktívvá teszi Alkalmazkodik a környezethez

Kliens olali webprogramozás

Feladat demo: Név jegy párok

Ki kell írni az ötöst szerző halgatók nevét

const wpResults = [
    {name: "Name 1", grade: 3},
    {name: "Name 2", grade: 2},
    {name: "Name 3", grade: 3},
    {name: "Name 4", grade: 5},
    {name: "Name 5", grade: 4},
] 

console.log(wpResulst.filter(person => person.grade===5).map(person => person.name))