24/25.3 WEB programiranje 3

U savremenom društvu, internet i web tehnologije imaju dubok i široko rasprostranjen uticaj koji se oseća u svim aspektima života. Ove tehnologije su transformisale način na koji komuniciramo, radimo, učimo i kupujemo. Njihov uticaj se ogleda u nekoliko ključnih oblasti:

1. Komunikacija i Socijalne Mreže

Internet je revolucionisao komunikaciju, čineći je bržom i pristupačnijom. Socijalne mreže kao što su Facebook, Twitter i Instagram omogućavaju ljudima da održavaju kontakt sa porodicom i prijateljima bez obzira na geografsku udaljenost. Ove platforme takođe pružaju prostor za razmenu informacija, mišljenja i kreativnih izraza, što je doprinelo globalizaciji i interkulturalnom razumevanju.

2. E-trgovina i Virtuelne Prodavnice

E-trgovina je postala neizostavan deo savremenog tržišta. Virtuelne prodavnice kao što su Amazon i Aliexpres omogućavaju potrošačima da kupuju proizvode i usluge iz udobnosti svog doma. Ovo je ne samo olakšalo proces kupovine, već je i pružilo pristup širem asortimanu proizvoda i konkurentnijim cenama. Tehnologije kao što su analize podataka i veštačka inteligencija pomažu u personalizaciji korisničkog iskustva i optimizaciji prodaje.

3. Obrazovanje i Učenje

Internet i web tehnologije su promenili obrazovni sistem, omogućavajući pristup obrazovnim resursima i kursevima širom sveta. Platforme kao što su Kampster, Coursera, Khan Academy i edX nude onlajn kurseve i sertifikate iz raznih oblasti. Ovo je omogućilo ljudima svih starosnih doba da nastave obrazovanje i razvijaju nove veštine, bez obzira na njihovu lokaciju ili dostupnost lokalnih obrazovnih institucija.

4. Zdravstvo i Telemedicina

Zdravstvene tehnologije i telemedicina su postale važan deo modernog zdravstvenog sistema. Platforme za zdravstveno konsultovanje, kao što su Teladoc i MyChart, omogućavaju pacijentima da dobiju medicinske savete i usluge na daljinu. Ovo je posebno korisno u vreme pandemije i za osobe koje žive u udaljenim područjima, gde tradicionalni pristup zdravstvenoj nezi može biti ograničen.

5. Rad i Produktivnost

Internet i web tehnologije su transformisali radne procese i korporativno okruženje. Sa alatima kao što su Slack, Microsoft Teams i Zoom, rad od kuće je postao sve češći i moguć. Ove platforme omogućavaju timovima da sarađuju u realnom vremenu, dele dokumenta i vode sastanke na daljinu, što povećava produktivnost i fleksibilnost.

6. Mediji i Zabava

Web tehnologije su takođe uticale na industriju medija i zabave. Striming servisi kao što su Netflix i Spotify pružaju korisnicima pristup velikim količinama filmova, serija i muzike na zahtev. Ove usluge su promenile način na koji konzumiramo medijske sadržaje i smanjile zavisnost od tradicionalnih medija kao što su televizija i radio.

Šta su to Web portali zasnovani na podacima ?

Web portali zasnovani na podacima su online platforme koje omogućavaju prikupljanje, analizu i predstavljanje velikih količina podataka. Oni igraju kritičnu ulogu u savremenom društvu jer omogućavaju korisnicima da dođu do relevantnih informacija i donesu odluke zasnovane na preciznim i ažurnim podacima.

Na primer, novinarski portali koriste napredne alate za analizu podataka kako bi pronašli i prilagodili vesti koje su najvažnije za svoje čitaoce. Slično tome, obrazovni portali koriste podatke kako bi pratili napredak učenika i pružili personalizovane resurse za učenje. Ovakvi portali doprinose većoj transparentnosti i efikasnosti u različitim sektorima, poboljšavajući pristup informacijama i kvalitet usluga.

Internet je globalna mreža računara koja omogućava razmenu informacija i resursa između korisnika širom sveta. Web, ili World Wide Web, je sistem međusobno povezanih dokumenata i resursa koje su dostupne putem interneta. Kombinacija ovih tehnologija omogućava stvaranje dinamičnih i interaktivnih aplikacija koje značajno olakšavaju komunikaciju, rad, obrazovanje i zabavu.

Osnovne komponente web tehnologija

1. HTML (HyperText Markup Language): Osnovni jezik za kreiranje web stranica. Omogućava strukturiranje sadržaja koristeći različite elemente kao što su naslovi, paragrafi, liste, slike, linkovi itd.

2. CSS (Cascading Style Sheets): Koristi se za stilizovanje HTML dokumenata. Omogućava podešavanje izgleda web stranica, uključujući boje, fontove, raspored elemenata i druge vizuelne aspekte.

3. JavaScript: Programski jezik koji omogućava dinamičku interakciju na web stranici. Kroz JavaScript možete manipulisati HTML elementima, upravljati događajima, i ostvariti komunikaciju sa serverom u realnom vremenu.

4. AJAX (Asynchronous JavaScript and XML): Tehnologija koja omogućava web stranicama da asinhrono komuniciraju sa serverom, bez potrebe za ponovnim učitavanjem stranice. Ovo omogućava stvaranje bržih i interaktivnijih aplikacija.

Primena web tehnologija u projektovanju i programiranju

1. Web sajtovi: Osnovna primena web tehnologija je izrada informativnih i interaktivnih web sajtova. HTML pruža strukturu, CSS omogućava estetski izgled, dok JavaScript donosi funkcionalnost.

2. Web aplikacije: Naprednije verzije web sajtova koje omogućavaju korisnicima da obavljaju specifične zadatke, kao što su onlajn kupovina, bankarstvo, učenje, društvene mreže itd. Web aplikacije često koriste backend jezike kao što su PHP, Python ili Node.js za upravljanje serverima i bazama podataka.

3. Responzivni dizajn: Primena CSS-a omogućava izradu web stranica koje se prilagođavaju različitim veličinama ekrana, čineći ih dostupnim na različitim uređajima poput računara, tableta i telefona.

4. Single Page Applications (SPA): Web aplikacije koje učitavaju celu stranicu u jednom koraku, a zatim dinamički osvežavaju sadržaj pomoću JavaScript-a i AJAX-a. Ove aplikacije pružaju iskustvo slično desktop aplikacijama, sa glatkim i brzim promenama stranica.

5. REST API: Interfejsi za programiranje aplikacija koji omogućavaju komunikaciju između različitih softverskih komponenti preko interneta. Web aplikacije često koriste REST API-je za komunikaciju sa serverima ili drugim aplikacijama.

6. Internet of Things (IoT): Korišćenje web tehnologija za povezivanje i upravljanje pametnim uređajima preko interneta. Primeri uključuju pametne kuće, industrijsku automatizaciju, zdravstvo itd.

Zaključak

Internet i web tehnologije su transformisale način na koji komuniciramo, radimo i obavljamo svakodnevne aktivnosti. Njihova primena u projektovanju i programiranju omogućava kreiranje složenih i interaktivnih aplikacija koje olakšavaju život i donose nove mogućnosti za poslovanje i zabavu. Poznavanje ovih tehnologija je ključno za svakog modernog programera i dizajnera.

• Šta je to? Front-end programiranje se odnosi na deo web stranice koji korisnici vide i sa kojim interaguju. To je "prednji deo" web stranice.
• Tehnologije: HTML (HyperText Markup Language), CSS (Cascading Style Sheets) i JavaScript.
  • HTML: Koristi se za strukturiranje sadržaja na stranici (npr. tekst, slike, linkovi).
  • CSS: Koristi se za stilizovanje sadržaja i određivanje kako će izgledati (npr. boje, fontovi, raspored).
  • JavaScript: Dodaje interaktivnost na stranici (npr. animacije, obrade klikova, dinamika sadržaja).

• Šta je to? Back-end programiranje se odnosi na "pozadinski deo" web stranice, koji obuhvata sve procese koji se odvijaju na serveru i koji nisu vidljivi korisnicima.
• Tehnologije: Programski jezici kao što su PHP, Python, Ruby i JavaScript (Node.js), kao i baze podataka kao što su MySQL i MongoDB.
  • Server: Računar ili sistem koji čuva web stranicu i obrada zahteva od korisnika.
  • Baze Podataka: Mesta gde se čuvaju podaci (npr. korisnički nalozi, informacije o proizvodima).

• Šta je to? Full-Stack programiranje obuhvata i front-end i back-end razvoj. Full-Stack programer je neko ko može da radi na svim aspektima web stranice, od dizajna do servera.

Web stranica je dokument koji možete videti na internetu. Kada otvorite web pregledač (kao što su Google Chrome ili Firefox) i ukucate adresu (URL), pregledač prikazuje tu stranicu. Web stranica može sadržati tekst, slike, video zapise, dugmad i linkove.

Kako Web Stranica Funkcioniše?

1. Adresa: Svaka web stranica ima jedinstvenu adresu, kao što je www.primer.com. Kada ukucate ovu adresu u web pregledač, on šalje zahtev za tu stranicu.

2. Sadržaj: Web stranica je napravljena od različitih delova:

   • Tekst: Reči i informacije koje čitate.
   • Slike: Fotografije ili grafici koje vidite.
   • Dugmad i Linkovi: Klikom na njih možete prelaziti na druge stranice ili raditi različite stvari.

3. Prikazivanje: Kada web pregledač dobije sadržaj od servera (računara koji čuva web stranicu), on prikazuje stranicu na ekranu vašeg računara ili telefona.

Primer

Kada posetite web stranicu kao što je www.wikipedia.org, vidite članak sa tekstom, slikama i linkovima na druge članke. Sve te informacije dolaze s interneta i prikazuju se na vašem uređaju.

Ukratko, web stranica je kao digitalni dokument na internetu koji možete otvoriti i koristiti pomoću web pregledača.

Web sajt je zbirka povezanih web stranica koje možete pregledati putem interneta. Svaka stranica na web sajtu može sadržati različite informacije, slike, video zapise, i linkove. Kada ukucate adresu web sajta u vaš web pregledač, kao što je www.primer.com, pregledač vam prikazuje te stranice.

Kako Funkcioniše?

1. Adresa: Svaki web sajt ima jedinstvenu adresu (URL) na internetu koja omogućava da ga pronađete. Na primer, www.primer.com je adresa jednog web sajta.

2. Stranice: Web sajt se sastoji od više stranica koje su povezane jedna sa drugom. Na primer, web sajt može imati početnu stranicu, stranicu sa informacijama o proizvodima, stranicu za kontakt i druge.

3. Navigacija: Na web sajtu ćete obično naći meni ili linkove koji vam pomažu da se krećete između različitih stranica i pronađete informacije koje vas zanimaju.

Web aplikacija je softverski program koji se izvodi na web serveru i kojem se pristupa putem web pregledača preko mreže kao što je internet ili intranet. Za razliku od tradicionalnih desktop aplikacija koje se instaliraju na lokalni računar, web aplikacije su dostupne putem URL-a i mogu se koristiti na različitim uređajima i platformama.

Web aplikacije obično koriste kombinaciju tehnologija kao što su HTML, CSS i JavaScript za frontend (korisnički interfejs) te različite server-side tehnologije (npr. PHP, Python, Ruby, Java) za backend (poslovna logika i rad sa bazama podataka). Podaci i funkcionalnosti su često smešteni na udaljenom serveru, što omogućava jednostavno ažuriranje i održavanje aplikacije. Primeri web aplikacija uključuju email servise (npr. Gmail), online prodavnice (npr. Aliexpress), društvene mreže (npr. Instagram), i mnoge druge.

Web dizajn je proces kreiranja i planiranja izgleda i funkcija web stranica. U osnovi, to je kako izgleda i kako funkcioniše web sajt koji vidite na internetu.

Osnovne komponente web dizajna:

1. Izgled Stranice: Kako su elementi na web stranici raspoređeni. To uključuje raspored teksta, slika i dugmadi, i kako su svi ovi delovi organizovani.

2. Boje i Fontovi: Izbor boja i vrsta slova koji se koriste na web stranici. Oni utiču na vizuelni utisak i čitljivost.

3. Navigacija: Kako se krećete po web stranici, kao što su meniji i linkovi koji vam pomažu da pronađete informacije.

4. Interaktivnost: Kako web stranica reaguje na vaše akcije, kao što su klik ili pomeranje miša.

5. Pristupačnost: Osiguravanje da web stranica bude lako dostupna svima, uključujući i ljude sa invaliditetom.

Primer

Kada posetite web sajt za onlajn kupovinu, web dizajn određuje kako izgledaju proizvodi, kako možete da se krećete po kategorijama, kako se porudžbina obavlja i kako web stranica izgleda na različitim uređajima (telefoni, računari).

Ukratko, web dizajn se bavi izgledom i funkcijama web stranica kako bi bile lepe, lake za korišćenje i korisne.

Web programiranje je proces pisanja kôda koji čini web stranice i web aplikacije funkcionalnim. To je kao izrada "zadnjeg dela" web sajta, koji omogućava da sve što vidite i koristite na web stranici funkcioniše kako treba.

Web development (razvoj weba) odnosi se na proces stvaranja, izgradnje i održavanja web stranica i web aplikacija koje se izvršavaju na internetu ili intranetu. Web development obuhvata sve aspekte stvaranja web sajta, od planiranja i dizajna, preko razvoja, do implementacije i održavanja.

Iako se termini web programiranje i web development često koriste naizmenično, oni se odnose na različite aspekte rada na webu. Oba su ključna za stvaranje funkcionalnih web stranica i aplikacija.

Web Programiranje

Web programiranje se odnosi na pisanje koda koji omogućava funkcionisanje web stranica i aplikacija. Programeri koriste različite programske jezike i tehnologije da bi razvili logiku koja stoji iza funkcionalnosti web aplikacije.

• Fokus: Web programiranje je usmereno na pisanje i održavanje koda. Programeri kreiraju funkcionalnosti kao što su forme, baze podataka, autentifikacija korisnika, obrada podataka i komunikacija sa serverima.
• Tehnologije: Uobičajeni jezici i alati uključuju HTML, CSS, JavaScript, PHP, Python, Ruby, Java, SQL i druge.
• Zadaci: Pisanje algoritama, rad sa bazama podataka, upravljanje serverima, i integracija različitih API-ja i web servisa. Programeri rade na stvaranju aplikacione logike koja pokreće web aplikaciju.

Web Development

Web development je širi pojam koji obuhvata ne samo programiranje, već i druge aspekte razvoja web stranica i aplikacija. Web development uključuje planiranje, dizajn, programiranje, testiranje, implementaciju i održavanje web projekata.

• Fokus: Web development se odnosi na sveobuhvatan proces izgradnje web sajta ili aplikacije, uključujući i vizuelni dizajn, korisnički interfejs (UI), korisničko iskustvo (UX), i backend funkcionalnosti.
• Tehnologije: Pored tehnologija koje se koriste u programiranju, web development obuhvata i alate za dizajn (kao što su Figma, Adobe XD), sisteme za upravljanje verzijama koda (kao što je Git), i platforme za deployment i hosting (kao što su AWS, Heroku).
• Zadaci: Dizajn korisničkog interfejsa, izrada wireframe-ova i prototipova, frontend i backend razvoj, testiranje, integracija sistema, optimizacija performansi, i kontinuirano održavanje i unapređivanje aplikacije.

Ključne Razlike

1. Obuhvat:

   • Web Programiranje: Fokusirano je na tehnički aspekt pisanja koda.
   • Web Development: Obuhvata celokupan proces razvoja web stranica i aplikacija, uključujući dizajn, kodiranje, testiranje i održavanje.

2. Uloga:

   • Web Programer: Fokusiran na razvoj funkcionalnosti i logike koja stoji iza web aplikacija.
   • Web Developer: Može uključivati programere, ali i dizajnere, analitičare i druge stručnjake koji su uključeni u proces razvoja.

3. Proces:

   • Web Programiranje: Uključuje konkretne zadatke poput pisanja koda za frontend ili backend.
   • Web Development: Uključuje širi proces koji obuhvata planiranje, kreiranje, i održavanje celog projekta.

Zaključak

Web programiranje je specifičan deo web developmenta koji se bavi pisanjem koda i stvaranjem funkcionalnosti web aplikacija. Web development je širi pojam koji uključuje celokupan proces razvoja, od dizajna do implementacije i održavanja web stranica i aplikacija. Dok se programiranje fokusira na tehničke aspekte, development uključuje i druge aspekte kao što su dizajn i upravljanje projektom.