Ora vediamo javascript e il magico mondo dei linguaggi della programmazione.

Piccola premessa ogni volta che qualcuno chiama javascript Giava, un developer nel mondo muore.

Capiamo innanzitutto che cos'è un linguaggio di programmazione, quindi una definizione formale, una una definizione testuale.

Potrebbe essere questa quindi un linguaggio formale che specifica un insieme di istruzioni di input che possono essere utilizzate per produrre un output.

Quindi il linguaggio formale che cos'è è una serie di simboli, una serie di istruzioni che devono rispettare determinate regole grammaticali e sintattiche.

Quindi certamente il nostro linguaggio, come già un pochettino abbiamo visto con la html css deve rispettare delle regole.

Abbiamo detto che html CSS non sono linguaggi di programmazione, ma sono linguaggi di markup.

Ora capiamo un pochettino meglio come funziona il linguaggio di programmazione.

Quindi un linguaggio di programmazione assume delle istruzioni di input e quindi riceve dei dati in input, li rielabora e produce un output.

Quindi seguendo le istruzioni che noi scriviamo che noi programmiamo in base all' input che noi forniamo al nostro al nostro programma.

Questo ci fornisce un output.

Questa è una rappresentazione grafica che aiuta a capire un pochettino meglio Che cosa significa il linguaggio di programmazione.

Quindi il linguaggio gestisce dei dati delle istruzioni che vengono dati in input.

Chiaramente queste vengono date in pasto al nostro elaboratore alla nostra macchina e questo utilizzando le istruzioni che noi abbiamo codificato, produce un output.

Entriamo nel dettaglio di Java Script javascript in realtà è noto con diversi nomi inizialmente nel millenovecento novantacinque, quando è stato inventato non si chiamava JavaScript, ma si chiamava Live script.

È stato inventato da Netscape Un'azienda, che ha inventato anche uno dei primi browser della storia e, appunto voleva fornire al proprio browser un linguaggio che permettesse ai designer di interagire con gli elementi e con gli oggetti della pagina.

Quindi ad esempio con i bottoni, con il link, con i form e via dicendo.

Perché hanno deciso di cambiare il nome da live script javascript.

Netscape aveva stretto una partnership con la Sun Microsystems, che All'epoca aveva già inventato il linguaggio di programmazione Giava e quindi in onore di questa partnership ha voluto modificare il nome del proprio linguaggio.

Live script in javascript, però sono sempre due linguaggi differenti.

Nel millenovecento novantotto si erano già formati diversi dialetti, diciamo diverse implementazioni del linguaggio javascript, quindi si decide di creare uno standard e si affida e si affida all'ex, ma quindi l'associazione per i produttori dei computer europei European Computer Manufacturers Association il compito di standardizzare questo linguaggio, quindi cercare di renderlo più comune a tutti i vari browser e quindi si crea l'eicma script l'ex script ora molto spesso viene utilizzato come sinonimo di Giava scritte, anche se in realtà non sarebbe proprio la stessa identica cosa.

Però si usa comunemente come sinonimo.

Capiamo un pochettino meglio a cosa serve JavaScript, quindi già script serve per dare dinamicità alle pagine web.

Che cosa significa? Significa che ci permette di aggiungere l'interazione, quindi gestire l'interazione con l'utente.

Quindi ad esempio possiamo accedere agli elementi della pagina.

Possiamo modificarli sia nell'aspetto che nel contenuto.

Possiamo reagire ad eventi scatenati dall'utente quindi, ad esempio quando l'utente clicca su un elemento su un pulsante fa l'ho scritto sulla pagina possiamo validare i dati inseriti dall'utente.

Quindi quando ad esempio è presente un form in una pagina e si vuole essere sicuri che l'utente abbia inserito dei dati corretti, possiamo utilizzare già scritta per controllare questi dati inseriti già scritto.

Inoltre, essendo nativo all'interno del browser, può determinare che browser l'utente sta utilizzando.

Determinare la dimensione del Newport può gestire i cookie, che sono delle piccole informazioni che che vengono salvate appunto all'interno del browser e tantissime altre cose.

Vediamo ora nel concreto come fare per aggiungere del nostro codice già scritta la pagina.

Quindi la prima cosa da capire è dove devo scrivere il codice javascript.

Chiaramente anche qui creeremo un file dedicato, come abbiamo fatto con il foglio di stile che avevamo un file style punto css esattamente allo stesso modo, anche con il JavaScript creeremo un file dedicato agli script e si chiamerà solitamente script punto J S.

Questo è un nome molto comune anche in questo caso, esattamente come il foglio di stile.

Per poter effettivamente comunicare con la pagina, il file deve essere collegato all'interno del nostro HTML utilizzando il tag script per convenzione.

Il tag script che collega il foglio JavaScript è solitamente inserito alla fine del tubo di, quindi in fondo alla pagina dopo tutti i contenuti testuali.

Questo permette al browser di caricare in un primo momento tutti quanti i contenuti e poi solamente in un secondo momento, collegare anche il file JavaScript.

Questo permette un caricamento della pagina più veloce, quindi riprendiamo il nostro viso studio code.

In questo caso non avremmo bisogno di lavorare con il foglio di stile, ma dovremmo sicuramente creare un nuovo file che chiameremo appunto script punto J S.

Mi raccomando d'estensione che ovviamente sapere JavaScript e questo file per poter essere effettivamente agganciato utilizzato all'interno della pagina dovrà essere collegato alla fine del tag body, quindi mi posiziono in fondo.

Utilizzo le short di diviso studio code utilizzo script due punti src Questo che cosa fa? Mi crea già un tag script con l' attributo src che mi permette appunto di inserire il percorso del file che voglio collegare alla pagina.

Anche in questo caso utilizzo le stesse regole che abbiamo visto per collegare le immagini per collegare il foglio di stile e quindi devo creare il percorso a partire dal file HTML.

In questo caso, essendo che il mio script JAS è esattamente a fianco all' index html quindi si trova nella stessa cartella.

È sufficiente che io vado a inserire come valore script punto j s.

Ora vediamo se abbiamo fatto tutto bene.

La prima cosa che possiamo fare come dei bravi sviluppatori è utilizzare è stampare come sempre un hello world.

Quindi cominciamo a lavorare con la console di JavaScript.

Quindi utilizziamo l'istruzione console punto log e all'interno delle parentesi.

Inseriamo appunto quello che vogliamo visualizzare Ward.

Questa istruzione non visualizzerà nessuna informazione in pagina, nessun dato.

In effetti, se oggi hanno una pagina non compare nulla.

Il mio body è vuoto.

Posso anche andare a inserire un account, ad esempio i primi passi con il linguaggio javascript.

Ma chiaramente nella mia pagina compare solamente l'intestazione l'account.

Quindi dove è finito il nostro console log? Per vederlo dobbiamo aprire la console javascript.

La console già scritto la troviamo in basso a fianco alla Tav elements.

Clicco su console e trovo esattamente la stampa la world, quello che avevamo inserito all'interno del nostro codice JavaScript.

Quindi abbiamo appena creato il nostro primo script.