Webfejlesztő eszközök néhány rövid év alatt hosszú utat tettek meg. Ennek az előrehaladásnak köszönhetően kihasználhatjuk a jól tesztelt könyvtárak erejét, hogy javítsuk munkafolyamatunkat, és nagyobb lehetőségeket élvezhessünk a reagáló tervezés során. Nem csak, hogy együtt építhetünk dolgokat az egyre javuló verzióvezérlő rendszereknek köszönhetően. A böngészőbővítményektől és bővítményektől kezdve a kódot egyszerűsítő processzorokig még soha nem volt több lehetőség fantasztikus webes alkalmazások létrehozására.
De mivel a webes dev eszközök száma szinte naponta növekszik, a munka elvégzéséhez a legjobb szoftver megtalálása néha ijesztő lehet. Hogy segítsen ki, hoztunk létre egy listát az alapvető eszközök frontend fejlesztés az induláshoz. Ha érdekel, hogy megtudja, egy különösen, egyszerűen válassza ki az alábbi listából.
- Sublime Text
- Chrome Developer Tools
- jQuery
- GitHub
- Twitter Bootstrap
- Angular.js
- Sass
nem szívesen olvas? Ezután nézze meg az alábbi videót, amelyben az egyik tanfolyam szakemberünk az eszközökön keresztül beszél.
1. Sublime Text
kezdjük az alapokkal: egy első osztályú kódszerkesztővel-amely egy jól megtervezett, szuper hatékony, rendkívül gyors felhasználói felületet tartalmaz. Sokan vannak, akik ezt jól csinálják, de vitathatatlanul a legjobb (és legnépszerűbb) a fenséges szöveg.
művészileg által működtetett egyszemélyes fejlesztő csapat, a titok, hogy Sublime sikere abban rejlik, hogy a program hatalmas tömb billentyűparancsok – mint például a képesség, hogy végre egyidejű szerkesztési (így az azonos interaktív változások több kiválasztott területen), valamint a Gyors navigáció fájlok, szimbólumok, és vonalak. Ha pedig napi 8+ órát töltesz a szerkesztővel, az egyes folyamatokhoz mentett értékes néhány másodperc valóban összeadódik…
a kódolást fenséges módon kezdheti el ebben az ingyenes webfejlesztési bemutatóban (nincs szükség regisztrációra).
2. Chrome Developer Tools
nem lenne jó, ha a HTML-t és a CSS-t valós időben szerkesztené, vagy hibakeresné a Javascriptet, mindezt a webhely alapos teljesítményelemzésének megtekintése közben?
A Google beépített Chrome Fejlesztői eszközei lehetővé teszik ezt. Mind a Chrome-ban, mind a Safariban elérhető csomagban lehetővé teszik a fejlesztők számára, hogy hozzáférjenek webes alkalmazásuk belső oldalaihoz. Ezen felül a hálózati eszközök palettája segíthet optimalizálni a betöltési folyamatait, míg az idővonal mélyebb megértést ad arról, hogy a böngésző mit csinál egy adott pillanatban.
A Google hathetente frissíti a frissítést – tehát nézze meg webhelyét, valamint a Google fejlesztői YouTube-csatornáját, hogy naprakész legyen.
3. jQuery
a JavaScriptet a fejlesztők már régóta alapvető front-end nyelvnek tekintik, bár nem gond nélkül: a böngésző következetlenségei, kissé bonyolult és megközelíthetetlen szintaxisa azt jelentette, hogy a funkcionalitás gyakran szenvedett.
Ez 2006 – ig tartott, amikor a jQuery-egy gyors, kicsi, cross-platform JavaScript könyvtár, amelynek célja a front – end folyamat egyszerűsítése-megjelent a helyszínen. Által referáló sok a funkció általában bal fejlesztők számára, hogy megoldja a saját, jQuery engedélyezett nagyobb teret animációk készítése, hozzátéve, dugó, vagy akár csak navigálás dokumentumok.
és ez egyértelműen sikeres-jQuery volt messze a legnépszerűbb JavaScript könyvtár létezik 2015-ben, a telepítés 65% a top 10 millió legnagyobb forgalmú helyek az Interneten.
4. GitHub
Ez minden fejlesztő legrosszabb rémálma – egy új projekt funkción dolgozol, és elszúrod. Adja meg a verzióvezérlő rendszereket – VCS) – pontosabban a Githubot.
a projekt elindításával a szolgáltatással megtekintheti az elvégzett változtatásokat, vagy akár vissza is térhet az előző állapotába (bosszantó hibákat okozva a múlté). A repository hosting szolgáltatás gazdag nyílt forráskódú fejlesztési közösséggel is büszkélkedhet (a csapatok közötti együttműködés olyan egyszerű, mint a pie), valamint számos más összetevő, például hibakövetés, szolgáltatáskérések, feladatkezelés és wikik biztosítása minden projekthez.
sok munkáltató keresni fogja a finoman csiszolt Git készségeket, így most itt a tökéletes idő a regisztrációra – plusz ez egy nagyszerű módja annak, hogy részt vegyen és tanuljon a legjobbaktól a nyílt forráskódú projektek széles skálájával.
5. Twitter Bootstrap
Unod már, hogy ugyanazt a stílust írja be egy konténerhez? Mit szólnál ahhoz a gombhoz, ami folyton felbukkan? Miután rendszeresen elkezdi építeni a front-end alkalmazásokat, ugyanazokat a mintákat veszi észre.
UI keretek kísérlet arra, hogy megoldja ezeket a problémákat által referáló a közös elemeket a újrahasználható modulok – vagyis a fejlesztők állvány elemek az új alkalmazások sebesség, könnyű.
ezeknek a keretrendszereknek a legszélesebb körben használt a Bootstrap, egy átfogó felhasználói felület-csomag, amelyet a Twitter csapata fejlesztett ki. Komplett eszközök normalizálni stíluslapok, építeni modális objektumok, Add JavaScript plugins, és rengeteg más funkciók, Bootstrap drámaian csökkenteni a kód mennyisége (és idő) szükséges építeni a projekt.
6. Szögletes.js
a HTML általában a frontend fejlesztői eszköztárának sarokköve, de sokan komoly hibának tartják: nem a dinamikus nézetek kezelésére tervezték.
itt jön be az AngularJS, egy nyílt forráskódú webes alkalmazás keretrendszer. A Google által kifejlesztett AngularJS lehetővé teszi, hogy kiterjeszti az alkalmazás HTML szintaxis, ami egy kifejezőbb, olvasható, és gyorsan fejleszteni környezet, amely egyébként nem épült HTML egyedül.
a projekt nem nélkülözi a kritikusok: egyesek úgy érzik, hogy ez a fajta adatkötés teszi a rendetlen, nem elválasztott kódot, de még mindig úgy gondoljuk, hogy ez egy felbecsülhetetlen készség, hogy a front-end kit.
7. Sass
Web dev eszközök időt vagy a legjobb barátom, az egyik első dolog, megtudhatja kód, hogy legyen SZÁRAZ (“Ne Ismételd Önmagad”). A második dolog, amit valószínűleg megtanulsz, az, hogy a CSS általában nem túl száraz.
írja be a CSS előfeldolgozó világát, egy olyan eszközt, amely segít karbantartható, jövőbiztos kód írásában, miközben csökkenti az írandó CSS mennyiségét (szárazon tartva).
talán a legnépszerűbb közülük a Sass, egy nyolc éves nyílt forráskódú projekt, amely nagyjából meghatározta a modern CSS előfeldolgozók műfaját. Bár egy kicsit trükkös, hogy megbirkózzon kezdetben, Sass kombinációja változók, fészkelő, és mixins teszi egyszerű CSS összeállításakor, ami azt jelenti, a stíluslapok olvashatóbb lesz, és (ami a legfontosabb) száraz.
következtetés
Ha az ötlet a tanulás ezen frontend eszközök és elindul egy 7 hónapos utazás lesz egy webfejlesztő fellebbez az Ön számára, én tényleg ajánlom, hogy nézd meg az új teljes verem Web Development Course a CareerFoundry. Úgy tervezték, hogy megtanítsa az alapvető frontend technológiákat a semmiből, mielőtt folytatná, hogy sok keresett készséggel ruházza fel Önt a JavaScript fejlesztésében. Lesz párosítva két tapasztalt fejlesztők az online támogatást, valamint konzultációt, egy munkahely garancia: ha nem kap munkát, mint a web developer 6 hónapon belül a végzős, hogy visszakapja a pénzét. Lépjen kapcsolatba a karrier tanácsadó ma többet megtudni, és csatlakozzon a legelső teljes kohorsz.