Osnovni alati web razvoja

Započinjanje karijere u web developmentu može biti uzbudljivo putovanje puno učenja i eksperimentisanja. Za adekvatan napredak neophodni su i odgovarajući alati. Ovdje ću ukratko navesti neke od alata i dodataka koji se koriste.

Tekst editori

Za pisanje koda potreban je pouzdan tekst editor. Postoji mnogo opcija, ali neki od najpopularnijih uključuju:

• Visual Studio Code (VS Code): Besplatan, lagan i moćan editor koji podržava veliki broj jezika i ima ogroman broj ekstenzija. Dostupan je za Windows, macOS i Linux. Preuzmi ovdje.
• Sublime Text: Još jedan popularan editor koji je poznat po svojoj brzini i efikasnosti. Sublime Text je djelimično besplatan - za punu verziju potrebno je kupiti licencu. Dostupan je za sve platforme. Preuzmi ovdje.
• Atom: Besplatan i otvorenog koda, razvijen od strane GitHub-a, Atom je još jedan odličan izbor za web developere. Dostupan je za Windows, macOS i Linux. Preuzmi ovdje.

Pretraživači

Za testiranje i debugovanje web stranica, potreban je moderan web browser. Preporučujem instalaciju sledeća dva:

• Google Chrome: Najpopularniji web browser, dolazi sa Chrome Developer Tools.
• Mozilla Firefox: Takođe veoma popularan i dolazi sa Firefox Developer Edition.

Sistem za kontrolu verzija i paket menadžeri

Sistem za kontrolu verzija je softverski alat koji se koristi za praćenje promjena u kodu i fajlovima tokom razvoja. Glavna svrha sistema za kontrolu verzija je da omogući programerima da prate, upravljaju i koordiniraju rad na projektima, omogućavajući im da lako upravljaju različitim verzijama fajlova i da sarađuju sa drugim članovima tima. Git je de facto standard i može se koristiti zajedno sa online repozitorijumima kao što su GitHub (instaliraj git) ili Bitbucket.

Još jedan od nezaobilaznih alata jeste Node.js¹ uz koji dolazi npm (Node Package Manager). Node se može preuzeti na linku (instalirajte LTS²).

Ekstenzije i dodaci

Editori posjeduju razne ekstenzije koje olakšavaju rad prilikom razvoja. U VS Code, obično sa lijeve strane, nalazi se vertikalna traka aktivnost koja sadrži ikonice za brz pristup različitim pregledima i funkcionalnostima. Ova traka obično uključuje:

• Explorer - za navigaciju kroz fajlove i foldere u projektu.
• Search - za pretragu kroz vaše fajlove.
• Source Control - za rad sa sistemima za kontrolu verzija kao što je Git.
• Run and Debug - za pokretanje i debugovanje koda.
• Extensions - za pregled i instalaciju dodataka koji proširuju funkcionalnosti VS Code-a.

Dodaci se dakle instaliraju klikom na ikonicu extensions, i onda u pretrazi tražite odgovarajuće:

• Live Server: Ova ekstenzija pokreće lokalni razvojni server sa live reload funkcijom, što znači da automatski osvježava web pregledač svaki put kada se sačuvaju promjene u kodu. To je izuzetno korisno za brzo testiranje i pregled promjena u realnom vremenu.
• Prettier - Code formatter: Prettier je automatizovani formater koda koji podržava mnoge jezike i formatira kod prema definisanim pravilima. Pomaže u održavanju konzistentnosti stila koda i čini ga čitljivijim.
• ESLint: Integracija ESLint-a u VS Code omogućava indetifikaciju i ispravljanje problema u JavaScript kodu direktno u editoru. ESLint pomaže u održavanju visokog kvaliteta koda i pridržavanju najboljih praksi.
• Bracket Pair Colorizer: Ova ekstenzija vizualno razlikuje parove zagrada, uglastih zagrada i vitičastih zagrada koristeći različite boje. To olakšava praćenje otvaranja i zatvaranja blokova koda, što je posebno korisno u kompleksnim kodovima.
• Auto Rename Tag: Kada se promijeni naziv HTML/XML taga, ova ekstenzija automatski mijenja naziv odgovarajućeg zatvarajućeg taga. To je jednostavna, ali izuzetno korisna funkcija koja štedi vrijeme prilikom uređivanja koda.
• Path Intellisense: Autokompletiranje za putanje fajlova, što olakšava uključivanje fajlova u projekte bez potrebe za ručnim kucanjem cijelog puta do fajla. -Color Highlight: Ova ekstenzija vizuelno prikazuje boje u kodu, bilo da su definisane heksadecimalnim kodom, RGB formatom ili imenom boje. To olakšava rad sa stilovima i dizajnom.

Footnotes

1. Node.js je open-source, serverski okvir za izvršavanje JavaScript koda na strani server. Osnovno je zasnovan na JavaScript programskom jeziku, a omogućava izvršavanje koda van web pregledača, što znači da se može koristiti za izgradnju serverskih aplikacija, API-ja, mikroservisa, alata za automatizaciju, i drugih serverskih rješenja. ↩

2. LTS se odnosi na Long Term Support, što znači da ta verzija dobijadugoročnu podršku za održavanje (obično od 18 do 30 mjeseci u zavisnosit od verzije). ↩