Kodning For Dummies Cheat Sheet - dummies

Af Nikhil Abraham

Kodning er lige dele ordforråd, logik og syntaks. Kodning kan i første omgang virke skræmmende, men med praksis er det dog nemt at blive fortrolig med dets terminologi, begreber og struktur. Forståelse af kodning er ikke i modsætning til at lære et nyt sprog: Brug det ofte nok, og du kan finde dig selv i stand til at tale, tænke og skrive i kode. Alligevel er det naturligt for begyndere at have spørgsmål. Der er mange kodende ressourcer til rådighed for dig, både on- og off-line. Spørg rundt, og du vil opdage, at du ikke er alene - mange andre mennesker lærer. Kodning er trods alt en uendelig uddannelse. Master en facet eller en anden og en ny åbner foran dig.

Kodningsordforråd

Kodning har et omfattende ordforråd, der til lægfolk kan virke som uigennemtrængeligt technobabble. Uanset om du læser kodningsrelateret artikel online eller taler til en udvikler på arbejdspladsen, kan du høre ord, som du ikke har hørt før, eller som har en anden betydning i en kodende kontekst. Her er nogle almindelige ordforråd ord for at kende:

• Generelle webudviklingsvilkår:

  • Server: En computer, der er vært for webstedskoden, og som "tjener" websider, når den bliver bedt om af en "klient" computer. Servere sidder sædvanligvis i store lagre med tusindvis af andre servere og har samme størrelse og strøm til din hjemmecomputer.

  • Klient: En enhed, der bruges til at få adgang til et websted, herunder desktop- eller bærbare computere, tabletter eller mobiltelefoner.

  • Designer: En kunstnerisk professionel, der beslutter, hvordan en hjemmeside vil se ud og føle sig sammen med måderne, hvorpå brugerne vil interagere med hjemmesiden - som f.eks. Klikning, swiping, scrolling og så videre.

  • Wireframe: En illustration skabt af designere, der viser detaljeret et websteds layouter, billeder og farveskemaer.

  • Udvikler: En ingeniør, der skriver kode for at slå wireframes til brugbare hjemmesider. Baseret på typen af ​​kode skrevet, kaldes udviklere til front-end, back-end eller full stack.

  • Front-end: Alt du kan se og klikke på i en browser. Front-end-udviklere skrive kode i front-end-sprog som HTML, CSS og JavaScript for at oprette webstedets udseende.

  • Back-end: Alt der sker bag-scener for at gøre front-end-funktionen som den skal. Back-end-udviklere skrive kode i back-end-sprog som Ruby eller Python for at oprette funktionalitet som at logge ind på brugere, gemme brugerpræferencer og hente data som kommentarer på et billede.

• Vilkår relateret til front-end-sprog:

  • * HTML ( Hypertext Markup Language ): Et sprog, der bruges til at placere tekst, billeder og andet indhold på en webside.

  • HTML tag: HTML-instruktioner, som normalt vises i par. Browsere anvender specielle effekter på tekst mellem en åbning og lukning af HTML-tag. For eksempel gør

    -tageren en browser som en stor fed skrift og kan bruges som sådan:

    Dewey beats Truman

    .

  • HTML-attribut: Attributter eller parametre til HTML-tags, der ændrer tagets adfærd. Attributter placeres altid i åbning HTML-tag. For eksempel er href attributten i følgende ankermærke (bruges til at oprette hyperlinks):

    Søgemaskine
    

  • CSS ( Cascading Style Sheets): Kode, der ændrer HTML på websider, og som styrer Udseende af indhold ved at ændre tekststørrelse, billedstørrelse og andre attributter.

  • JavaScript: Kode, der tilføjer interaktivitet og animation til websider. JavaScript registrerer også browserhændelser som museklik, validerer brugerindlæsning som tekstindtastninger og henter data fra eksterne websteder.

  • Variabel: Et opbevaringssted, der er givet et navn, og som indeholder numeriske data eller tekst (kaldet strings ) til senere brug.

  • Hvis erklæring (betinget): En kodeinstruktion, der tester en tilstand, der normalt indeholder variabler, såsom x <18, og udfører kode, du skriver, når tilstanden er sand.

  • Funktion: Et navn givet til en gruppe programmeringserklæringer til nem reference og brug.

• Vilkår relateret til back-end-sprog:

  • Ruby: Et open source programmeringssprog, der er bedst kendt til brug i webprogrammering.

  • Rails: En ramme designet til at gøre oprettelsen af ​​websider med Ruby nemt.

  • Python: Et open source-programmeringssprog, der anvendes på internettet, i videnskabelige applikationer og til dataanalyse.

Kodningsreferencer og ressourcer

HTML, CSS og JavaScript er de mest almindelige kodende sprog på frontlinjen. Nedenstående tabel viser nogle online ressourcer, referencer og vejledninger, der hjælper dig med at fortsætte med at praktisere alle tre sprog.

• W3Schools: Referenceguider til HTML, CSS og JavaScript

• HTML-svindelark: Mest brugte HTML-kommandoer

• CSS-svindelark: Mest almindelige CSS-kommandoer

• HTML-øvelser: Tutorials og artikler til internettet vedligeholdt af Google

• CSS-øvelser: Tutorials og artikler til webprogrammering, med fokus på CSS

• JavaScript-øvelser: Tutorials og referenceguider til JavaScript

Fælles kodningsfejl

Kode fungerer ikke? Her er nogle almindelige fejl, der kan rejse op selv den mest erfarne coder. Hvis din kode ikke kører, kan du prøve at springe ned denne tjekliste for at se, om du har nogen af ​​disse fejl:

• Har ikke et lukkende HTML-tag efter hver åbning HTML-tag.

• Manglende parentes i HTML.

• Manglende krøllebøjler, kolonier eller semikoloner i CSS, som i det følgende:

  h1 {color: blue;}
  

• Manglende krølletbøjler i JavaScript, især for hvis udsagn.

• Glemmer at have et par lukkede par citater for hvert åbent par citater.

• Har mere end en åbnings- og lukkekode, tag eller tag.

• Placering af HTML-kode i CSS-filen eller -afsnittet, og at sætte CSS-kode i HTML-sektionen. Hvis koden omhandler stil og udseende, er det sandsynligvis CSS.

• Ikke at linke til din CSS-fil ved hjælp af tagget, og derfor giver dine CSS-effekter ikke i browseren.

• Stavefejl en del af en kommando, som i

  , hvilket er forkert, fordi attributten er stavet src ikke scr.

• Inkluderer attributter uden for åbningen HTML-tag. For eksempel

  src = "logo. jpg "er forkert, fordi attributten er uden for åbningsbilledet.