Koding For Dummies Cheat Sheet - dummies

Av Nikhil Abraham

Kodning er like deler ordforråd, logikk og syntaks. Koding kan til å begynne med virke skremmende, men med praksis er det lett å bli komfortabel med sin terminologi, konsepter og struktur. Forstå koding er ikke ulikt å lære et nytt språk: Bruk det ofte nok, og du vil finne deg selv i stand til å snakke, tenke og skrive inn kode. Likevel er det naturlig for nybegynnere å ha spørsmål. Det er mange kodende ressurser tilgjengelig for deg, både på og utenfor linjen. Spør rundt og du finner at du ikke er alene - mange andre mennesker lærer. Tross alt er koding en uendelig utdanning. Master en fasett eller en annen og en ny åpner foran deg.

Koding Vocabulary

Koding har et omfattende vokabular som til lekere kan virke som ugjennomtrengelig techno-babble. Enten du leser kodingsrelatert artikkel på Internett eller snakker til en utvikler på jobb, kan det hende du hører ord som du ikke har hørt før, eller som har en annen mening i en kodende kontekst. Her er noen vanlige ordforrådord å vite:

• Generelle webutviklingsbetingelser:

  • Server: En datamaskin som er vert for nettstedskoden, og som "tjener" nettsidekode når det blir forespurt av en "klient" -computer. Servere sitter vanligvis i store varehus med tusenvis av andre servere, og er like i størrelse og kraft til hjemmedatamaskinen din.

  • Klient: En enhet som brukes til å få tilgang til et nettsted, inkludert stasjonære eller bærbare datamaskiner, tabletter eller mobiltelefoner.

  • Designer: En kunstnerisk profesjonell som bestemmer hvordan et nettsted skal se ut og føle seg sammen med måtene brukerne skal samhandle med nettstedet - for eksempel, klikke, sveiping, rulling og så videre.

  • Wireframe: En illustrasjon laget av designere som viser i detalj et nettsteds layouter, bilder og farger.

  • Utvikler: En ingeniør som skriver kode for å slå wireframes til brukbare nettsteder. Basert på hvilken type kode som er skrevet, blir utviklere referert til som front-end, back-end eller full stack.

  • Front-end: Alt du kan se og klikk i en nettleser. Front-end-utviklere skrive kode i front-end-språk som HTML, CSS og JavaScript for å opprette nettstedets utseende.

  • Back-end: Alt som skjer bak kulissene for å gjøre frontendens utførelse som ønsket. Back-end-utviklere skrive kode i back-end-språk som Ruby eller Python for å skape funksjonalitet som å logge inn på brukere, lagre brukerpreferanser og hente data som kommentarer på et bilde.

• Vilkår knyttet til front-end-språk:

  • * HTML ( Hypertext Markup Language ): Et språk som brukes til å plassere tekst, bilder og annet innhold på en nettside.

  • HTML-tag: HTML-instruksjoner, som vanligvis vises i par. Nettlesere bruker spesielle effekter til tekst mellom en åpning og lukking av HTML-tagger. For eksempel gjør

    -taggen i en nettleser som en stor fet skrift og kan brukes slik:

    Dewey beats Truman

    .

  • HTML-attributt: Attributter eller parametere for HTML-koder som endrer taggets oppførsel. Attributter er alltid plassert i åpnings HTML-taggen. For eksempel er href egenskapen i følgende ankermerke (brukes til å opprette hyperkoblinger):

    Søkemotor
    

  • CSS ( Cascading Style Sheets): Kode som endrer HTML på nettsider, og som styrer utseende av innhold ved å endre tekststørrelse, bildestørrelse og andre attributter.

  • JavaScript: Kode som legger til interaktivitet og animasjon til nettsider. JavaScript oppdager også nettleserhendelser som museklikk, validerer brukerinngang, for eksempel tekstoppføringer, og henter data fra eksterne nettsteder.

  • Variabel: Et lagringssted som har fått navn og inneholder numeriske data eller tekst (referert til som strenger ) for senere bruk.

  • Hvis setning (betinget): En kodeinstruksjon som tester en tilstand som vanligvis inneholder variabler, for eksempel x <18, og kjører kode du skriver når tilstanden er sant.

  • Funksjon: Et navn gitt til en gruppe programmeringserklæringer for enkel referanse og bruk.

• Vilkår knyttet til back-end-språk:

  • Ruby: En åpen kildeprogrammeringsspråk som er best kjent for bruk i webprogrammering.

  • Rails: Et rammeverk laget for å lage websider med Ruby enkelt.

  • Python: Et open source-programmeringsspråk som brukes på nettet, i vitenskapelige applikasjoner, og for dataanalyse.

Kodingshenvisninger og ressurser

HTML, CSS og JavaScript er de vanligste kodene for frontend. Følgende tabell viser noen elektroniske ressurser, referanser og opplæringsprogrammer for å hjelpe deg med å fortsette å praktisere alle tre språkene.

• W3Schools: Referanseguide for HTML, CSS og JavaScript

• HTML-svindelark: Mest brukte HTML-kommandoer

• CSS-svindelark: Mest brukte CSS-kommandoer

• HTML-veiledninger: Opplæringsprogrammer og artikler på nettet vedlikeholdt av Google

• CSS-opplæringsprogrammer: Opplæringsprogrammer og artikler for webprogrammering, med fokus på CSS

• JavaScript-opplæringsprogrammer: Opplæringsveiledninger og referanseguider for JavaScript

Vanlige kodingsfeil

Kode som ikke fungerer? Her er noen vanlige feil som kan gi opp selv den mest erfarne koderen. Hvis koden din ikke kjører, kan du prøve å kjøre ned denne sjekklisten for å se om du har noen av disse feilene:

• Ikke å ha en lukkende HTML-kode etter hver åpning HTML-kode.

• Manglende parentes i HTML.

• Manglende krøllete braces, kolonner eller semikolon i CSS, som i følgende:

  h1 {color: blue;}
  

• Mangler krøllete braces i JavaScript, spesielt for hvis setninger.

• Glemmer å ha et par avsluttende par sitater for hvert åpent par sitater.

• Har mer enn én åpne og lukke tag, tag eller tag.

• Sette HTML-kode i CSS-filen eller -delen, og sette CSS-koden i HTML-delen. Hvis koden handler om stil og utseende, er det sannsynligvis CSS.

• Ikke kobling til CSS-filen din ved hjelp av taggen, og derfor gir ikke CSS-effektene deg i nettleseren.

• Feilsøke en del av en kommando, som i

  , som er feil fordi attributten er stavet src ikke scr.

• Inkludert attributter utenfor åpnings HTML-taggen. For eksempel

  src = "logo. jpg "er feil fordi attributtet er utenfor åpningsbilaget.