Share
Vi har bygget en komplett guide for å hjelpe deg med å lære JavaScript, enten du er bare i gang som webutvikler eller du vil utforske mer avanserte emner.
Eller hoppe rett inn og se våre JavaScript-kurs:
Å lære noe nytt er skummelt. For meg er det største problemet med å plukke opp en ny ferdighet at jeg ikke vet hva jeg ikke vet. Gitt det, er det ofte nyttig å finne en plan for å lære hva du er interessert i. Det er dette dette innlegget er: din blåkopi, veikart, handlingsplan for å lære JavaScript! Du trenger ikke å bekymre deg for å finne de beste ressursene, sortere ut de dårlige, og finne ut hva du skal lære neste. Det er alt her. Bare følg det, trinnvis.
Og hvis du på et hvilket som helst tidspunkt føler deg fast, kan du få hjelp fra en av JavaScript-eksperter på Envato Studio.
JavaScript er nettleserens språk.
Før du begynner å lære JavaScript, ta et øyeblikk for å forstå hva det er og gjør.
JavaScript er ikke jQuery, Flash eller Java. Det er et programmeringsspråk som er skilt fra alle disse.
JavaScript er nettleserens språk (ikke utelukkende i disse dager, skjønt). Hovedformålet er å legge til interaktivitet på en ellers statisk side. I nettleseren kommer det ikke til å erstatte PHP eller Ruby for deg. Det kommer ikke engang til å erstatte HTML eller CSS; du vil bruke den i forbindelse med dem. Det er heller ikke så forferdelig å lære som du kanskje har tenkt eller hørt.
En annen kommentar: du har hørt om jQuery, som er sannsynligvis det mest brukte JavaScript-biblioteket. Eller kanskje du har hørt om en av de andre populære JavaScript-rammene, som Mootools, YUI, Dojo og andre. Hvor passer disse inn i bildet? Vurder dem en samling av JavaScript-hjelpeprogrammer; du skriver fortsatt JavaScript når du bruker dem, men det er tungt abstraheret JavaScript. Det sparer deg massevis av arbeid.
Du har kanskje hørt noen si at du skal begynne med jQuery (eller et annet bibliotek) og lære JavaScript etter. Jeg respekterer likevel sterkt uenig. Få et godt håndtak på JavaScript først, og bruk deretter biblioteker. Du forstår hva du gjør mye bedre; og derfor vil du skrive mye bedre JavaScript.
Codecademy er et relativt nytt nettsted som regner seg som "den enkleste måten å lære å kode på." Du blir dommeren av det! For tiden er det bare to kurs:? Komme i gang med programmering? og? JavaScript Quick Start Guide.? Dette er en fantastisk måte å dykke på tærne i JavaScript-bassenget. Svært lik Test Ruby-øvelsene, følger du korte leksjoner, skriver kode i nettleseren og ser på resultatene. Alt mens du tjener poeng og låser opp prestasjonsmerke.
Hvis du allerede er kjent med et annet programmeringsspråk, kan du sannsynligvis begynne med? Hurtigstartguide for JavaScript ?; Hvis dette er første gang du starter programmering (utover HTML og CSS), finner du "Komme i gang med programmering? kurset utrolig nyttig. Codecademy er gratis, men påmelding er nødvendig.
Folk ved appendTo ha et fantastisk sett med screencasts rettet spesielt for nybegynnere. Hvis du vil lære JavaScript riktig (og lett) måte, definitivt jobbe sammen med disse leksjonene. Visuell trening er alltid et pluss!
"Nivå opp dine ferdigheter med vår on-demand, pragmatiske opplæringsløsning. Ingen registrering nødvendig. Ingen fangst. Ingen skam."
Når du jobber gjennom kursene på Codecademy, vil du få en grundigere introduksjon til JavaScript - en introduksjon som vil introdusere deg til alle typer, operatører, kontrollstrukturer og mer.
En håndfull gode introduksjoner, hvis jeg kan:
Når du begynner å jobbe med JavaScript i nettleseren, vil du installere Firebug og bli kjent med den. Firebug er et plugin for Firefox som hjelper deg med å bygge og feilsøke websidene dine: tenk på det som kirurgens kniv for webutviklere. Ikke bruk Firefox? Liker Safari eller Chrome bedre? Ikke noe problem: sjekk ut de innebygde utviklerverktøyene, som er svært lik Firebug.
Du kan åpne panelet for utviklerverktøy ved å trykke på
Alternativ + Kommando + Ipå Mac, ellerKontroll + Skift + Ipå PCen.
Du lærer mye ved å åpne verktøyet ditt og bare klikke rundt mens du er på et av favorittnettene dine. Her er et par ressurser som vil gi deg opp til fart:
Så nå er du kjent med det grunnleggende. Det er imidlertid mye mer å lære. Mens jeg kunne anbefale en liste over bøker som ville konkursere deg, holder jeg det til fire av de høyeste bøkene du finner overalt:
Disse to to er generelle, grundige JavaScript-ressurser som tar det du vet fra introduksjonene til et mye dypere nivå. sikkert, de vil være noen overlapp fra introduksjonene, men ikke mye: akkurat nok til å holde deg komfortabel.
(Merk: Mens alle disse bøkene er tilgjengelige på Amazon, har jeg koblet til forleggernes nettsider, så du kan sjekke ut de utvalgte kapitlene som er tilgjengelige.)
Mens disse bøkene er gode for å forstå JavaScript-språket og hvordan du bruker det i nettleseren, er det mye mer å lære. Og mens disse bøkene går inn i noen mønstre og praksis, er det to bøker som er viet til de fagene som jeg tror du vil finne nyttige.
Når du har arbeidet gjennom ressursene ovenfor, bør du ha fulgt sammen med kodeprøverne: trekk dem fra hverandre og tweak dem for å se hva som skjer. Men nå er det på tide å virkelig slå ut på egen hånd. Det er på tide å faktisk bygge noe.
Så hva kan du bygge? Det er mye du kan gjøre. Her er et par ideer.
Accentsconagua
alt tag eller løp gjennom bildene hvis brukeren ikke har klikket en for et minutt.div med litt tekst i den og flere knapper over. En knapp kan justere bredden; en, høyden; og en, bakgrunnsfargen. Nøkkelen er ikke at endringene skal skje umiddelbart, men i løpet av, si et sekund. Husk, Google er din venn, spesielt hvis du ikke har gjort noen animasjon i JavaScript så langt.Jeg er sikker på at du kan tenke på andre prosjekter som vil være god praksis. Selvfølgelig, skyv deg ut av din komfortsone; det er den eneste måten å lære.
Vær også sikker på å henvise til JavaScript-kategorien her på Nettuts + for en massiv liste over opplæringsprogrammer, på alle ferdighetsnivåer.
Hvis du har kommet så langt, vil du sannsynligvis innse at det er flere ting som er vanskelig å oppnå på en kryssbrowser-måte (eller i det hele tatt) i JavaScript. De største lovbryterne er sannsynligvis ting som overdreven DOM-manipulasjon, AJAX og animasjon. Det er her et bibliotek kommer det.
Som nevnt tidligere er poenget med et JavaScript-bibliotek å sukker ned de smertefulle tingene. Derfor, nå kanskje vær på tide å se på en. Det er massevis å velge mellom, og jeg lar deg bestemme hvilke du skal eksperimentere med. Enten det er jQuery eller Mootools, YUI eller Dojo, vil deres respektive nettsteder gi deg alt du trenger for å komme i gang. Hvis du føler behov, må du prøve.
Selv om det er sikkert et utallig antall biblioteker tilgjengelig, bør du prøve å holde fast ved et populært valg - i hvert fall først.
Slett hva du gjør, og abonner / følg disse utviklerne. Dette er et krav.
Det er massevis av utrolige JavaScript-genier der ute, som alltid gjør kule ting du ikke vil gå glipp av. Heldigvis har vår søvnforbundsredaktør Siddharth avrundet en liste over? 33 Utviklere du må abonnere på som en JavaScript Junkie. Slett hva du gjør, og abonner / følg disse utviklerne. Dette er et krav.
Men du kan gjøre mer. Denne rettferdige nettsiden legger ofte om JavaScript, så ikke gå bort. Også sjekk ut JavaScript Show, en podcast om det nyeste og beste i JavaScript-verdenen. Du vil kanskje også registrere deg for javascript-nyhetsbrevet.
Envato Market har hundrevis av populære JavaScript-elementer, fra glidere til nyheter, og fra kalendere til handlekurver.
Så ta en titt på hva som er der ute. Selv om du ikke kjøper noe, ser du hva andre mennesker har skapt, kan du inspirere deg med en følelse av hva som er mulig med JavaScript.
Et utvalg av JavaScript-elementene på Envato MarketTakk for at du leste! Forhåpentligvis kan denne planen hjelpe deg med å bli en JavaScript-fanatiker. Hvis du allerede er kjent med JavaScript, kan du anbefale andre ressurser i kommentarene?
