Preskoči na sadržaj
Prijava Registracija
Razvoj aplikacija i web Srednja škola

Skriptni jezici i web programiranje

Izradi web sjedište od nule: HTML elementi, tablice, slike i poveznice, CSS selektori, fontovi i Flexbox

30 lekcija 2 kviza Certifikat
Upiši se na tečaj

Što ćeš naučiti

  • Isplanirati i organizirati vlastito web sjedište
  • Pisati ispravan HTML: tekst, liste, tablice, slike i poveznice
  • Ugraditi video i zvuk u web stranicu
  • Oblikovati stranice CSS-om: selektori, boje, fontovi i pozadine
  • Složiti raspored stranice pomoću Flexboxa

Web programiranje je područje razvoja softvera (programa) koje se bavi stvaranjem web aplikacija ili web stranica. To uključuje korištenje različitih tehnologija, jezika i alata kako bi se omogućila interakcija između korisnika i web stranica ili aplikacija putem internetskog preglednika.

Ključni elementi web programiranja uključuju:

  1. HTML (Hypertext Markup Language):

    • Osnovni jezik za strukturiranje sadržaja web stranica. HTML koristi oznake kako bi definirao elemente na stranici, kao što su naslovi, paragrafi, tablice i slično.

  2. CSS (Cascading Style Sheets):

    • Koristi se za stiliziranje i dizajniranje web stranica. CSS omogućuje kontrolu nad izgledom elemenata koji su definirani u HTML-u.

  3. JavaScript:

    • Skriptni jezik koji se koristi za dinamičko manipuliranje HTML-om i CSS-om. JavaScript omogućuje izradu interaktivnih i dinamičnih web stranica. 

  4. Backend jezici i okviri:

    • Služe za obradu logike i podataka na serverskoj strani. Popularni backend jezici uključuju PHP, Python, Ruby, Java, C#, a postoje i razni okviri (frameworks) kao što su Django, Flask, Express, Ruby on Rails, itd.

  5. Baze podataka:

    • Koriste se za pohranu podataka. Relacijske baze podataka poput MySQL, PostgreSQL i SQLite često se koriste, ali i NoSQL baze poput MongoDB postaju sve popularnije u web developmentu.

  6. HTTP (Hypertext Transfer Protocol):

    • Protokol koji omogućuje komunikaciju između klijenta (korisničkog računala) i servera (gdje se nalazi web stranica ili aplikacija).

  7. Web serveri:

    • Softverski sustavi koji obrađuju zahtjeve klijenata i šalju odgovore. Apache i Nginx su primjeri popularnih web servera.

  8. Frontend i Backend:

    • Frontend odnosi se na sve što korisnik vidi i s čime interagira na web stranici. Backend se odnosi na sve procese i radnje koje se odvijaju na serverskoj strani.

Web programiranje se stalno razvija, a programeri koriste nove tehnologije i alate kako bi poboljšali performanse, sigurnost i korisničko iskustvo web stranica i aplikacija. To može uključivati korištenje različitih frontend i backend okvira, biblioteka, alata za upravljanje projektima, sustava za kontrolu verzija i drugih tehnologija koje poboljšavaju proces izrade i održavanja web softvera.

Sadržaj tečaja

7 sekcija · 32 stavke

Uvod

5 stavki
  1. 1 Web preglednici, web pretraživači Lekcija
  2. 2 Skriptni jezici na internetu Lekcija
  3. 3 Sustavi boja na zaslonu i pisaču (RGB, CMYK) Lekcija
  4. 4 Što je web stranica? Pregled Lekcija
  5. 5 Ponavljanje i istraživanje Kviz

Organizacija web sjedišta

3 stavke
  1. 6 Proces razvoja web sjedišta Lekcija
  2. 7 Definiranje web sjedišta Lekcija
  3. 8 Pregled web sjedišta u pregledniku Lekcija

HTML

9 stavki
  1. 9 Sintaksa HTML-a Pregled Lekcija
  2. 10 Pregled HTML elemenata i atributa Lekcija
  3. 11 Svojstva dokumenata Lekcija
  4. 12 Metaelementi Lekcija
  5. 13 Dodavanje i uređivanje teksta Lekcija
  6. 14 Izradba tablica Lekcija
  7. 15 Oblikovanje liste Lekcija
  8. 16 Slike Lekcija
  9. 17 Ponavljanje Kviz

Povezivanje HTML dokumenata

2 stavke
  1. 18 Oblikovanje web sjedišta pomoću HTML-a Lekcija
  2. 19 Izradba i uređivanje poveznica Lekcija

Multimedijski sadržaji u HTML dokumentu

2 stavke
  1. 20 Formatiranje multimedijskih sadržaja za primjenu na internetu Lekcija
  2. 21 Ugradnja multimedijskih sadržaja u HTML dokument Lekcija

CSS

6 stavki
  1. 22 CSS Lekcija
  2. 23 Povezivanje HTML-a i CSS-a Lekcija
  3. 24 Sintaksa Lekcija
  4. 25 Vrste selektora Lekcija
  5. 26 Zadatak Lekcija
  6. 27 Pravila vezana za selektore Lekcija

CSS − Uređivanje web sjedišta

5 stavki
  1. 28 Pozadina Lekcija
  2. 29 Fontovi Lekcija
  3. 30 Tekst Lekcija
  4. 31 Poveznice Lekcija
  5. 32 Flexbox Lekcija
DL
Autor tečaja
Više o autoru