Lezione dal corso Web Development
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.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.