Codifica For Dummies Cheat Sheet - dummies

Di Nikhil Abraham

La codifica è parti uguali di vocabolario, logica e sintassi. A prima vista, il codice potrebbe sembrare intimidatorio, ma con la pratica, tuttavia, è facile sentirsi a proprio agio con la sua terminologia, i suoi concetti e la sua struttura. Comprendere il codice non è diverso dall'apprendimento di una nuova lingua: usalo abbastanza spesso e ti troverai in grado di parlare, pensare e scrivere in codice. Tuttavia, è naturale per i principianti avere domande. Sono disponibili molte risorse di codifica, sia on-line che off-line. Chiedete in giro e scoprirete che non siete soli - molte altre persone stanno imparando. Dopo tutto, la programmazione è un'istruzione senza fine. Padroneggia una sfaccettatura o un'altra e una nuova si apre di fronte a te.

Coding Vocabulary

La codifica ha un ampio vocabolario che ai laici può sembrare impenetrabile boicottaggio tecnologico. Sia che tu stia leggendo articoli relativi alla codifica online o parlando con uno sviluppatore al lavoro, potresti sentire parole che non hai mai sentito prima o che hanno un significato diverso in un contesto di codifica. Ecco alcune parole comuni sul vocabolario:

• Termini generali di sviluppo web:

  • Server: Un computer che ospita il codice del sito Web e che "serve" il codice del sito Web quando richiesto da un computer "client". I server di solito si trovano in grandi magazzini con migliaia di altri server e sono simili per dimensioni e potenza al tuo computer di casa.

  • Cliente: Dispositivo utilizzato per accedere a un sito Web, inclusi computer desktop o portatili, tablet o telefoni cellulari.

  • Designer: Un professionista artistico che decide come apparirà un sito Web e il modo in cui gli utenti interagiranno con il sito Web, ad esempio facendo clic, scorrendo, scorrendo e così via.

  • Wireframe: Un'illustrazione creata da designer che mostrano in dettaglio layout, immagini e schemi di colori di un sito Web.

  • Sviluppatore: Un professionista dell'engineering che scrive codice per trasformare i wireframe in siti web utilizzabili. In base al tipo di codice scritto, gli sviluppatori vengono definiti come front-end, back-end o full stack.

  • Front-end: Tutto ciò che puoi vedere e fare clic su un browser. Gli sviluppatori front-end scrivono il codice in linguaggi front-end come HTML, CSS e JavaScript per creare l'aspetto del sito web.

  • Back-end: Tutto ciò che accade dietro le quinte per fare in modo che il front-end funzioni come previsto. Gli sviluppatori back-end scrivono il codice in linguaggi di back-end come Ruby o Python per creare funzionalità come l'accesso agli utenti, l'archiviazione delle preferenze dell'utente e il recupero di dati come i commenti su una foto.

• Termini relativi alle lingue front-end:

  • * HTML ( Hypertext Markup Language ): Una lingua utilizzata per inserire testo, immagini e altri contenuti su una pagina web.

  • Tag HTML: Istruzioni HTML, che di solito appaiono in coppia. I browser applicano effetti speciali al testo tra un tag HTML di apertura e chiusura. Ad esempio, il tag

    viene visualizzato in un browser come un grande titolo in grassetto e può essere utilizzato in questo modo:

    Dewey batte Truman

    .

  • Attributo HTML: Attributi o parametri per i tag HTML che modificano il comportamento del tag. Gli attributi sono sempre posizionati nel tag HTML di apertura. Ad esempio, href è l'attributo nel seguente tag di ancoraggio (utilizzato per creare collegamenti ipertestuali):

    Motore di ricerca
    

  • CSS ( Fogli di stile CSS): codice che modifica l'HTML sulle pagine Web e che controlla il aspetto del contenuto modificando le dimensioni del testo, la dimensione dell'immagine e altri attributi.

  • JavaScript: Codice che aggiunge interattività e animazione alle pagine web. JavaScript rileva anche eventi del browser come clic del mouse, convalida l'input dell'utente come voci di testo e recupera dati da siti Web esterni.

  • Variabile: Una posizione di memorizzazione a cui viene assegnato un nome e che contiene dati numerici o testo (definiti stringhe ) per uso futuro.

  • If statement (condizionale): Un'istruzione di codice che testa una condizione che di solito include variabili, come x <18, ed esegue il codice che scrivi quando la condizione è vera.

  • Funzione: Un nome assegnato a un gruppo di istruzioni di programmazione per facilitare il riferimento e l'uso.

• Termini relativi alle lingue di back-end:

  • Ruby: Un linguaggio di programmazione open-source noto per l'utilizzo nella programmazione web.

  • Rails: Un framework progettato per rendere facile la creazione di pagine Web con Ruby.

  • Python: Un linguaggio di programmazione open-source utilizzato sul web, nelle applicazioni scientifiche e per l'analisi dei dati.

Codifica di riferimenti e risorse

HTML, CSS e JavaScript sono i linguaggi di codifica front-end più comuni. La seguente tabella elenca alcune risorse, riferimenti e tutorial online per aiutarti a continuare a praticare tutte e tre le lingue.

• W3Schools: guide di riferimento per HTML, CSS e JavaScript

• Scheda cheat HTML: comandi HTML più utilizzati

• foglio cheat CSS: comandi CSS più utilizzati

• tutorial HTML: esercitazioni e articoli per il Web gestito da Google

• Esercitazioni CSS: esercitazioni e articoli per la programmazione Web, con particolare attenzione ai CSS

• Esercitazioni JavaScript: Esercitazioni e guide di riferimento per JavaScript

Errori di codifica comuni

Il codice non funziona? Ecco alcuni errori comuni che possono far inciampare anche il programmatore più esperto. Se il tuo codice non verrà eseguito, prova a scorrere questo elenco di controllo per vedere se hai uno di questi errori:

• Non avendo un tag HTML di chiusura dopo ogni tag HTML di apertura.

• Parentesi mancanti in HTML.

• Mancanti parentesi graffe, due punti o punto e virgola in CSS, come nel seguente:

  h1 {color: blue;}
  

• Parentesi graffe mancanti in JavaScript, specialmente per le istruzioni if.

• Dimenticando di avere un paio di virgolette di chiusura per ogni coppia di virgolette aperte.

• Avere più di un tag, tag o tag di apertura e chiusura.

• Inserire il codice HTML nel file o nella sezione CSS e inserire il codice CSS nella sezione HTML. Se il codice riguarda lo stile e l'aspetto, è probabile che sia CSS.

• Non si collega al tuo file CSS usando il tag e così i tuoi effetti CSS non vengono visualizzati nel browser.

• Errore di ortografia di una parte di un comando, come in

  , che non è corretto perché l'attributo è scritto src not scr.

• Inclusione di attributi al di fuori del tag HTML di apertura. Ad esempio,

  src = "logo. jpg "non è corretto perché l'attributo è al di fuori del tag immagine di apertura.