Annons
"Kärlek - kärlek är ett verb, kärlek är ett ord som gör", eller så går låten. Och samma sak kan sägas om JavaScript: det här heta programmeringsspråket är ett håller på med språk.
Om du tycker att JavaScript är intressant måste du göra det do JavaScript - inte bara läsa om det. Att komma igång är mycket lättare än du kan förvänta dig och kostar ingenting. Jag hittade tre valbara resurser för att lära mig JavaScript som handlar om att få dig till do något med språket, snarare än att bara läsa eller titta på videor.
För att ta en guidad tur: Codeacademys JavaScript Trac
Förutsatt att du vet väldigt lite om JavaScript skulle det vara ett bra första steg att ta en guidad tur genom språket. Vissa gör detta med en bok eller två, andra gör det med en serie videor. Den utmärkta Code School har en JavaScript-sökväg som använder både välgjorda videor och övningar, men det handlar om tillhörande teknik som jQuery eller CoffeeScript CoffeeScript är JavaScript utan huvudvärkJag har aldrig gillade att skriva JavaScript så mycket. Från den dagen jag skrev min första rad med den, har jag alltid väckt motsägelse över att vad jag än skriver i det alltid slutar att se ut som en Jackson ... Läs mer . Dessutom kostar det pengar.
Om du letar efter en resurs som båda är gratis och har en stark betoning på att göra, du behöver Codeacademys JavaScript-spår. Den här guidade JavaScript-kursen använder det absoluta minimumet av textförklaringar, alla fastade på sidofältet. Huvuddelen av skärmen tas upp av en elegant kodredigerare som körs direkt i din webbläsare. För att gå igenom kursen måste du slutföra faktiska (enkla) koduppdrag:
Webbläsaren kontrollerar din kod - när du har rätt den går du vidare till nästa fas. Kursen täcker många JavaScript-grunder, från funktioner via slingor, kontrollflöde, datastrukturer och objekt. Detta är ett utmärkt sätt att bekanta dig med kärnspråket innan du dyker in i bibliotek som jQuery. Om du redan känner till något JavaScript behöver du inte börja från början: Du kan göra något avsnitt du gillar, eller till och med gå igenom flera avsnitt parallellt.
För experiment: Kroms konsol och jsFiddle
När du väl har ett grundläggande grepp om den enkla JavaScript-syntaxen är nästa viktiga sak att tänka på språket är att det är mycket tillgängligt: Du läser sannolikt dessa ord från ett webbläsarfönster till höger nu. Det här betyder att du redan kör en fullständig JavaScript-miljö just nu. Inget att installera eller konfigurera - bara högerklicka på något på sidan och välj Inspektera elementet. Du får följande:
Genom att klicka på ikonen som visas ovan kan du visa en JavaScript-konsol som körs i samband med den sida du för närvarande tittar på. Med andra ord kan du manipulera den aktuella sidan med godtycklig JavaScript-kod, använda alla bibliotek (t.ex. jQuery jQuery Tutorial - Komma igång: Basics & SelectorsFörra veckan talade jag om hur viktigt jQuery är för alla moderna webbutvecklare och varför det är fantastiskt. Den här veckan tror jag det är dags att vi blir smutsiga med lite kod och lärde oss hur ... Läs mer ) laddad med sidan och gör vad du vill.
Detta är ett mycket bra sätt att lära sig genom prov och fel, eftersom det är så tillgängligt och det finns noll rädsla. Du kan inte göra någon skada - ingen av dina ändringar sparas någonstans, och allt som krävs är en enda kran på F5-tangenten för att återställa allt du har gjort och börja om igen. En annan viktig sak att förstå om konsolen är att du inte är begränsad till enfoder: Du kan skriva flera kodrader. Om du vill börja en ny rad utan att köra koden du har angett hittills trycker du på Shift + Enter.
Ibland kanske du vill skapa din egen miljö, dock: En anpassad kombination av HTML, CSS, JavaScript-bibliotek och din egen kod. Detta kan hjälpa dig att testa mer omfattande idéer. Om du vill skapa något liknande utan att behöva ställa in något lokalt, jsFiddle är vad du behöver. Det här är en miljö med fyra fönster: HTML, CSS, JavaScript och output. En sidofält låter dig välja ut alla typer av extra, till exempel vilket JavaScript-bibliotek du vill lita på. Det finns också ett gäng exempel, av vilka några kan vara för detaljerade för nybörjare:
Förnuftig användning av Chrome: s konsol och jsFiddle bör hjälpa dig att hålla JavaScript tillgängligt, lekfullt och levande i ditt sinne. Att bara fokusera på guidade turer genom språket utan att göra egna experiment kan faktiskt bli att JavaScript verkar mer skrämmande än det verkligen är. När allt är det din kod - spela runt!
Vi har nämnt Mozilla Developer Network tidigare, som en av flera resurser som kan hjälpa dig lära dig att koda Lär dig att koda: 10 gratis och fantastiska resurser online för att finslipa dina kunskaperKodning. Ett ämne som många undviker. Det finns ett överflöd av gratis resurser och verktyg, som alla är tillgängliga online. Visst kan du ta några kurser om ämnet på en närliggande ... Läs mer . Det var i ett mer generellt sammanhang, eftersom MDN innehåller information om ett brett utbud av ämnen. För våra ändamål här bör du veta att MDN fungerar som en mycket solid referenshandbok för alla saker JavaScript. MDN erbjuder en strukturerad JavaScript-guide som du kanske kan följa steg för steg (beroende på din nivå för tidigare programmeringskunskap), men dess verkliga styrka ligger i dess JavaScript-referens sektion. Detta är ett avsnitt som du kan använda som en ordbok för sortering, bara för att ta reda på strukturen för specifika uttalanden.
En annan viktig referensresurs är jQuery API-dokumentation. Precis som MDN kan denna API-dokumentation tyckas skrämmande, skrämmande och helt ovänlig till en början. Och ja, ingen av dessa referensresurser kommer att hålla dig genom försiktiga förklaringar - men de kompenserar för det genom att vara omfattande, mycket pålitliga och auktoritativa.
Kodare behöver inte nödvändigtvis veta allt - en stor del av arbetet är att veta var man ska titta när man behöver räkna ut något. Att lära sig läsa och förstå den officiella dokumentationen är ett viktigt steg på vägen till att förbättra din kodningsstil och kunskap. Referenser är kraftfulla verktyg i strävan att lära sig genom att göra, eftersom varje ämne vanligtvis står på egen hand: du kan snabbt leta upp något du behöver mer information om, få kärnan i det du behöver och fortsätta kodning.
Och slutligen en valfri bok
Det faktiskt är en bok jag skulle vilja rekommendera. Det handlar inte om JavaScript, och du hittar inga övningar i det. I själva verket har den knappt någon kod alls. Och ändå är det en mycket bra bok att läsa om du är nyfiken på programmering av något slag: Den heter Kod Enkelhet, och det lär dig hur du kan tänka på programmering och hur du kan närma dig ämnet som helhet. Du kan läsa min fullständiga recension av den direkt på Amazonasidan (för närvarande markerad som den mest användbara kundrecension, awww), men i ett nötskal är det här en fantastisk bok om filosofiska underlag för kodning. Det är som att ta några steg tillbaka från tangentbordet och bara fundera över ämnet som helhet.
Kod Enkelhet krävs inte läsning på något sätt, men om du känner att din kunskap kan dra nytta av att läsa en bok, är detta en bra en att börja med.
Lär du dig genom att göra?
Och nu får jag äntligen fråga dig: Hur går det? du närma sig att lära sig att koda? Lär du dig genom att göra, eller är du mer en läsare? Vilka är de resurser du har använt dig i din strävan att bli en kodare? Låt mig veta i kommentarerna!
