Uvod u web dizajn - 7. deo - Podešavanja editora i efikasna obrada teksta

Uvod

Programeri i web dizajneri često smatraju da su poslovi kojima se bave, veoma zanimljivi, kreativni, ispunjujući i da pružaju znatne mogućnosti za lični razvoj, međutim - šta je zapravo posao web dizajnera ili programera?

Sa jedne strane, prioritet u pomenutim profesijama jeste iznalaženje ideja, sprovođenje ideja u delo i rešavanje usputnih problema uz saradnju sa drugima, ali, na osnovnom tehničkom nivou - 'ispod' svega prethodno navedenog - i dalje stoji unos i obrada povećih količina teksta.

Čim shvatimo 'kako stvari stoje', deluje sasvim logično da poželimo da posao obrade teksta učinimo što lakšim i ugodnijim, a način da to postignemo je (naravno) - da se što bolje upoznamo sa principima efikasne obrade i da ih što bolje usvojimo ....

Važnost upotrebe tastaturnih prečica u uređivanju teksta

U uvodnom članku o web dizajnu, preporučili smo da izaberete jedan (dobar) editor i detaljno se upoznate sa opcijama za efikasnu obradu teksta, a kada kažemo "opcije za efikasnu obradu teksta", mislimo pre svega na tastaturne prečice za pozivanje komandi editora.

U opštem smislu, na početku bavljenja web dizajnom ili programiranjem, prioritet (ipak) treba dati učenju opštih principa programiranja/web dizajna i sintakse samih jezika, ali, već posle nekoliko meseci (ili nedelja, u slučaju starijih učenika), svakako možete početi da se upoznajete sa prečicama.

Naravno, na ovom mestu se mnogi od vas mogu zapitati, da li je zaista neophodno upoznavati se sa "gomilom tastaturnih prečica" (budući da pozivanju komandi preko menija naizgled "ništa ne fali")?!

Ukratko (da odgovorimo na pitanje), bez obzira na to što većina korisnika računara ima naviku da se pri pozivanju komandi za rad sa tekstom oslanja na grafički interfejs i menije (odnosno, na upotrebu miša - a ne tastature), bitno je odmah razumeti da popularnost takvog pristupa nije posledica toga što je pristup bolji i efikasniji (jer objektivno - nije), već posledica toga što korišćenje menija predstavlja lakši način da se početnici upoznaju sa funkcionalnošću programa.

Pored toga, korišćenje menija je "prihvatljivo efikasan" način za pokretanje komandi i na duže staze (najprostije: čak i ako se neke komande ne sećate - pronaći ćete je "već nekako" u nekom od menija i obaviti posao).

Nasuprot "desnim klikovima i menijima", stoji upotreba tastaturnih prečica, što je pristup koji već na prvi pogled "deluje kao dobra ideja" (pozivanje komandi preko tastaturnih prečica jeste objektivno efikasnije), međutim .... u svemu se podrazumeva da korisnik mora, manje-više odmah (ili bar, "što pre"), naučiti veći broj kombinacija tastera - a to zahteva trud.

"Krajnji bilans" je sledeći: ako se usmerite na tastaturne prečice (i potrudite se da ih savladate), biće malčice teško na početku, ali ćete uz uloženi trud i vreme (neće doći samo od sebe (!)), kroz nekoliko meseci postati (okvirno), bar duplo efikasniji u obradi teksta; ako i dalje budete radili "preko miša" - bićete na istom nivou.

Izbor ostavljamo vama. :)

Ako ste se odlučili za "crvenu pilulu" (to jest, za tastaturne prečice), posavetovali bismo vas da - iako je nedvosmisleno neophodno da uložite trud - nikako ne "zapinjete" u želji da odmah ("preko noći") postanete vrhunski ekspert u upotrebi prečica (nikako se nemojte truditi da odmah naučite "sve")!

Kodirajte redovno i svake nedelje dodajte svega jednu ili dve prečice u svoj "arsenal" (nemojte se zaletati čak ni na početku), posmatrajte komande u raznim situacijama ("sa svih strana"), unapređujte polako i svoju veštinu unosa teksta preko tastature i uživajte u onome što radite.

Kao što već rekosmo, nagrada za uloženi trud neće izostati!

Ukratko o "slepom kucanju"

Čuveno "slepo kucanje" (unos teksta preko tastature - bez gledanja u tastaturu), nismo hteli odmah da istaknemo kao nešto "bez čega se ne može" (pogotovo na početku), ali, i u ovom slučaju situaciju treba sagledati sa (bar) dve strane.

Sa jedne strane, postavlja se pitanje: da li svaki programer mora da bude "tastaturni nindža" koji je u stanju da unosi preko sto reči svakog minuta, a odgovor je (naravno) - ne. :)

Brzina pri unosu teksta nije posebno bitna (osim ako niste daktilograf/stenograf i sl :)), međutim - treba sagledati i "drugu stranu", a to je - da li se tekst unosi pravilno, bez dodatnog opterećenja i skretanja pažnje?!

U tom smislu, nije teško razumeti da - na duže staze - nepravilan unos uz prebacivanje pažnje sa tastature na monitor "svaki čas", znatno odmaže i veoma nepovoljno utiče na koncentraciju.

Dakle: nemojte se - doslovno na početku - opterećivati time da što pre naučite slepo kucanje (jer na samom početku imate "preča posla"), međutim, predlažemo da već posle nekoliko nedelja počnete - polako i bez opterećenja - da vodite računa i o tome da li vam unos teksta predstavlja napor (ili ste možda, u najboljem slučaju, već spontano naučili da kucate bez gledanja u tastaturu).

Ukoliko primetite da stvari "zapinju", preporučujemo da ipak uložite svesni napor u savlađivanje veštine unosa teksta bez gledanja, radije nego da se "nadate najboljem", jer ako ne ide "samo od sebe" - a pri tom se ne potrudite svesno - gotovo je zagarantovano da će se loše navike zadržati dugi niz godina (a nije preterano reći da se ponekad zadrže i celoga života)!

Pronađite dobre tutorijale, dajte sebi dovoljno vremena i budite pažljivi i dosledni (i naravno - uporni :)), a da bismo vam pomogli (iako nećemo davati detaljna uputstva, jer na internetu već postoji veliki broj visoko kvalitetnih tutorijala - koje samo treba pažljivo pratiti, uz redovno vežbanje), objasnićemo osnovne principe.

Najosnovniji princip je: pri unosu teksta treba gledati u monitor - a ne u tastaturu, to jest, potrebno je izbegnuti da pažnja "skreće" sa jednog uređaja na drugi, jer to (kao što smo već naveli), dovodi do povećeg rasipanja energije, zamora očiju i gubitka koncentracije.

Drugi princip (ni u kom slučaju manje važan od prvog) je: prioritet je uvek u pravilnom unosu teksta - a ne u brzini. Na početku ćete najverovatnije biti "spori", ali - morate istrajati i pri tom: nemojte svesno povećavati brzinu, nemojte brinuti oko toga što naizgled nema napretka; štaviše - što manje vremena provedete u razmišljanjima na temu "dokle ste stigli", a što više truda i pažnje uložite u praktičnu stranu celog poduhvata - tim bolje! :)

Međutim (da vas bar malo i obradujemo), ako istrajete i uspete da savladate veštinu pravilnog unosa teksta preko tastature (bez gledanja), više nego solidna brzina će doslovno doći sama od sebe.

U tehničkom smislu, "slepo kucanje" (koje se na engleskom jeziku naziva "touch typing"), zasniva se upravo na prepoznavanju tastera dodirom: kažiprsti leve i desne ruke pozicioniraju se na tastere F i J, na kojima postoje izbočine preko kojih se ruke (naravno, bez gledanja), mogu dovesti u pravilnu početnu poziciju.

S tim u vezi, poslednji važan princip koji ćemo navesti je: svaki prst je "zadužen" za (samo) jedan taster - uvek, međutim, sprovođenje navedenog principa u delo, često "zapinje" (i zato skrećemo pažnju), a rešenje je, da - veoma svesno i veoma namerno - uložite trud u dosledno poštovanje navedenog pravila (sve dok ne promenite navike). :)

Kako sve tačno funkcioniše u tehničkom smislu ("gde tačno koji prst ide" i sl), možete videti na sledećim sajtovima (za drugi sajt, potrebno je poznavanje engleskog jezika) ....

.... a uobičajeni tok savlađivanja veštine je sledeći: nekoliko nedelja svesnog ulaganja truda - bez gotovo ikakvih rezultata, posle čega sledi prelazni period u kome počinje da deluje da je veština "ušla u prste" (ali, još uvek nije), da bi na kraju veština zapravo "ušla u prste".

U drugoj fazi, veoma je bitno da "ne hvatate krivine", da ne ubeđujete sebe da ste uspeli pre vremena, pa - ako se potrudite za prave - uspećete. :)

Izbor editora teksta

Iako kroz članke provlačimo lajtmotiv da "boj ne bije svijetlo oružje", iz razloga što (zaista) smatramo da se sa bilo kojim kvalitetnim editorom može uraditi 'sve što treba', red je da se ipak osvrnemo na nekoliko najznačajnijih editora i time vam (nadamo se), olakšamo izbor.

Međutim, ostajemo pri tome da treba izabrati jedan editor i da ne treba svaki čas menjati program samo zato što u datom trenutku deluje da se neka pojedinačna operacija može lakše obaviti u drugom programu (ako baš morate, probajte nekoliko programa u početku, ali, što pre izaberite samo jedan, zadržite se uz taj program i naučite ga "uzduž i popreko").

Krajnji izbor editora (naravno) prepuštamo vama, ali, naše je uverenje da za početak treba izabrati Notepad++ ili Atom Editor, * a pored ova dva programa razmotrićemo još i tri popularna programa koje web developeri rado koriste: Visual Studio Code, Vim i Sublime Text.

Osvrnućemo se na editore po pitanju brzine pokretanja (editor bi trebalo da se otvori gotovo trenutno), sposobnosti otvaranja velikih datoteka (datoteku od ~100MB, editor bi trebalo da otvori za manje od deset sekundi), zauzeća prostora na instalacionom mediju (koje ne bi trebalo da bude veće od nekoliko desetina MB), a sagledaćemo i u kakvom su međusobnom odnosu sve navedene odlike.

Notepad++

• Osnovne mogućnosti: 10/10
• Napredne mogućnosti: 6/10
• Dizajn: 5/10
• Početno privikavanje: 10/10
• Cena: program je besplatan
• Sajt: Notepad++

Kao što smo već nagovestili, smatramo da je upravo Notepad++ najbolji editor za početnike. Program izgleda i funkcioniše kao običan editor teksta (od korisnika se ne zahteva da usvoje komplikovan/"specijalizovani" način rada), a zapravo je u pitanju prilično moćan i ozbiljan alat, sa brojnim naprednim opcijama.

Takođe, Notepad++ je mali i nenametljiv program velike stabilnosti, otvara se gotovo trenutno i sa lakoćom izlazi na kraj sa velikim datotekama.

Ako vas samo zanima da što pre počnete sa radom, preuzmite Notepad++ sa interneta, instalirajte program (počnite da radite) i naše izlaganje o ostalim programima (bar za sada) - slobodno preskočite.

Atom Editor

• Osnovne mogućnosti: 10/10
• Napredne mogućnosti: 8/10
• Dizajn: 8/10
• Početno privikavanje: 5/10
• Cena: program je besplatan (open-source)
• Sajt: Atom Editor

Ukoliko ste nešto iskusniji korisnik, * koji već neko vreme radi na računaru, ne boji se zalaženja "u sitna crevca" i (zapravo) ume da iskoristi još koju dodatnu opciju (u odnosu na Notepad++), možete izabrati Atom Editor.

Zauzvrat ćete dobiti program koji je ipak napredniji u odnosu na Notepad++ (iako razlika ni izdaleka nije drastična, pogotovo iz perspektive programera sa manje od cca. dve godine iskustva), ali, to sve ima i "cenu" (koja, po našem mišljenju, nije zanemarljiva).

Atom Editor je znatno veći program u smislu zauzeća na disku (veličina je dovoljna da nas dovede do pitanja: da li zaista želimo da toliki prostor dodelimo editoru teksta), nešto se sporije otvara, stabilnost programa nije baš skroz na nivou prethodnog programa i takođe, Atom Editor ne ispoljava zavidnu sposobnost izlaženja na kraj sa velikim datotekama.

Ipak - i pored svega što smo naveli - "ima nečega" u Atom Editoru (i to je razlog zašto ovaj program preporučujemo).

Visual Studio Code

• Osnovne mogućnosti: 10/10
• Napredne mogućnosti: 8/10
• Dizajn: 6/10
• Početno privikavanje: 4/10
• Cena: program je besplatan (open-source)
• Sajt: Visual Studio Code

Visual Studio Code je prvi od tri programa koje nikako ne želimo da preporučimo početnicima (iako zaslužuju pažnju u svakom drugom smislu).

Nemojte nas pogrešno shvatiti kada tako kažemo, jer VSC je svakako dobar editor (a naredna dva, po našem skromnom mišljenju - i još bolji), međutim, koncepcija VSC-a, iz perspektive nedovoljno iskusnih korisnika (a pogotovo početnika bez ikakvog prethodnog iskustva), zauzima vrlo nezgodnu poziciji između "običnih" programa za uređivanje teksta (kao što su ostali programi koje navodimo) i kompletnih integrisanih razvojnih okruženja (IDE), kao što su Visual Studio, IntelliJ i slični programi kakvi se inače koriste za kompajlirane programske jezike.

Program je, po zamisli autora, namenjen razvoju ozbiljnijih web aplikacija (što postaje veoma jasno već posle nekoliko minuta rada u programu), opcije za analizu koda i druge naprednije opcije, uključene su "po default-u" i 'izbacuju' poruke (na koje treba znati odreagovati) - i upravo su to razlozi zašto opisano okruženje ne smatramo optimalnim izborom za početnike (pogotovo ne za početnike koji još uvek pohađaju osnovnu školu).

Za kraj smo ostavili dva (po mišljenju autora ovih redova), najbolja trenutno dostupna editora teksta. *

Vim

• Osnovne mogućnosti: 10/10
• Napredne mogućnosti: 10/10
• Dizajn: 9/10
• Početno privikavanje: 1/10
• Cena: program je besplatan (open-source)
• Sajt: Vim

Vim je sjajan (!), ali prilično idiosinkratičan program sa TUI interfejsom, * tridesetak godina istorije i tradicije ** - i krajnje "neapologetičnim" stavom prema novim korisnicima (više o tome u nastavku).

Vim je modalni editor teksta, što je naizgled pomalo čudan pristup koji podrazumeva da se korisnik u datom trenutku nalazi u određenom režimu rada (jednom od nekoliko), za koji važe zasebne tastaturne prečice - koje u drugim režimima ne važe.

Primera radi, po pokretanju programa unos teksta zapravo nije moguć (!) - iz razloga što se editor nalazi u režimu uređivanja teksta i potrebno je pritisnuti taster ("i", "a" ili "o") za ulaz u režim za unos teksta. Nakon toga, kada je (ponovo) potrebno uređivati tekst, pritiskom na taster "ESC" možemo se vratiti u režim uređivanja.

Jasno je da Vim ne preporučujemo početnicima (nismo "za džabe" sposobnost programa da izađe u susret korisnicima pri početnom navikavanju ocenili najnižom ocenom), ali, nećemo baš ni izbeći priliku da (u ionako opširnom članku), navedemo šta vas čeka ako u nekom malo kasnijem trenutku ipak odlučite da isprobate ovakav sjajan i neobičan editor.

Vim naravno nije dizajniran sa namerom da bude "težak i naporan" (naprotiv), ali, svakako nije u pitanju program koji će se na početku prilagoditi Vama (još jednom - naprotiv).

Vim od korisnika očekuje izvestan nivo discipline i angažovanja, pa se na početku očekuje da se Vi prilagodite Vim-u.

Program na početku tipično "žulja" novog korisnika (uglavnom "poprilično"), neće vam mnogo pomagati, * ali, ukoliko se dovoljno potrudite (nije baš lako, ali, nije ni "strašno" - ni iz daleka), shvatićete da je program napisan tako da se što manje "nameće" korisniku (to je razlog zašto vas Vim na početku neće "pridržavati", ali istovremeno i razlog zašto vas u nastavku neće ni "saplitati").

Međutim, posle nekog vremena (i naravno, uz uloženi trud), stvari koje su "žuljale" na početku - više ne žuljaju nimalo (baš, baš - nimalo!) i onda počinju da se otvaraju mogućnosti ....

Komande za rad sa tekstom (i odgovarajuće tastaturne prečice) su brojne, pri čemu ima i opcija koje nisu standardno dostupne u drugim programima. Program je mali i izuzetno stabilan, u stanju je da lako (koliko god je to uopšte/inače moguće), otvara velike datoteke i takođe - nadaleko je poznat po prihvatanju spoljnih plugin-ova, korisničkih skripti, kao i po drugim (veoma brojnim) opcijama za prilagođavanje, čime se (ionako znatne) mogućnosti programa, dodatno proširuju.

Uz Vim dolazi i podrška za VimScript - skriptni jezik koji je razvijan uporedo sa Vim-om i za Vim, dok Neovim, popularni i nešto moderniji fork Vim-a, za pisanje i pokretanje skripti koristi skriptni jezik Lua.

Prosto rečeno, Vim maksimalno koristi koncept obrade teksta bez miša, uz veoma brojne i raznolike mogućnosti proširivanja osnovnih kapaciteta.

Sublime Text

• Osnovne mogućnosti: 10/10
• Napredne mogućnosti: 9/10
• Dizajn: 9/10
• Početno privikavanje: 8/10
• Cena: $80
• Sajt: Sublime Text

Sublime Text (za razliku od prethodno navedenih programa), zahteva licencu koja se plaća i to je razlog zašto smatramo da nije primereno da ovaj editor preporučimo početnicima (u suprotnom - bili bismo skloni da ga preporučimo svima).

Veličina programa je krajnje umerena (nije baš mali kao Notepad++ ili Vim, ali, veličina ni izdaleka ne predstavlja problem) i takođe, program je brz, stabilan i sposoban da izađe na kraj sa velikim datotekama.

Sublime Text izgleda kao običan editor i koristi običan interfejs (nije kao Vim po tom pitanju), tako da vas neće "odvratiti".

Kada vam u Sublime-u zatrebaju napredne mogućnosti, možete ih aktivirati (po tom pitanju, Sublime jeste kao Vim; možda ipak zaostaje, ali - sasvim malo), pri čemu će program i dalje izgledati kao običan editor.

Prisutna je podrška za spoljne plugin-ove, koji proširuju osnovne mogućnosti i uvode sasvim nove (broj i kvalitet plugin-ova je na zavidnom nivou), a plugin-ovi su zapravo Python skripte (u još opštijem smislu, API u programu Sublime Text je zasnovan na Python-u), tako da postoji i mogućnost kreiranja i pozivanja sopstvenih skripti i plugin-ova.

Jedna od posebno zanimljivijih dodatnih opcija programa Sublime Text, je podrška za prečice iz programa Vim (takozvani "Vintage" režim, koji se po želji može uključiti i isključiti), što otvara još više mogućnosti.

Sve navedeno čini ovaj editor veoma funkcionalnim i zaokruženim paketom za obradu teksta i razvoj web aplikacija (a bogme i desktop programa).

Izbor editora - kratak rezime

Editor teksta je alat - alat koji mnogi korisnici veoma vole i poštuju, ali - ipak samo alat (program neće "sam od sebe" obavljati posao, već to morate učiniti vi).

Konačni izbor editora (kao što smo već pomenuli), prepuštamo vama, ali, koji god od navedenih editora da izaberete - nećete pogrešiti, a u sledećim odeljcima ćemo se pozabaviti (konačno!) onim što je najbitnije - tastaturnim prečicama i tehnikama za efikasno uređivanje teksta.

Osnovne opcije editora za udobniji rad sa tekstom

Kao što red nalaže, upoznaćemo se prvo sa najosnovnijim opcijama, a potom i sa dve grupe naprednijih opcija. *

Što se tiče najosnovnijih dodatnih opcija, svi editor koje smo do sada naveli u tekstu, podržavaju svih pet dole navedenih opcija (a isto važi i za većinu editora koja nam je inače poznata), tako da - i ovoga puta budite bez brige.

Opcije su:

• bojenje sintakse
• numeracija redova i markiranje bitnih redova ("bookmarks")
• automatsko zatvaranje zagrada i tagova
• automatsko uvlačenje redova
• prikaz informacija o poziciji kursora (red, kolona), dužini teksta i tipu dokumenta koji uređujemo (tipično se ovaj odeljak nalazi na traci u dnu prozora)

Ništa previše "impresivno" (ipak smo, jelte, u 21. veku, rekli bi mnogi), ali, lepo je da ponekad u životu primetimo i "ono čega ima" (nasuprot ljudskoj sklonosti da se primeti samo "ono čega nema").

Opcije koje navodimo u ovom poglavlju su, u svim programima koje opisujemo u članku, uključene odmah po instalaciji i ne morate preduzimati nikakve dodatne korake za aktivaciju navedenih opcija (i naravno, ako opcije nekim čudom nisu odmah uključene "po default-u", svakako su dostupne).

Bojenje sintakse

"Bojenje sintakse" (eng. syntax highlighting), je termin koji se odnosi na korišćenje različitih boja u označavanju različitih delova teksta sa posebnim značenjem u računarskim jezicima (rezervisane reči, tagovi, operatori, zagrade, komentari i slično).

Navedeni način označavanja delova teksta, popularan je i široko rasprostranjen (godinama unazad), i uveliko doprinosi preglednosti programskog koda.

		
#include<stdio.h>

void main()
{
	printf("Dobar dan! :)");
}
		
	

Zarad 'poređenja', pogledajmo isti kod bez uključene opcije za 'raznobojni prikaz teksta'.

		
#include<stdio.h>

void main()
{
	printf("Dobar dan! :)");
}
		
	

Nije "strašno", s obzirom na to da je u pitanju samo nekoliko linija koda, ali - inače bi "moglo da bude" ....

Numeracija redova

Prikaz rednih brojeva vrsta (sa leve strane prozora), može biti od velike pomoći u navigaciji kroz tekst (pogotovo kada je u pitanju programski kod).

Ako se dvoumite, zamislite samo sledeću situaciju: otvorili ste u browseru sajt na kome radite, ustanovili da postoji greška u 183. redu; tražite u editoru navedenu liniju, niste uključili numeraciju redova i pri tom koristite editor koji ne dozvoljava prebacivanje na proizvoljni red ....

Reći će neko da ni u takvoj situaciji nije problem "snaći se" i (naravno) - sama po sebi, situacija nije posebno problematična (možda zato što ste već krišom uključili numeraciju i bojenje sintakse?! ), ali, posao web dizajnera i programera je da kreiraju sajtove i pišu programe, a ne, da nepotrebno gube vreme "tražeći liniju #183" (koja sadrži grešku).

Pored proste numeracije, korisna je i opcija "bookmarks", pamćenje pozicija redova sa bitnim sadržajem, što u daljem radu omogućava lakše pronalaženje zapamćenih redova.

		
1 #include<stdio.h>
2
3 void main()
4 {
5	printf("Dobar dan! :)");
6 }
		
	

Kada pogledamo gornju sliku, stvari ipak deluju lepše i - što je važnije - bolje, * u odnosu na prethodnu sliku (na kojoj nije bilo uključeno bojenje sintakse, kao ni numeracija redova).

Automatsko zatvaranje zagrada i tagova

Iako smatramo da čak i iskusni programeri treba sami da vode računa o uparivanju zagrada, tagova i sl. (a početnici pogotovo; više o svemu u poslednjem odeljku), editori svakako nude opciju automatskog zatvaranja zagrada, niski, tagova i sl, koju .... "malo ko voli da isključi". :)

Bitno je pomenuti i to da automatsko zatvaranje zagrada najčešće funkcioniše u saradnji sa opcijom za bojenje sintakse, u tom smislu da programi prikazuju uparenost zagrada (ili nedostatak uparenosti onda kada uparenost očekujemo, što je takođe bitna informacija).

Informacije o poziciji kursora (red, kolona), dužini teksta i tipu dokumenta

Informacije o poziciji kursora (red, kolona), dužini teksta i tipu dokumenta koji uređujemo, tipično su diskretno smeštene na traku u dnu prozora (tako da nas odeljak sa informacijama ne ometa u radu i tu je kada nam zatreba da "bacimo pogled").

Saveti za početnike

Bez obzira na nedvosmislenu upotrebnu vrednost opcija koje smo naveli, početnicima koji žele da "očvrsnu" svoj "mentalni sklop", toplo preporučujemo da određene opcije - isključe (u početnim fazama učenja).

Pre svega mislimo na prikaz "sintakse u boji", jer se posmatranjem 'jednobojnog' programskog koda, znatno povećava nivo pažnje i podiže svest o tome da je potrebno da samostalno vodimo računa o kodu.

U "idealnim uslovima", bili bismo skloni da slične preporuke damo i iskusnim programerima (kao i da sami isključimo "bojenje sintakse", ako treba), jer svaki programer treba da se oslanja - pre svega na sopstvene sposobnosti uočavanja grešaka i sl. - pa tek onda na softverska pomagala (ali, u realnim uslovima, svakako uvažavamo da praktično nije moguće raditi na projektima iole većeg obima i značaja ako pri tom moramo voditi računa i o "zarezima i zagradama", pa je pomoć u vidu opcija koje opisujemo, svakako dobrodošla).

Kada inače ne treba koristiti opcije za udobniji rad sa editorom?

Ako izuzmemo savet koji smo dali početnicima (u vezi sa isključivanjem naprednih opcija editora u fazi učenja), ne deluje baš logično da se odreknemo opcija koje "olakšavaju život" u produkcijskom programiranju, ali - postoje i određene vanredne okolnosti u kojima uključene opcije mogu opteretiti editor na način koji je u uobičajenim situacijama teško sagledati.

Recimo, ako se bavite održavanjem sajtova, može se desiti da dođete u kontakt sa izrazito velikim tekstualnim datotekama (npr. log fajl sa servera, u kome je ubeležena svaka poseta, ili sadržaj baze podataka koji je izvezen u obliku tekstualne datoteke), a kada pokušamo da otvorimo takvu datoteku, uviđamo da čak i otvaranje tekstualnih datoteka ima svoju "cenu" (samo što je ta cena inače veoma mala, i stoga je "ne primećujemo").

Sa druge strane, tekstualna datoteka od stotinjak hiljada linija (od kojih svaka ima širinu između 50 i 150 znakova), može zauzeti preko 500 MB ma disku, preko 8GB pri učitavanju u RAM memoriju, može se učitavati tridesetak sekundi i prilično usporiti računar!

Praktično rešenje može biti upotreba portabilnih verzija editora (instalacije svih editora koje smo naveli, mogu se preuzeti i u obliku .zip datoteka).

Sa interneta možete preuzeti .zip datoteku i otpakovati je na tri mesta (u tri direktorijuma):

• u jednom direktorijumu može biti veoma "nasušna" verzija editora (bez ikakvih dodataka, to jest, bez bojenja sintakse, uparivanja zagrada i slično), i takva verzija editora, prilagođena je otvaranju izrazito velikih datoteka
• drugi direktorijum može sadržati verziju sa bojenjem sintakse, * ali bez ostalih opcija, što je primereno za datoteke obima do ~30 hiljada linija koda (+/- desetak hiljada linija, u zavisnosti od računarskih kapaciteta kojima raspolažete)
• treća opcija može biti puna instalacija za standardne potrebe, sa uključenim (svim) osnovnim i dodatnim opcijama (source datoteke sa kojima se tipično srećemo, imaju od nekoliko desetina do nekoliko hiljada linija koda, što na modernim računarima ne predstavlja problem u smislu otvaranja i obrade)

Kada se upoznamo sa osnovnim opcijama editora, na red dolaze (pre svega) ....

Osnovne prečice za rad sa tekstom

Pre nego što se udubimo u iole naprednije komande u editorima, osvrnućemo se na one najosnovnije, koje su zajedničke za sve editore (možda i pomalo nepotrebno, jer verovatno već poznajete najosnovnije opcije, ali - "za svaki slučaj").

Rad sa datotekama

Za sam početak, nekoliko osnovnih prečica za rad sa datotekama ....

• ctrl
  O
  - otvaranje datoteke
• ctrl
  N
  - kreiranje nove datoteke
• ctrl
  S
  - čuvanje otvorene datoteke pod istim imenom.

Komanda Save as, za čuvanje datoteke uz otvaranje dijaloga za izbor lokacije i imena datoteke, tipično nema prečicu u programima (vrlo često je prečica Ctrl + Shift + S, ali - ne i uvek), pa je zato nismo navodili.

Pomeranje tekstualnog kursora

Pomeranje tekstualnog kursora "bez upotrebe miša", može se obaviti preko sledećih prečica:

• ↑
  ↓
  ←
  →
  - pomeranje kursora za jedno mesto gore, dole, levo, ili desno
• home
  - prebacivanje kursora na početak reda
• end
  - prebacivanje kursora na kraj reda
• ctrl
  ←
  - prebacivanje kursora jednu reč ulevo
• ctrl
  →
  - prebacivanje kursora jednu reč udesno

Komande za pomeranje kursora često prethode komandama za biranje teksta (i takođe ih nadopunjuju).

Biranje teksta

Delovi teksta mogu se birati preko sledećih komandi:

• shift
  ←
  - biranje znaka ulevo
• shift
  →
  - biranje znaka udesno
• ctrl
  shift
  ←
  - biranje reči ulevo - kada je kursor na kraju reči
• ctrl
  shift
  →
  - biranje reči udesno - kada je kursor na početku reči (uz prethodne dve prečice probajte i shift + strelice levo/desno, da selekciju proširite/skupite za nekoliko znakova)
• ctrl
  shift
  ↓
  - biranje celog reda (kada je kursor na početku reda)

Pored navedenih komandi, pojedini editori koje smo naveli imaju i dodatne opcije za automatsko biranje reči, pa čak i većih celina u tekstu.

Kopiranje teksta

Ako postoje prečice koje početnici treba da usvoje odmah, rekli bismo da su to - upravo prečice za kopiranje:

• ctrl
  C
  - Copy (priprema izabranog teksta za kopiranje na drugu poziciju)
• ctrl
  X
  - Cut (priprema izabranog teksta za premeštanje na drugu poziciju)
• ctrl
  V
  - Paste (postavljanje teksta, koji je prethodno pripremljen za kopiranje/premeštanje, na novu poziciju)

Brisanje teksta

Za kraj, pogledajmo i prečice za uklanjanje znakova i većih celina u tekstu:

• backspace
  - brisanje jednog znaka levo od kursora
• del
  - brisanje jednog znaka desno od kursora
• ctrl
  backspace
  - brisanje dela reči koji prethodi kursoru (svih znakova sa leve strane)
• ctrl
  del
  - brisanje dela reči posle kursora (svih znakova sa desne strane)

Iako deluju jednostavno, čak i osnovne opcije koje smo do sada naveli, pomažu u velikoj meri i - pod uslovom da ih pravilno usvojite - bićete u stanju da tekst obrađujete znatno brže i lakše (naravno, ne baš odmah, ali, već posle kraćeg perioda navikavanja).

Međutim, opcija svakako ima još ....

Dodatne komande za rad sa tekstom - grupa 1 (dodatne opcije koje smatramo neophodnim za početak)

Dodatne opcije koje su navedene u prvoj grupi, smatramo (baš kao što gornji naslov nagoveštava), neophodnim za efikasan rad već na početku, s tim da naravno ne mislimo na "sam početak" (prvo je potrebno - polako, dosledno i bez žurbe - savladati prečice iz prethodnih poglavlja).

U naprednije prečice koje smatramo neophodnim za (ne baš sam) početak, spadaju:

• ctrl
  F
  - osnovna pretraga reči i izraza, sa podrškom za specijalne znakove (ali, bez regularnih izraza) *
• ctrl
  H
  - osnovna zamena reči i izraza, sa podrškom za specijalne znakove (bez regularnih izraza) *
• ctrl
  D
  - automatsko umnožavanje aktivnog reda **
• ctrl
  shift
  ↑
  - zamena trenutnog reda sa gornjim redom
• ctrl
  shift
  ↓
  - zamena trenutnog reda sa donjim redom
• ctrl
  PgUp
  - prebacivanje na dokument sa leve strane ***
• ctrl
  PgDown
  - prebacivanje na dokument sa desne strane ***

Pogledajmo detaljnije navedene opcije ....

Osnovna pretraga i zamena reči i izraza

Prečice:

• ctrl
  F
  - pretraga
• ctrl
  H
  - zamena

Na ovom mestu (i dalje) mislimo na pretragu i zamenu sa podrškom za specijalne znakove, ali bez regularnih izraza (uvodu u regularne izraze posvetićemo zaseban odeljak pred kraj ovog članka).

Pri obavljanju pretrage ili zamene teksta, editori tipično omogućavaju:

• pronalaženje ili zamenu jedne reči ili izraza (u okviru jedne datoteke)
• pronalaženje ili zamenu svih pojava određene reči ili izraza (takođe u okviru jedne datoteke)
• pronalaženje teksta ili obavljanje zamene na svim mestima - u svim otvorenim datotekama.

Bitno je napomenuti i to, da u editorima (zarad pretrage i zamene teksta), možemo koristiti i specijalne znakove, od kojih su najbitniji:

• \t - tabulacija ("TAB")
• \n - prelazak u novi red ("ENTER")

Automatsko umnožavanje aktivnog reda

Prečice:

• ctrl
  D
  (Notepad++)
• ctrl
  shift
  D
  (Atom Editor, Sublime Text)

Dovoljno je postaviti kursor u određeni red (bilo gde u okviru reda, ali, bez selektovanja teksta), pozvati prečicu ....

.... i red je umnožen (tj. 'dupliran').

Osnovna ideja jeste umnožavanje redova, ali, komanda zapravo služi umnožavanju selekcije u širem smislu (na način koji je naizgled pomalo čudan):

• ako nije selektovan nijedan znak, komanda će automatski umnožiti ceo red (kopija će biti postavljena ispod)
• ako je selektovan tekst u okviru jednog reda, komanda će automatski umnožiti selektovani tekst (kopija će biti postavljena ispred)
• ako je selektovan tekst u više redova, komanda će automatski umnožiti selektovani tekst, tako što će selekcija biti postavljena "ispred" (ali, ako su redovi izabrani u celosti - od prvog znaka u prvom redu, do poslednjeg specijalnog znaka za prelazak u novi red u poslednjem redu - kopija će biti ispod )

Zamena trenutnog reda sa gornjim/donjim redom

Prečice:

• ctrl
  shift
  ↑
  - zamena trenutnog reda sa gornjim redom
• ctrl
  shift
  ↓
  - zamena trenutnog reda sa donjim redom

Dovoljno je postaviti kursor u donji red ....

.... i pozvati prečicu CTRL+SHIFT+↑.

Veoma korisna opcija, baš kao i prethodna.

Dodatne komande za rad sa tekstom - grupa 2 (opcije za naprednije korisnike)

Opcije koje navodimo u ovoj poslednjoj grupi, krajnje dobro dođu u svakodnevnom radu, ali - nisu neophodne za sam početak.

Zapravo .... vrlo smo skloni da vam preporučimo da navedene opcije preskočite u prvoj godini bavljenja kodiranjem (možete probati, pa "ako ide - ide", ako "ne ide", nemojte se nepotrebno opterećivati opcijama iz grupe #2 neko vreme). :)

Upoznajte polako opcije koje smo već naveli u prethodnim odeljcima, pa na kraju, posle više meseci, dodajte i sledećih nekoliko opcija:

• naprednu pretragu uz pomoć regularnih izraza
• podelu ekrana po vertikali (poželjno je da u editoru postoji mogućnost podele i po horizontali) *
• prebacivanje na početak proizvoljnog reda
• automatsko dodavanje novog reda
• automatsko biranje celog reda
• biranje reči unutar koje se kursor nalazi (naravno, u jednom 'koraku')
• uređivanje teksta u više redova odjednom

Osvrnućemo se detaljnije i na pojedine opcije iz poslednje grupe ....

Napredna pretraga uz pomoć regularnih izraza

Regularnim izrazima posvetili smo zaseban članak, a na ovom mestu ćemo spomenuti samo to, da je u pitanju tehnika koja - za razliku od standardne pretrage (koja podrazumeva pretraživanje određenog izraza isključivo u unetom obliku) - dozvoljava pretraživanje obrazaca u tekstu.

Recimo, možemo tražiti:

• brojeve telefona (po obrascu: pozivni_broj/grupa_cifara-grupa_cifara)
• e-mail adrese (po obrascu: korisnicko_ime@domen)

.... a možemo pretraživati i mnoge druge obrasce.

Na donjoj slici, vidimo primer biranja otvarajućih i zatvarajućih HTML tagova:

Ako vam regularni izrazi deluju zanimljivo, možete se (kada dođe vreme), osvrnuti na pomenuti članak, koji smo posvetili regularnim izrazima.

Automatski prelazak na određeni red upisivanjem rednog broja

Prelazak na određeni red svodi se na upisivanje rednog broja u konzolu koja se otvara preko sledeće prečice (važi za sve programe osim Vim-a) ....

• ctrl
  G
  - otvaranje konzole za upis rednog broja

.... a svakako dobro dođu i prečice za automatsko postavljanje tekstualnog kursora na početak i kraj dokumenta:

• ctrl
  home
  - postavljanje na početak prve linije dokumenta
• ctrl
  end
  - postavljanje na početak poslednje linije dokumenta

Automatsko dodavanje novog reda

Prečice:

• ctrl
  enter
  - automatsko dodavanje novog reda ispod
• ctrl
  shift
  enter
  - automatsko dodavanje novog reda iznad

Naizgled, ne baš "spektakularno bitne" opcije, ali, kada se naviknete, nedostajaće vam u editorima koji ih ne podržavaju.

Za razliku od svih do sada navedenih opcija, poslednjih nekoliko opcija koje ćemo navesti, nisu dostupne u svim editorima, ali, svakako je zanimljivo razmotriti mogućnosti.

Automatsko biranje celog reda

Bez specijalizovane tastaturne prečice, biranje celog reda (takođe) ne predstavlja problem:

• preko tastera
  home
  kursor se može postaviti na početak reda
• naknadnim pozivom prečice
  shift
  end
  - bira se ceo red

Ali, pojedini programi, kao što su Atom Editor, Visual Studio Code i Sublime Text, nude dodatnu opciju:

• ctrl
  L
  - automatsko biranje celog reda

.... što ceo zahvat čini još lakšim.

Automoatsko biranje reči unutar koje se nalazi kursor / proširivanje selekcije

Kada je potrebno da u jednom potezu izaberemo reč unutar koje se tekstualni kursor nalazi (a slično važi i za deo teksta između zagrada, ili za HTML tagove, pri čemu je svejedno na kojoj se poziciji u reči/unutar zagrada/u okviru taga, kursor nalazi), možemo koristiti sledeće prečice:

• ctrl
  D
  - biranje cele reči u okviru koje se kursor nalazi
• ctrl
  shift
  M
  - proširivanje selekcije unutar zagrada
• ctrl
  shift
  A
  - proširivanje selekcije unutar HTML taga

Navedene prečice, dostupne su samo u programima Sublime Text i Atom Editor (Vim i VSC imaju svoje prečice, a Notepad++ ne podržava opciju), i radi se o prečicama koje u praksi VEOMA dobro dođu i znatno ubrzavaju rad (pošto izaberemo reč, možemo je lako brisati, kopirati, ili zameniti drugom, a isto se odnosi i na pasuse / tagove).

Da sve bude još lepše, prečice za proširivanje selekcije možemo koristiti u kombinacijom sa narednom opcijom.

Uređivanje teksta u više redova odjednom

Za kraj smo ostavili "zvezdu večeri" - istovremeno uređivanje teksta u više redova (ali, kao što smo već naveli, u pitanju je opcija koja takođe (nažalost), nije dostupna u svim editorima).

Zamislite sledeći scenario (neka primer bude skroz jednostavan i razumljiv): tri linka koji se nalaze direktno jedan ispod drugog, uredno su formatirani, ali nemaju pripisanu klasu - i naš zadatak je da klasu dodamo (problem možemo rešiti lako, upotrebom komande "replace", ali, drugo rešenje koje navodimo - ipak deluje elegantnije i prirodnije).

Postavićemo kursor na početak prvog elementa liste ....

.... i potom preko prečice CTRL+ALT+↓ (koju ćemo pozvati više puta), postaviti kursor i u preostale redove.

Sada se više kursora nalazi na početku svakog reda ("višestruki kursor") i možemo kursor(e) slobodno "šetati" levo-desno i takođe, brisati i dodavati znake. Pomerićemo kursor(e) nekoliko mesta udesno i svim izabranim linkovima dopisati klasu.

Za sam kraj: sećate li se prečice CTRL+D?

Ukoliko je upotrebimo više puta, program će prvi put izabrati celu reč (unutar koje se kursor nalazi), a svaki sledeći put - sledeću pojavu izabrane reči, što se naravno (inače to ne bismo pominjali na ovom mestu) - može kombinovati sa opcijom za postavljanje kursora na više mesta / u više redova.

Uzećemo (ponovo) jednostavan primer koji lako možete zamisliti: recimo da smo u dva susedna reda, u tagovima <img> naveli (greškom) sliku sa ekstenzijom ".jpg" (umesto ".png").

Postavićemo kursor unutar prvog "jpg", pokrenuti prečicu jednom (čime biramo celu reč "jpg"), i potom ćemo pozvati prečicu još jednom (posle čega se bira pojava niske "jpg" i u donjem redu).

Sada možemo strelicama pomerati kursor i ručno brisati znak po znak (preko prečica: DEL ili BACKSPACE), a možemo i odmah (budući da su obe reči zapravo izabrane), samo početi da upisujemo novu ekstenziju (pri čemu će stara ekstenzija biti uklonjena već sa prvim dodatim znakom).

Za kraj ....

Iako opcije koje su navedene u članku, nisu doslovno "sve postojeće", naveli smo širok spektar opcija različite namene koje su u radu sa tekstom veoma korisne.

Pošto smo takođe i na kraju uvodnog serijala članaka o web dizajnu, nadamo se da smo vam pomogli u kreiranju prvih sajtova i potakli vas da i dalje samostalno istražujete ovu zanimljivu oblast.

Sledeći korak je upoznavanje sa jezikom JavaScript, a potom (prema želji) - i sa backend programiranjem (o čemu ćemo takođe uskoro pisati).