Front-end veb razvoj

S Vikipedije, slobodne enciklopedije

Front-end veb razvoj je postupak kreiranja HTML, CSS i JavaSkript koda za vebsajt ili veb aplikaciju koji je vidljiv korisniku i sa kojim ima direktan kontakt. Osnovni izazov koji se javlja kod front-end veb razvoja je da se alati i tehnike koji se koriste za njegovo kreiranje konstantno razvijaju tako da programeri moraju stalno da budu upoznati na koji način se ova oblast razvija.

Cilj dizajna vebsajta je da se obezbedi da korisnici koji njemu pristupe vide informacije u formatu koji je lako čitljiv i pre svega relevantan. To se još više komplikuje činjenicom da korisnici danas koriste različite uređaje sa različitim veličinama ekrana i rezolucijom, što primorava dizajnere da sve ove pojedinosti uzimaju u obzir prilikom dizajna sajta. Oni moraju da obezbede da se sajtovi pravilno prikazuju u različitim veb pregledačima, operativnim sistemima i uređajima, što zahteva pažljivo planiranje od strane programera.

Alati koji se koriste u front-end razvoju[uredi | uredi izvor]

Postoji mnogo dostupnih alata koji se mogu koristiti za front-end razvoj sajtova, pa je razumevanje toga koji su alati najbolje uklapaju za specifične potrebe, veoma bitno kako bi se napravila razlika između razvoja sajtova koji se lako hakuju i onih dobro dizajniranih, skalabilnih sajtova.[1]

HTML[uredi | uredi izvor]

HTML je osnova razvoja svakog sajta, bez kojeg veb stranice ne bi postojale. Hipertekst označava tekst koji sadrži linkove tj. hiperlinkove u sebi. Kada se klikne na reč ili frazu koja sadrži hiperlink, korisnik se preusmerava na drugu veb stranicu. Markap jezik označava da se tekst može pretvoriti u slike, tabele, linkove i druge reprezentacije. HTML kod obezbeđuje frejmvork koji definiše kako će sajt izgledati. HTML je razvio Tim Berners-Li. Najnovija verzija HTML-a se naziva HTML5 i objavljena je 28. oktobra 2014. godine, kao W3C preporuka. Ova verzija sadrži nov i efikasniji način rada sa elementima kao što su video i audio fajlovi.

CSS[uredi | uredi izvor]

CSS kontroliše prezentacioni sloj sajta i omogućava mu jedinstven izgled. CSS upravlja stilovima na način da one na vrhu liste postavlja iznad ostalih stilova i uključuje ih na osnovu drugih aspekata, kao što je veličina ili rezolucija rezolucija ekrana na uređaju.

JavaSkript[uredi | uredi izvor]

JavaSkript je imperativni programski jezika baziran na događajima (nasuprot HTML-a koji je primer deklarativnog modela programskog jezika) koji se koristi za transformaciju statičkih HTML stranica u dinamičke. JavaSkript kod koristi tzv. Objektni model dokumenta (engl. Document Object Model - DOM), koji je definisan HTML standardom, kako bi manipulisao veb stranicom kao odgovor na događaje, kao što je unos korisnika.

Korišćenjem tehnike pod nazivom Ajaks, JavaSkript kod može takođe da aktivno vraća sadržaj sa Veba (nezavisno od originalnog HTML koda), kao i da reaguje na događaje na serveru, što donosi dinamičnost u interakciji sa veb stranicom.

Ciljevi razvoja[uredi | uredi izvor]

Front-end programeri moraju da imaju na umu sledeće stavke prilikom izrade sajta, kako bi koristeći dostupne alate i tehnike uspeli u tome[1]

Pristupačnost[uredi | uredi izvor]

Zbog stalnog razvoja sajtova za mobilne uređaje, kao što su pametni telefoni i tablet računari, dizajneri moraju da obezbede da se sajtovi pravilno prikazuju u veb pregledačima na svim uređajima. To se postiže kreiranjem prilagodljivog veb dizajna korišćenjem CSS-a.

Performanse[uredi | uredi izvor]

Cilj optimizacije performansi je da se prenebegnu problemi sa vremenom renderovanja, manipulacijom HTML-a, CSS-a i JavaSkripta kako bi se omogućilo da se sajtovi brzo otvaraju.

Reference[uredi | uredi izvor]