vývoj Webových nástrojů mají za sebou dlouhou cestu v jen pár krátkých let. Díky tomuto pokroku můžeme využít sílu vysoce testovaných knihoven ke zlepšení našeho pracovního postupu a těžit z větších možností, pokud jde o citlivý design. Nejen to, díky neustále se zlepšujícím systémům pro správu verzí můžeme věci stavět společně. Od doplňků a pluginů prohlížeče až po procesory, které zefektivňují váš kód, nikdy nebylo více možností pro vytváření úžasných webových aplikací.
ale s počtem webových Dev nástrojů roste téměř denně, najít nejlepší software, aby svou práci může někdy cítit skličující. Abychom vám pomohli, vytvořili jsme seznam základních nástrojů pro vývoj frontendu, které vám pomohou začít. Pokud máte zájem dozvědět se o jednom konkrétním, jednoduše jej vyberte ze seznamu níže.
- Sublime Text
- Chrome Vývojářské nástroje
- jQuery
- GitHub
- Twitter Bootstrap
- úhlový.js
- Sass
nemáte zájem o čtení? Pak se podívejte na video níže, ve kterém jeden z našich specialistů kurzu hovoří prostřednictvím nástrojů.
1. Sublime Text
začněme se základy: prvotřídní editor kódu – ten, který obsahuje dobře navržené, super efektivní a velmi rychlé uživatelské rozhraní. Existuje několik, které to dělají dobře, ale pravděpodobně nejlepší (a nejoblíbenější) je Sublime Text.
Umně řídí one-man vývojový tým, tajemství Úžasný úspěch spočívá v programu je obrovské množství klávesových zkratek – například schopnost provádět simultánní editaci (dělat stejné interaktivní změny na více vybraných oblastech), stejně jako rychlou navigaci na soubory, symboly a čáry. A když trávíte 8+ hodin s editorem každý den, ty vzácné několika sekund uloží pro každý proces opravdu sečíst.
můžete začít kódování s Sublime v tomto zdarma vývoj webových tutorial (no sign-up je to nutné).
2. Chrome Developer Tools
nebylo by skvělé, kdybyste mohli upravovat HTML a CSS v reálném čase nebo ladit JavaScript, a to vše při prohlížení důkladné analýzy výkonu vašeho webu?
vestavěné Vývojářské nástroje Google Chrome vám to umožňují. Dodávané a dostupné v prohlížeči Chrome i Safari umožňují vývojářům přístup do vnitřků jejich webové aplikace. Kromě toho může paleta síťových nástrojů pomoci optimalizovat vaše toky načítání, zatímco časová osa vám umožní hlubší pochopení toho, co prohlížeč v daném okamžiku dělá.
Google vydává aktualizaci každých šest týdnů – podívejte se tedy na jejich webové stránky a kanál YouTube pro vývojáře Google, abyste udrželi své dovednosti aktuální.
3. jQuery
JavaScript byl dlouho považován za základní front-end jazyk vývojáři, i když to není bez problémů: prošpikovaný prohlížeč nesrovnalosti, jeho poněkud komplikovaný a nepřístupný syntaxe znamená, že funkce často trpěl.
to bylo až do roku 2006, kdy se na scéně objevila jQuery-rychlá, malá, multiplatformní knihovna JavaScriptu zaměřená na zjednodušení procesu front-end. Tím, že odstraní spoustu funkcí, obvykle vlevo pro vývojáře k řešení na jejich vlastní, jQuery umožnila větší prostor pro vytváření animací, přidávání pluginů, nebo dokonce jen navigaci dokumentů.
a je to jednoznačně úspěšné-jQuery byl zdaleka nejpopulárnější JavaScript knihovna v existenci v 2015, s instalací na 65% z top 10 milionů nejvíce obchodovaných míst na webu.
4. GitHub
je to nejhorší noční můra každého vývojáře – pracujete na nové funkci projektu a pokazíte to. Zadejte systémy pro správu verzí – VCS) – a konkrétněji GitHub.
zavedením projektu se službou můžete zobrazit všechny provedené změny nebo se dokonce vrátit do předchozího stavu(dělat otravné chyby minulostí). Úložiště hostingové služby se může pochlubit také bohatou open-source společenství pro rozvoj (vytváření spolupráce mezi týmy stejně snadné jako koláč), jakož i poskytování některé další komponenty jako je sledování chyb, požadavky na nové funkce, task management, a wiki pro každý projekt.
Mnozí zaměstnavatelé budou hledat jemně broušený Git dovednosti, takže nyní je ideální čas se přihlásit – a navíc je to skvělý způsob, jak zapojit se a učit se od nejlepších, s širokou škálou open-source projekty do práce na.
5. Twitter Bootstrap
už vás nebaví psát stejný styl pro kontejner? A co to tlačítko, které se stále objevuje? Jakmile začnete pravidelně vytvářet front-end aplikace, začnete si všímat stejných vzorců.
UI frameworks jsou pokusem vyřešit tyto problémy abstrahováním společných prvků do opakovaně použitelných modulů-což znamená, že vývojáři mohou rychle a snadno lešit prvky nových aplikací.
nejpoužívanější z těchto rámců je Bootstrap, komplexní balíček UI vyvinutý týmem na Twitteru. Kompletní s nástroji, aby normalizovat styly, vytvořit modální objekty, přidat JavaScript, pluginy, a nepřeberné množství dalších funkcí, Bootstrap může výrazně snížit množství kódu (a čas) potřebné k sestavení projektu.
6. Úhlový.JS
HTML je obvykle základním kamenem nástrojů pro vývojáře frontendu, ale má to, co mnozí považují za vážnou chybu: nebylo navrženo pro správu dynamických pohledů.
Zde přichází AngularJS, open-source webový aplikační rámec. Vyvinutý společností Google, AngularJS vám umožní rozšířit své aplikace HTML syntaxe, což má za následek více výrazné, čitelné, a rychle vytvořit prostředí, které by jinak byly postaveny s HTML sám.
projekt není bez jeho kritiků: někteří se domnívají, že tento druh vázání dat je komplikovaná, non-oddělený kód, ale stále si myslím, že je to neocenitelný dovednosti v front-end kit.
7. Sass
webové dev nástroje, které šetří čas, jsou vaším nejlepším přítelem a jednou z prvních věcí, které se o kódu dozvíte, je, že musí být suchý („neopakujte se“). Druhá věc, kterou se pravděpodobně naučíte, je, že CSS obvykle není příliš suchý.
Vstupte do světa preprocesoru CSS, nástroje, který vám pomůže psát udržovatelný, budoucí kód, a to vše při snižování množství CSS, které musíte napsat (udržovat v suchu).
snad nejpopulárnější z nich je Sass, osm let starý open-source projekt, který do značné míry definoval žánr moderních CSS preprocesorů. I když trochu složitější se dostat na rukojeti se zpočátku, Sass je kombinace proměnných, hnízdění, a mixins bude skýtat jednoduchý CSS při zkompilovaný, což znamená, že vaše styly bude čitelnější a (co je nejdůležitější) SUCHÉ.
Závěr
v Případě, že myšlenka učení těchto frontend nástrojů a nastavení na 7-měsíční cestu, aby se stal web developer apeluje na vás, já opravdu doporučuji vám se podívat na nové Full-Stack Webového Vývoje Kurzu od CareerFoundry. Je navržen tak, aby vás naučil základní technologie frontendu od nuly, než vám poskytne vyhledávané dovednosti ve vývoji JavaScriptu. Budete spárováni se dvěma zkušenými vývojáři pro online mentorství a Lektorství, a existuje záruka práce: pokud nedostanete práci jako webový vývojář uvnitř 6 měsíce absolvování, dostanete své peníze zpět. Kontaktujte kariérního poradce ještě dnes, abyste se dozvěděli více a připojili se k naší první úplné kohortě.