Kodning för Dummies Cheat Sheet - dummies

Av Nikhil Abraham

Kodning är lika delar ordförråd, logik och syntax. Kodning kan i första hand tyckas skrämmande, men med praktiken är det lätt att bli bekväm med sin terminologi, begrepp och struktur. Förstå kodning är inte till skillnad från att lära sig ett nytt språk: Använd det ofta och du kommer att kunna prata, tänka och skriva in kod. Ändå är det naturligt för nybörjare att ha frågor. Det finns många kodningsresurser tillgängliga för dig, både på och offline. Fråga och du kommer att finna att du inte är ensam - många andra människor lär sig. Trots allt är kodning en oändlig utbildning. Master en fasett eller en annan och en ny öppnar framför dig.

Kodningsordförandeskap

Kodning har ett omfattande vokabulär som för lekmän kan verka som ogenomtränglig technobabble. Oavsett om du läser kodningsrelaterad artikel online eller pratar med en utvecklare på jobbet hörs det kanske ord som du inte har hört förut eller som har en annan mening i en kodande kontext. Här är några vanliga ordförråd ord för att veta:

• Allmänna webbutvecklingsvillkor:

  • Server: En dator som är värd för webbkod, och som "tjänar" webbkod när den begärs av en "klient" -dator. Servrar sitter vanligtvis i stora lager med tusentals andra servrar, och har samma storlek och makt till din hemdator.

  • Klient: En enhet som används för att komma åt en webbplats, inklusive stationära eller bärbara datorer, tabletter eller mobiltelefoner.

  • Designer: En konstnärlig professionell som bestämmer hur en webbplats ska se ut och känna, tillsammans med hur användarna ska interagera med webbplatsen - till exempel, klicka, svep, rulla och så vidare.

  • Wireframe: En illustration skapad av designers som visar i detalj en webbplatss layouter, bilder och färgscheman.

  • Utvecklare: En ingenjör som skriver kod för att aktivera wireframes till användbara webbplatser. Baserat på den typ av kod som skrivs, kallas utvecklare som front-end, back-end eller full stack.

  • Front-end: Allt du kan se och klicka i en webbläsare. Front-end-utvecklare skriver kod i front-end-språk som HTML, CSS och JavaScript för att skapa webbplatsens utseende.

  • Back-end: Allt som händer bakom kulisserna för att göra frontänden som utförd. Back-end-utvecklare skriver kod i back-end-språk som Ruby eller Python för att skapa funktionalitet som att logga in användare, lagra användarinställningar och hämta data som kommentarer på ett foto.

• Villkor relaterade till avancerade språk:

  • * HTML ( Hypertext Markup Language ): Ett språk som används för att placera text, bilder och annat innehåll på en webbsida.

  • HTML-tagg: HTML-instruktioner, som vanligtvis visas i par. Webbläsare tillämpar specialeffekter på text mellan en HTML-tagg som öppnas och stängs. Exempelvis ger taggen

    i en webbläsare som en stor fet rubrik och kan användas så här:

    Dewey beats Truman

    .

  • HTML-attribut: Attribut eller parametrar för HTML-taggar som ändrar taggens beteende. Attributen placeras alltid i HTML-etikettens öppning. Exempelvis är href attributet i följande ankare-tagg (används för att skapa hyperlänkar):

    Sökmotor
    

  • CSS ( Cascading Style Sheets): Kod som ändrar HTML på webbsidor och som styr Utseende av innehåll genom att ändra textstorlek, bildstorlek och andra attribut.

  • JavaScript: Kod som lägger till interaktivitet och animering till webbsidor. JavaScript identifierar även webbläsarhändelser som musklick, validerar användarinmatning, t.ex. textposter och hämtar data från externa webbplatser.

  • Variabel: En lagringsplats som har fått ett namn och innehåller numeriska data eller text (kallad strängar ) för senare användning.

  • Om uttalande (villkorligt): En kodinstruktion som testar ett tillstånd som vanligtvis innehåller variabler, som x <18, och exekverar kod du skriver när villkoret är sant.

  • Funktion: Ett namn som ges till en grupp programmeringsutlåtanden för enkel referens och användning.

• Villkor relaterade till backend-språk:

  • Ruby: Ett programmeringsspråket för öppen källkod som är mest känd för användning i webbprogrammering.

  • Rails: En ram utformad för att skapa webbsidor med Ruby enkelt.

  • Python: Ett open source-programmeringsspråk som används på webben, i vetenskapliga tillämpningar och för dataanalys.

Kodningsreferenser och resurser

HTML, CSS och JavaScript är de vanligaste kodningsspråken i fronten. I följande tabell visas några online-resurser, referenser och handledning som hjälper dig att fortsätta att öva på alla tre språk.

• W3Schools: Referensguider för HTML, CSS och JavaScript

• HTML-cheat sheet: Mest använda HTML-kommandon

• CSS cheat sheet: Mest använda CSS-kommandon

• HTML-handledning: Tutorials och artiklar för webben underhålls av Google

• CSS-handledning: Handledning och artiklar för webbprogrammering, med fokus på CSS

• JavaScript-handledning: Handledning och referensguider för JavaScript

Vanliga kodningsfel

Koden fungerar inte? Här är några vanliga misstag som kan gå upp till och med även den mest erfarna kodaren. Om din kod inte kommer att köras, försök att springa ned denna checklista för att se om du har några av dessa fel:

• Har inte en slutlig HTML-tagg efter varje öppnande HTML-tagg.

• Saknade parentes i HTML.

• Saknas lockiga häftklammer, kolon eller semikolon i CSS, enligt följande:

  h1 {color: blue;}
  

• Saknar lockiga hängslen i JavaScript, speciellt för om uttalanden.

• Glömmer att ha ett par stängande par citat för varje öppnande par citat.

• Har mer än en öppnings- och stängningskod, tagg eller tagg.

• Sätta HTML-kod i CSS-filen eller -avsnittet och sätta CSS-kod i HTML-sektionen. Om koden handlar om stil och utseende, är det troligt CSS.

• Länkar inte till din CSS-fil med taggen, så dina CSS-effekter visas inte i webbläsaren.

• Felstavning av en del av ett kommando, som i

  , vilket är felaktigt eftersom attributet är stavat src inte scr.

• Inkluderar attribut utanför HTML-taggen. Till exempel

  src = "logotyp. jpg "är felaktigt eftersom attributet ligger utanför öppnings bildtaggen.