Innehållsförteckning:
Nu är du redo att faktiskt börja kodning. Du kan utveckla webbplatser antingen offline, genom att arbeta med en redaktör eller online, med en webbtjänst som Codecademy. com.
Särskilt om du aldrig tidigare gjort någon kodning bör du koda med tillgång till en Internetanslutning med Codecademy. com-plattform eftersom du inte behöver hämta och installera någon programvara för att starta kodningen behöver du inte hitta en webbhotell för att betjäna dina webbsidor, och du behöver inte ladda upp din webbsida till en webbhotell. Som du kodar, Codecademy. com-plattformen kommer att göra dessa uppgifter automatiskt för dig.
Arbeta offline
För att koda offline behöver du följande:
-
Redaktör: Detta hänvisar till textredigeraren som du ska använda för att skriva all kod, inklusive HTML, CSS, JavaScript, Ruby, Python och PHP. Redigeraren du använder beror på vilken typ av dator du har:
-
PC: Använd den förinstallerade anteckningsblocket, eller installera Notepad ++, en ledig redigerare som kan hämtas på Notepad ++.
-
Mac: Använd den förinstallerade TextEdit eller installera TextMate 2. 0, en öppen käll editor som kan hämtas på TextMate.
-
-
Browser: Många webbläsare finns, inklusive Firefox, Safari, Internet Explorer och Opera; Använd dock Chrome eftersom det ger mest stöd för de senaste HTML-standarderna.
-
Webbhotell: För att din webbplatskod ska vara tillgänglig för alla på Internet måste du vara värd för din webbplats online. Freemium webbhotell inkluderar Weebly och Wix; Dessa webbplatser erbjuder grundläggande hosting men tar betalt för ytterligare funktioner som ytterligare lagring eller borttagning av annonser. Google tillhandahåller gratis webbhotell via webbplatser och enhet.
Arbeta online med Codecademy. com
Codecademy. com är det enklaste sättet att börja lära sig hur man kodar på nätet, och lektionerna från webbplatsen utgör grunden för den här boken. Webbplatsen kräver inte att du installerar en kodredigerare eller registrerar dig för en webbhotell innan du börjar kodning, och det är gratis för enskilda användare som du.
Webbplatsen kan nås med en aktuell modern webbläsare, men Google Chrome eller Mozilla Firefox rekommenderas.
Touring the learning environment
Efter att du registrerat dig eller loggat in på webbplatsen kommer du antingen att se ett interaktivt kort eller kodningsgränssnittet, beroende på innehållet du lär dig.
Med de interaktiva korten kan du klicka på växlingsknappar för att visa effekter av förskriven kod, medan kodningsgränssnittet har en kodningsredigerare och ett liveförhandsgranskningsfönster som visar effekterna av koden som ingick i kodningsredigeraren.
Kodningsgränssnittet har fyra delar:
-
Bakgrundsinformationen längst upp till vänster på skärmen berättar om vilken kodningsuppgift du ska göra.
-
På nedre vänstra sidan av skärmen visas instruktioner för att slutföra i kodningsfönstret.
-
Med kodningsfönstret kan du följa instruktionsinstruktionerna och skrivkoden. Kodningsfönstret innehåller också en förhandsgranskningsskärm som visar en live förhandsgranskning av din kod när du skriver.
-
När du har fyllt i kodningsinstruktionerna trycker du på Spara och Skicka eller Kör. Om du lyckats följa instruktionerna går du vidare till nästa övning. Annars kommer webbplatsen att ge dig ett användbart felmeddelande och en ledtråd.
De interaktiva korten har tre delar:
-
Bakgrundsinformation om ett kodningskoncept.
-
Ett kodningsfönster för att slutföra en enkel kodningsuppgift. Ett förhandsgranskningsfönster visar också en live förhandsgranskning av din kod när du skriver.
-
Efter att ha fyllt i kodningsinstruktionerna, tryck på knappen Got It. Du kan granska alla tidigare interaktiva kort genom att klicka på Gå tillbaka-knappen.
Ta emot support från samhället
Om du stöter på ett problem eller har ett fel som du inte kan åtgärda, försök med följande steg
-
Klicka på tipset under instruktionerna.
-
Använd Q & A forum för att skicka ditt problem eller din fråga och granska frågor som andra har lagt upp.
-
Tweet författaren på @nikhilgabraham med din fråga eller problem, och inkludera hashtag #codingFD i slutet av din tweet.
