Webutviklingsverktøy har kommet langt på bare noen få korte år. Takket være denne fremgangen kan vi dra nytte av høyt testede biblioteker for å forbedre arbeidsflyten vår og dra nytte av større muligheter når det gjelder responsiv design. Ikke bare det, vi kan bygge ting sammen takket være stadig bedre versjonskontrollsystemer. Fra nettlesertillegg og plugins, til prosessorer som strømlinjeformer koden din, har det aldri vært flere muligheter for å lage fantastiske webapplikasjoner.Men med antall web dev verktøy øker nesten daglig, finne den beste programvaren for å få jobben gjort kan noen ganger føles skremmende. For å hjelpe deg, har vi laget en liste over viktige verktøy for frontend utvikling for å komme i gang. Hvis du er interessert i å finne ut om en spesielt, bare velg den fra listen nedenfor.

1. Sublime Tekst
2. Chrome Utviklerverktøy
3. Jquery
4. GitHub
5. Twitter Bootstrap
6. Kantete.js
7. Sass

Ikke ivrig på å lese? Så se videoen nedenfor der en Av Våre Kurs Spesialister snakker gjennom verktøyene.

1. Sublime Text

La oss starte med det grunnleggende: en førsteklasses kode editor-en som har en godt designet, super effektiv, og ultra rask brukergrensesnitt. Det er flere som gjør dette bra, men uten tvil den beste (og mest populære) Er Sublime Tekst.Hemmeligheten til Sublime suksess Ligger I programmets store utvalg av hurtigtaster – for eksempel muligheten til å utføre samtidig redigering (gjør de samme interaktive endringene på flere utvalgte områder) samt rask navigering til filer, symboler og linjer. Og når du bruker 8 + timer med redaktøren din hver dag, legger de dyrebare få sekundene som er lagret for hver prosess, virkelig opp…

Du kan starte koding Med Sublime i denne gratis webutviklingsopplæringen (ingen registrering nødvendig).

2. Chrome Utviklerverktøy

Ville det Ikke vært flott om du kunne redigere HTML og CSS i sanntid, eller feilsøke JavaScript, alt mens du ser en grundig ytelsesanalyse av nettstedet ditt?

Googles innebygde Chrome-Utviklerverktøy lar deg gjøre nettopp det. Samlet og tilgjengelig i Både Chrome og Safari, de tillater utviklere tilgang til internals av deres web-applikasjon. På toppen av dette kan en palett med nettverksverktøy bidra til å optimalisere lastestrømmene dine, mens en tidslinje gir deg en dypere forståelse av hva nettleseren gjør til enhver tid.

Google slipper en oppdatering hver sjette uke – så sjekk ut deres nettside samt Google Developers YouTube-kanal for å holde ferdighetene dine oppdatert.

3. Jquery

JavaScript har lenge vært ansett som et viktig front-end-språk av utviklere, selv om det ikke er uten problemer: riddled med nettleserens inkonsekvenser, betydde det noe komplisert og utilgjengelig syntaks at funksjonaliteten ofte led.Det var til 2006, da jQuery-et raskt, lite JavaScript-bibliotek på Tvers Av Plattformer for å forenkle frontend – prosessen-dukket opp på scenen. Ved å abstrahere mye av funksjonaliteten som vanligvis er igjen for utviklere å løse på egen hånd, tillot jQuery større mulighet for å lage animasjoner, legge til plugin-moduler eller til og med bare navigere i dokumenter.jQuery var uten tvil Det mest populære JavaScript-biblioteket som eksisterte i 2015, med installasjon på 65% av de 10 millioner mest trafikkerte nettstedene på Nettet.

4. GitHub

Det er hver utviklerens verste mareritt-du jobber med en ny prosjektfunksjon, og du skruer opp. Skriv inn versjonskontrollsystemer – VCS) – og Mer spesifikt, GitHub.

ved å rulle ut prosjektet ditt med tjenesten, kan du se eventuelle endringer du har gjort eller til og med gå tilbake til din tidligere tilstand (gjør pesky feil en ting fra fortiden). Repository hosting-tjenesten har også et rikt utviklingssamfunn med åpen kildekode (gjør samarbeid mellom lag like enkelt som pie), samt å tilby flere andre komponenter som feilsporing, funksjonsforespørsler, oppgavebehandling og wikier for hvert prosjekt.Mange arbeidsgivere vil se etter finslipte Git-ferdigheter, så nå er det perfekte tidspunktet å registrere seg – pluss det er en fin måte å bli involvert og lære av de beste med et bredt utvalg av åpen kildekode-prosjekter å jobbe med.

5. Twitter Bootstrap

Blir lei av å skrive inn den samme stylingen for en beholder? Hva med den knappen som holder beskjæring opp? Når du begynner å bygge front-end applikasjoner regelmessig, vil du begynne å legge merke til de samme mønstrene dukker opp.UI-rammer er et forsøk på å løse disse problemene ved å abstrahere de vanlige elementene i gjenbrukbare moduler, noe som betyr at utviklere kan stillasere elementene i nye applikasjoner med hastighet og letthet.Den mest brukte av disse rammene Er Bootstrap, en omfattende UI-pakke utviklet av teamet På Twitter. Komplett med verktøy for å normalisere stilark, bygge modale objekter, legge Til JavaScript-plugins og en mengde andre funksjoner, Kan Bootstrap dramatisk kutte ned på mengden kode (og tid) som trengs for å bygge prosjektet.

6. Kantet.JS

HTML er vanligvis hjørnesteinen i enhver frontend-utviklerens verktøykasse, men den har det mange oppfatter som en alvorlig feil: DEN var ikke designet for å håndtere dynamiske visninger.

Dette er Hvor AngularJS, en åpen kildekode webapplikasjonsramme, kommer inn. Utviklet Av Google, Lar AngularJS du utvide programmets HTML syntaks, noe som resulterer i en mer uttrykksfulle, lesbar, og rask å utvikle miljø som ellers ikke kunne ha blitt bygget MED HTML alene.prosjektet er ikke uten kritikere: noen føler at denne typen databinding gir en rotete, ikke-separert kode, men vi tror fortsatt det er en uvurderlig ferdighet å ha i front-end-settet ditt.

7. Sass

web dev verktøy som sparer tid er din beste venn, og en av de første tingene du lærer om kode er at den må VÆRE TØRR («Ikke Gjenta Deg selv»). DEN andre tingen du vil sannsynligvis lære ER AT CSS er vanligvis IKKE VELDIG TØRR.Skriv INN VERDEN AV CSS preprocessor, et verktøy som vil hjelpe deg med å skrive vedlikeholdbar, fremtidssikker kode, samtidig som DU reduserer MENGDEN CSS du må skrive (holde DEN TØRR).Kanskje mest populære blant Dem Er Sass, en åtte år gammel åpen kildekode-prosjekt som ganske mye definert sjangeren av moderne CSS preprocessors. Selv om Det er litt vanskelig å få tak i i utgangspunktet, Vil Sasss kombinasjon av variabler, nesting og mixins gjengi enkel CSS når de er kompilert, noe som betyr at stilarkene dine blir mer lesbare og (viktigst) TØRRE.

Konklusjon

hvis ideen om å lære disse frontend-verktøyene og sette ut på en 7-måneders reise for å bli en webutvikler appellerer til deg, anbefaler jeg virkelig at du ser på det nye Full-Stack Webutviklingskurset Fra CareerFoundry. Den er designet for å lære deg kjernen frontend teknologier fra bunnen av før du fortsetter å gi deg mye ettertraktede ferdigheter I JavaScript-utvikling. Du vil bli parret med to erfarne utviklere for online mentorskap og veiledning, og det er en jobbgaranti: hvis du ikke får en jobb som webutvikler innen 6 måneder etter eksamen, får du pengene tilbake. Kontakt en karriererådgiver i dag for å finne ut mer og bli med i vår aller første fulle kohort.