Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Spoznajte Brackets

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Brackets je odličen odprtokodni program, ki vam omogoča učinkovito urejanje in oblikovanje HTML, CSS, JS ... kode.
 
 
1
 
 

Pojdite na http://brackets.io/ in si prenesite program Brackets in ga instalirajte.

 
 
2
 
 

Ko odprete program, bo odprta mapa Getting Started.

 
 
3
 
 

Če kliknete na trikotniček, lahko odprete mapo, ki jo imate shranjeno na računalniku.

 
 
4
 
 

Ko imate odprto mapo, lahko z desnim klikom ustvarite novo mapo.

 
 
 
 
 
5
 
 

Če z desnim klikom kliknete na mapo, lahko naredite novo datoteko v mapi.

 
 
6
 
 

Ko ustvarite novo datoteko, jo boste morali poimenovati in ji dopisati končnico (.html).

 
 
7
 
 

Nova datoteka se bo odprla v urejevalniku in pokazala na seznamu Working Files.

Če kliknete na križec ob imenu datoteke, se bo ta zaprla.

 
 
8
 
 

Če napišete prvi del HTML značke, se bo drugi del dodal avtomatsko.

 
 
9
 
 

Če držite tipko ALT, lahko označite besedilo v stolpcih.

Nato lahko vse izbrišete ali pa pišete v večih vrsticah naenkrat.

 
 
10
 
 

Če se zraven imena datoteke pojavi krogec, to pomeni, da datoteka ni shranjena.

 
 
11
 
 

Brackets ima možnost Live Preview, ki jo vklopite z klikom na strelico.

Live Preview vam obogoča da vsako spremembo, ki jo naredite v HTML vidite brez osveževanja.

 

 
 
12
 
 

Live Preview se vam bo samodejno odprl v Google Chrome.

Če v kodi ozačite HTML element, se bo ta označil tudi v brskalniku.

 
 
13
 
 

Če kliknete na gumb s kocko, se odpre meni za dodajanje vtičnikov in tem.

 
 
14
 
 

Priporočam vam vtičnika Lorem Ipsum in Minimap.

 
 
15
 
 

Za primer sem v isti mapi naredil še CSS datoteko.

 
 
16
 
 

In vanjo napisal, naj bo seznam rdeč.

 
 
17
 
 

Če z desnim klikom kliknete na CSS nastavitev in izberete Quick Edit ...

 
 
18
 
 

... se vam v vrstici odpre barvna paleta.

Quick Edit funkcija deluje tudi za nekatere druge CSS nastavitve.

 
 
19
 
 

Če z desnim klikom kliknete na HTML element in izberete Quick Edit ...

 
 
20
 
 

... bo program poiskal vse CSS nastavitve v stiku s tem elementom, ki jih lahko tudi uredite.

 
 
21
 
 

Če k desnim klikom kliknete na CSS nastavitev in izberete Quick Docs ...

 
 
22
 
 

... boste v vrstici dobili osnovne informacije o izbrani CSS nastavitvi.

 
 
23
 
 

Brackets zna tudi zelo dobro predlagati funkcije v JavaScript-u ali poti do datoteke (npr. slike), ki jo imate odprto v Brackets.

 
 
24
 
 

Brackets je odprto kodni progran in vso njegovo kodo lahko najdete na GitHub:(https://github.com/zaggino/brackets-git)

Brackets je zaenkrat še program v razvoju, zato se lahko zgodi, da katera funkcija kdaj ne bo delovala pravilno.

 
 
Komentiraj
 
 
 
 
 
10.5.2015, 22:33
Sem slišal že kar nekaj pozitivnih stvari o tem programu.

Tako da ga bom sedaj res preizkusil, da vidim, kako se kaj obnese v praksi.
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!