Internetudviklingsværktøjer er kommet langt på få korte år. Takket være disse fremskridt kan vi udnytte styrken i højt testede biblioteker til at forbedre vores arbejdsgang og drage fordel af større muligheder, når det kommer til responsivt design. Ikke kun det, vi kan bygge ting sammen takket være stadigt forbedrede versionskontrolsystemer. Fra Tilføjelser og plugins til processorer, der strømliner din kode, har der aldrig været flere muligheder for at oprette fantastiske internetapplikationer.

men med antallet af Internet-dev-værktøjer, der stiger næsten dagligt, kan det nogle gange føles skræmmende at finde det bedste program til at få arbejdet gjort. For at hjælpe dig har vi oprettet en liste over vigtige værktøjer til frontend-udvikling for at komme i gang. Hvis du er interesseret i at finde ud af om en især, skal du blot vælge den fra listen nedenfor.

1. Sublim tekst
2. Chrome udviklerværktøjer
3. github
4. kvidre Bootstrap
5. vinkel.js
6. Sass

ikke opsat på læsning? Se derefter videoen nedenfor, hvor en af vores Kursusspecialister taler gennem værktøjerne.

1. Sublim tekst

lad os starte med det grundlæggende: en førsteklasses kodeditor-en der har en veldesignet, supereffektiv og ultra hurtig brugergrænseflade. Der er flere, der gør det godt, men nok den bedste (og mest populære) er Sublim tekst.hemmeligheden bag Sublime ‘ s succes er kunstfærdigt drevet af et enmandsudviklingsteam, og ligger i programmets store udvalg af tastaturgenveje-såsom evnen til at udføre samtidig redigering (foretage de samme interaktive ændringer til flere udvalgte områder) samt hurtig navigation til filer, symboler og linjer. Og når du bruger 8 + timer med din editor hver dag, tilføjer de dyrebare få sekunder, der er gemt for hver proces, virkelig op …

Du kan begynde at kode med Sublime i denne gratis vejledning til udvikling af internettet (Ingen Tilmelding nødvendig).

2. Chrome Developer Tools

ville det ikke være dejligt, hvis du kunne redigere din HTML og CSS i realtid eller debug dit JavaScript, alt sammen mens du ser en grundig præstationsanalyse af din hjemmeside?

Googles indbyggede Chrome-udviklerværktøjer giver dig mulighed for netop det. Bundtet og tilgængeligt i både Chrome og Safari giver de udviklere adgang til det indre af deres internetapplikation. Derudover kan en palet af netværksværktøjer hjælpe med at optimere dine indlæsningsstrømme, mens en tidslinje giver dig en dybere forståelse af, hvad bro.sereren gør på et givet tidspunkt.

Google frigiver en opdatering hver sjette uge-så tjek deres hjemmeside såvel som Google Developers YouTube-kanal for at holde dine færdigheder opdaterede.

3. JavaScript har længe været betragtet som et vigtigt front-end-sprog af udviklere, selvom det ikke er uden problemer: fyldt med uoverensstemmelser mellem BRO.ser, dens noget komplicerede og utilgængelige syntaks betød, at funktionaliteten ofte led.

det var indtil 2006, hvor jespery – et hurtigt, lille JavaScript-bibliotek på tværs af platforme med det formål at forenkle front-end – processen-dukkede op på scenen. Ved at abstrahere en masse af den funktionalitet, der normalt er tilbage for udviklere at løse på egen hånd, gav jekry større mulighed for at oprette animationer, tilføje plug-ins eller endda bare navigere i dokumenter.

og det er helt klart en succes-det var langt det mest populære JavaScript-bibliotek, der eksisterede i 2015, med installation på 65% af de 10 millioner mest trafikerede sider på nettet.

4. GitHub

det er enhver udviklers værste mareridt-du arbejder på en ny projektfunktion, og du skruer op. Indtast versionskontrolsystemer – VCS) – og mere specifikt GitHub.

ved at udrulle dit projekt med tjenesten kan du se eventuelle ændringer, du har foretaget, eller endda gå tilbage til din tidligere tilstand (gør irriterende fejl en fortid). Repository hosting-tjenesten kan også prale af et rigt open source – udviklingssamfund (hvilket gør samarbejde mellem teams så let som pie) samt leverer flere andre komponenter såsom fejlsporing, funktionsanmodninger, opgavestyring og programmer til hvert projekt.

mange arbejdsgivere vil kigge efter finpudset Git – færdigheder, så nu er det perfekte tidspunkt at tilmelde sig-plus det er en fantastisk måde at blive involveret og lære af de bedste med en bred vifte af open source-projekter at arbejde på.

5. Kvidre Bootstrap

træt af at skrive i den samme styling til en container? Hvad med den knap, der bliver ved med at dukke op? Når du begynder at bygge front-end-applikationer regelmæssigt, begynder du at bemærke de samme mønstre, der opstår.UI-rammer er et forsøg på at løse disse problemer ved at abstrahere de fælles elementer i genanvendelige moduler – hvilket betyder, at udviklere kan stillads elementerne i nye applikationer med hastighed og lethed.den mest udbredte af disse rammer er Bootstrap, en omfattende UI pakke udviklet af teamet på kvidre. Komplet med værktøjer til at normalisere stilark, opbygge modale objekter, tilføje JavaScript-plugins og en overflod af andre funktioner, kan Bootstrap dramatisk reducere mængden af kode (og tid), der er nødvendig for at opbygge dit projekt.

6. Vinkel.JS

HTML er normalt hjørnestenen i enhver frontend-udviklers værktøjskasse, men den har, hvad mange opfatter som en alvorlig fejl: den var ikke designet til at styre dynamiske visninger.

det er her AngularJS, en open source-applikationsramme, kommer ind. AngularJS er udviklet af Google og giver dig mulighed for at udvide din applikations HTML-syntaks, hvilket resulterer i et mere udtryksfuldt, læsbart og hurtigt at udvikle miljø, der ellers ikke kunne være bygget med HTML alene.

projektet er ikke uden sine kritikere: nogle føler, at denne form for databinding giver en rodet, ikke-adskilt kode, men vi synes stadig, det er en uvurderlig færdighed at have i dit front-end kit.

7. Sass-værktøjer, der sparer tid, er din bedste ven, og en af de første ting, du lærer om kode, er, at den skal være tør (“gentag ikke dig selv”). Den anden ting, du sandsynligvis vil lære, er, at CSS normalt ikke er meget tør.

gå ind i CSS-præprocessorens verden, et værktøj, der hjælper dig med at skrive vedligeholdelig, fremtidssikker kode, alt sammen med at reducere mængden af CSS, du skal skrive (holde den tør).

måske mest populære blandt dem er Sass, et otte år gammelt open source-projekt, der stort set definerede genren for moderne CSS-præprocessorer. Selvom det er lidt vanskeligt at få fat i det første, vil Sass ‘ s kombination af variabler, nesting og blandinger gøre simpel CSS, når de kompileres, hvilket betyder, at dine stilark vil være mere læsbare og (vigtigst) tørre.

konklusion

hvis ideen om at lære disse frontend-værktøjer og tage ud på en 7-måneders rejse for at blive en internetudvikler appellerer til dig, anbefaler jeg virkelig, at du kigger på det nye Full-Stack Internetudviklingskursus fra CareerFoundry. Det er designet til at lære dig de centrale frontend-teknologier fra bunden, før du fortsætter med at give dig meget efterspurgte færdigheder inden for JavaScript-udvikling. Du vil blive parret med to erfarne udviklere til online mentorskab og vejledning, og der er en jobgaranti: hvis du ikke får et job som udvikler inden for 6 måneder efter eksamen, får du dine penge tilbage. Kontakt en karriererådgiver i dag for at finde ud af mere og deltage i vores allerførste fulde kohorte.