menü    videók      
Mit tanulnál?
Keresés:
videót kérek belépés regisztráció
 Termék tesztek, hírek, bemutatók  ✦  mobilok, okosórák, médialejátszók, stb.  ✦  kattints ide!
Brackets, az egyik legjobb (frontend) webfejlesztő program (2020.04.13)
Bejegyzések a témában:   webfejlesztes   html   css  
Hozzászólások
A Brackets elsősorban a HTML, CSS és Javascript-ben erős, azokhoz viszont tényleg jó. Pluginokkal bővíthető és van több nagyon hasznos, egyedi funkciója, valamint részben magyarul is tud. Volt már róla szó korábban (videót itt találsz), viszont elég sok idő eltelt azóta, ezért most újra megnézzük.

Az alapok természetesen ugyanazok régóta, úgyhogy most inkább pár további dologra koncentrálnánk, leginkább a bővítményekkel elérhető extrákra.

A fájl > bővítménykezelő alatt elérhető a bővítmények listája, amely mára már igen hosszú lett.


Akinek van rá ideje, annak érdemes végigmenni rajta, mert nagyon sok hasznos bővítmény található itt. Érdemes a letöltések száma szerint rendezni és akkor egyszerűbb megtalálni a népszerű bővítményeket. Egyes bővítmények a Brackets újraindítását követelik meg, ezért célszerű mindig újraindítani (persze nem kell egyesével, több is telepíthető, majd úraindítás).


Nézzünk meg néhányat.

LESS AutoCompile

A LESS CSS-ből normál CSS-t készít mentéskor, automatikusan.

Brackets Link File

A nevében is benne van a lényeg, ha egy fájlt behúzunk a kódba, akkor megírja helyettünk a szükséges kódot. Például behúzunk egy CSS-t, akkor a szokásos kódot megírja.

De működik PHP, JavaScript, CSS, kép, hang, videó fájlokkal és betűtípusokkal (font) is.

Pomodoro-Timer-Panel

A beállított időnként szól, hogy szünetet kellene tartani.



Duplicate Files & Folders

Kellene egy fájlból másolat? Akkor ezzel egyszerűen megoldható, duplikálja a fájlt.

FTP

FTP-re feltöltő bővítmény több is van, érdemes rákeresni.


Brackets Snippets

A snippetek előre megírt kódrészletek, amelyeket bármikor újra beszúrhatunk a kódba, így nem kell ismét megírni.

Goto Last Edit

Keresed hogy mit / hol írtál át utoljára? Ez a bővítmény egyetlen gombnyomásra megmutatja.

Lorem Ipsum

Lorem Ipsum minta szöveget szúr be.

bootstrap-4-snippets

Előre megírt Bootstrap kódrészletek.

CanIUse

Mint tudjuk, a CSS-ben folyamatosan jelennek meg új dolgok, amelyek nem mindig érhetők el minden böngészőben. Ezen segít ez a bővítmény, megmutatja, hogy amit éppen használnánk, az mennyire támogatott.

"Nézet > Show CanIUse"

Majd a filterbe gépelve már mutatja is:


HTML Wrapper

Intelligensen generál kódot.


Brackets Icons

Ikonokkal látja el a fájlokat a jobb átláthatóság érdekében.


Beautify

Automatikus HTML, CSS, Javascript kód formázó.

A Themes lapon pedig számos külső elérhető a Brackets-hez, de a két beépített sem rossz.



Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!