interessante

Scopri come codificare la parte I: variabili e tipi di dati di base

Vuoi imparare a programmare ma non sai da dove iniziare? Ti abbiamo coperto. Ti insegneremo le basi per tutta la settimana, ed ecco la tua prima lezione.

In precedenza ti abbiamo fornito alcune risorse per imparare a programmare e ti abbiamo dato un'ampia panoramica del processo, ma ora è il momento di metterci al lavoro: stiamo offrendo un breve corso 101, passo dopo passo. Non puoi imparare a programmare da un giorno all'altro (o in una settimana), ma abbiamo suddiviso le basi in alcune lezioni che verranno rilasciate come le prime quattro parti della nostra nuovissima serie Night School Goldavelez.com .

Ogni lezione sarà basata su video (come puoi vedere sopra), ma ti forniremo anche note di testo e file a cui puoi fare riferimento. Ogni lezione è progettata per essere una parte gestibile di informazioni che puoi digerire in meno di 15 minuti (e spesso molto meno). Sebbene iniziamo la nostra prima lezione di programmazione alle 9:00 PST, le seguenti tre lezioni verranno rilasciate ogni giorno alle 18:00 PST. Assicurati di tornare a trovarci alla fine della giornata martedì, mercoledì e giovedì di questa settimana per finire di imparare le basi.

La nostra prima lezione sarà molto semplice e consisterà nell'apprendimento delle variabili di base e dei tipi di dati. Per le lezioni di questa serie, useremo JavaScript come modello perché è una sintassi che è abbastanza facile da capire ed è qualcosa che chiunque con un editor di testo e un browser web può usare. Poiché è un linguaggio basato su ECMA, rende molto più facile l'apprendimento di altri linguaggi basati su ECMA (come ActionScript). Ancora meglio, scoprirai che saper scrivere JavaScript renderà molto più semplice il passaggio ad altri linguaggi di programmazione orientati agli oggetti. Fondamentalmente, JavaScript è prontamente disponibile per praticamente chiunque abbia un computer e un browser, quindi pensiamo che sia davvero un buon punto di partenza. Una volta che hai le basi, dovrebbe essere facile iniziare ad imparare altre lingue.

Iniziamo!

Cosa sono le variabili?

Puoi pensare alle variabili come a vasi etichettati che memorizzano diversi tipi di dati. Sebbene esistano diversi tipi di variabili, oggi ne esamineremo solo tre:

  • String - Una variabile di stringa è una stringa di caratteri alfanumerici e simboli consentiti contenuti tra virgolette. Ad esempio, "Ciao mondo, ho 102 anni oggi!" è un esempio di stringa. Le stringhe possono anche essere contenute tra virgolette singole, il che è utile se si desidera avere una stringa con una citazione come questa: "Odio la neve", disse Laurel. " Le stringhe vengono sostanzialmente utilizzate per la memorizzazione del testo.
  • Numero : una variabile numerica non potrebbe essere più semplice poiché tutti gli archivi di variabili numeriche sono numeri. Non li memorizzi tra virgolette come stringhe. Invece, i numeri possono essere scritti così come sono. Se vuoi memorizzare il numero 9 in una variabile, scrivi semplicemente 9.
  • Booleano : una variabile booleana è una delle due cose: o. Questo tipo di dati è un po 'come un interruttore on e off, quindi puoi porre domande vere o false nel tuo codice. Ad esempio, potresti chiedere "il video è attualmente in riproduzione?" La risposta che otterresti sarebbe una variabile booleana. significherebbe che il video è attualmente in riproduzione e vorrebbe dire che non lo è.

Quindi, come si inserisce una variabile nel proprio codice (o una variabile, come viene tradizionalmente chiamata)? In JavaScript, tutto ciò che devi fare è questo:

myVariable = "Hello world!";

Var o Not Var

In JavaScript, puoi definire una variabile come myVariable = "something"; o var myVariable = "something";, la differenza è la parola var precede l'istruzione. Quando dichiari variabili in uno script al di fuori di una funzione, questa distinzione è praticamente irrilevante. Quando dichiari una variabile all'interno di una funzione e usi var questo crea una variabile globale. È possibile accedere alle variabili globali da qualsiasi parte del codice, mentre le variabili locali (come quelle definite nelle funzioni) sono accessibili solo all'interno del proprio ambito (ad es. Se una variabile è locale in una funzione, solo quella funzione può usarla). Questa non è una distinzione importante in questo momento, ma quando scopriremo le funzioni in seguito, sarà bene saperlo.

Ci sono alcune cose da notare qui. Innanzitutto, il nome myVariable. Tutti i linguaggi di programmazione hanno qualcosa chiamato parole riservate, il che significa che non puoi usarle come nomi di variabili. Ciò che varia, ma se il nome è sufficientemente generico, è possibile che sia una parola riservata. Per evitare di usare parole riservate e rovinare il tuo codice, decidi semplicemente uno schema di denominazione per le tue variabili. Ho messo "my" davanti alla mia variabile di esempio, ma probabilmente vorrai trovare qualcos'altro. In secondo luogo, noterai un punto e virgola alla fine della riga. Un punto e virgola è come un punto alla fine di una frase in molti linguaggi di programmazione, e questo è sicuramente il caso di JavaScript. In quasi ogni situazione, è necessario terminare le frasi in codice con un punto e virgola in modo che il computer non venga confuso durante la lettura. Il punto e virgola dice al computer "Okay ho finito con questa affermazione". (Nota: JavaScript perdona, e talvolta puoi cavartela senza il punto e virgola, ma è una buona pratica.)

Un'altra cosa da notare è che JavaScript è un linguaggio tipicamente diffuso. Esistono (fondamentalmente) due tipi di lingue: tipicamente vagamente e tipicamente rigoroso. Un esempio di un linguaggio tipizzato in modo rigoroso è ActionScript (la lingua in cui sono scritte le app Flash) e la stessa dichiarazione di variabile che abbiamo appena scritto sarebbe simile a questa in ActionScript 3:

var myVariable: String = "Hello world!";

Le aggiunte che vedi sono la parola e la parola (con i due punti davanti). La parola var indica al computer che stiamo per dichiarare una variabile. The: String associata al nome della variabile indica al computer che tipo di variabile è e di non accettare nessun altro tipo. Questo è il motivo del termine. Un linguaggio tipicamente impreciso come JavaScript è più flessibile e non richiede nulla di tutto ciò. Questo rende il tuo codice più flessibile, ma alcuni sosterranno che lo renderà anche più soggetto a errori. Non entreremo nei pro e nei contro di linguaggi tipicamente e vagamente scritti qui, ma è bene essere consapevoli delle differenze di base ora che molto probabilmente le incontrerete nei vostri sforzi di programmazione.

Ora che hai capito quali sono le variabili e come funzionano, possiamo provare a usarle in un vero codice JavaScript.

Creazione di variabili e utilizzo della funzione Alert JavaScript ()

Creiamo un semplice documento HTML che possiamo usare per testare le nostre variabili:

Avrai voglia di avere un documento HTML meglio definito quando stai effettivamente scrivendo codice, ma per i nostri scopi questo funzionerà perfettamente. Salvare il codice sopra come file chiamato myscript.html (o qualsiasi cosa tu voglia che termina in .html e non contiene spazi o caratteri speciali) e aprilo nel tuo browser web. Nella barra del titolo non vedrai nient'altro che "My Script". Abbiamo ancora molto lavoro da fare. Innanzitutto, dichiariamo una variabile all'interno del tag script:

myVariable = 5;

Qui abbiamo appena dichiarato un numero. Diamo un'occhiata ad altri tipi di variabili che possiamo dichiarare

myNumber = 5;

myString = "Ciao mondo!";

myBoolean = true;

Questo ci dà un numero, una stringa e un valore booleano. Ora prendiamo quella variabile myString e facciamo effettivamente qualcosa con essa:

myNumber = 5;

myString = "Ciao mondo!";

myBoolean = true;

alert (myString);

Noterai che ho aggiunto l' alert(myString); linea alert(myString); . Questo chiama una funzione JavaScript integrata (ne impareremo di più in seguito) chiamata alert() che crea una finestra di dialogo pop-up con cui gli utenti possono interagire.

Che cos'è "Hello world!" tutto su?

Scrivere un semplice programma che dice "Ciao mondo!" è generalmente la prima cosa che ogni programmatore fa quando sta imparando a programmare. Non è necessario, ma è una specie di tradizione e iniziazione al club.

Non vorrai mai davvero usarli in pratica perché, come probabilmente tutti gli utenti di Internet sanno, le caselle di avviso sono molto fastidiose, ma rappresentano un buon modo per testare il tuo codice, per assicurarti che funzioni, mentre stai scrivendo. La seguente parentesi di avviso consente di fornire un avviso con i dati di cui potrebbe aver bisogno. Non tutte le funzioni richiedono che tu le fornisca informazioni, ma l'allerta deve sapere cosa avvisare l'utente. In questo caso, gli abbiamo dato myString, quindi l'utente riceverà una notifica popup che dice "Ciao mondo!" Prova questo con le altre variabili per ottenere popup con un numero e un valore booleano.

Perché dare a alert () una variabile e non limitarsi a dargli il contenuto della variabile? Bene, se dicessi allerta ("Ciao mondo!") Otterresti lo stesso risultato in questo esempio, ma le variabili sono chiamate variabili perché. L'idea è che il contenuto o i valori di queste variabili cambieranno mentre gli utenti interagiscono con i programmi che scrivi.

Se sei pronto a fare il passo successivo con le variabili, dai un'occhiata alla nostra seconda lezione, lavorando con le variabili.

Puoi contattare Adam Dachis, l'autore di questo post, su Puoi anche seguirlo su Twitter e Facebook.