Percorso per Diventare Programmatori Web

quale percorso letteralmente che cosa bisogna studiare per diventare programmatori e programmatrici web programmare per il web ma anche programmare in generale uno di quei lavori che grazie al cielo non ci richiede necessariamente un percorso di studi formale quindi una laurea per intenderci che è possibile anche prendere in questo mondo ma non è necessario la cosa bella di questo genere di lavoro e che si può fare anche studiando per conto proprio ma sottolineo questa parola studiando cioè non ci basta dedicare un oretta ogni tanto per capire quelle due cosine per poi poterlo fare come lavoro e visto che io ho intrapreso nella mia carriera nella mia esperienza questo percorso da autodidatta vi voglio raccontare le cose che ho imparato che mi hanno permesso letteralmente da solo solo grazie ad internet e con dei costi anche molto contenuti di imparare a livello professionale in alcuni ambiti semi professionali in altri questo meraviglioso lavoro andiamo allora a vedere la mappa non prima di avervi ricordato di iscrivervi sul canale telegram chiocciolina ciraulo dove trovate altre informazioni che sicuramente vi saranno utili sul mondo della creazione dei contenuti andiamo a vedere quindi primo capitolo la prima cosa che ci interessa dire sul mondo del web design e della programmazione web e che esistono tante strade se voi chiedete a 10 programmatori diversi come hanno fatto diventare programmatori sono sicuro che daranno 10 risposte diverse quindi una cosa che ci tengo a precisare è che quella che vi racconto e la mia esperienza vi dirò le cose che hanno permesso a me di fare questo lavoro in passato e ancora oggi per una parte marginale della mia esperienza lavorativa l'obiettivo di questo video è capire quali sono quelle risorse che ci permettono di imparare gratis o con una spesa contenuta questo lavoro ribadisco il concetto non è tanto imparare bene imparare male ma è che si può imparare con una spesa contenuta ma quello che non può mancare è il tempo l'energia e la creatività da dedicare a questo genere di studi cioè sono degli studi normalissimi come fosse una laurea e il tempo che dobbiamo dedicarci e lo stesso con la differenza che sono studi che possiamo anche portare avanti da soli da sole anche in con delle spese molto contenute una cosa fondamentale che vi voglio dire subito e che adesso io vi bombardero di una serie di concetti di linguaggi di programmazione di nomi di sigle di cose che capirete soltanto in parte e ci tengo che voi sappiate che non è necessario che adesso capiate è tutto l'importante è che abbiate un'idea di massima di quella che è la mappa generale degli studi io letteralmente prima di iniziare questo percorso mi sono fatto una mappa scritta su un bel foglio in cui mi sono detto che è questo il percorso che devo fare vi racconto un aneddoto alcune delle cose che io avevo nella mia mamma mi ero proprio segnato io questa roba qua non so neanche che cos'è avevo un nome jquery dicevo io non capisco neanche cos'è sta roba qua so solo che mi serve perché me l'ha detto qualcuno ma non so che cosa mi serve bene col tempo questa nebbia poi si va un pochino a dipanare e iniziamo a capire i punti uno per uno la cosa fondamentale adesso che abbiate in mente il percorso che dovete intraprendere per poi andarlo a chiarire nel corso delle settimane e dei mesi se non addirittura degli anni un'altra cosa fondamentale che ci tengo dirvi che se volete utilizzare il mio metodo quindi il metodo autodidatta senza l'inglese non andate da nessuna parte quindi vi serve necessariamente e capire la lingua inglese se siete a 0 con l'inglese io vi consiglio di dedicare i primi due tre mesi proprio mettetevelo nel vostro corso di studi nella mappa a migliorare il vostro inglese o se invece lo conoscete già a livello elementare come nel mio caso prima di iniziare a studiare bene approfitterete di questo percorso anche per migliorare la conoscenza della vostra lingua inglese ma quasi tutte le risorse che vi indicherò saranno in inglese ce ne sono anche in italiano si può che con una buona qualità ma a livello proprio statistico inevitabilmente non con la qualità incredibile di quelle che troviamo in inglese e molte risorse che troviamo in italiano sono a pagamento non tutte ma tante lo sono l'ultima cosa che vi voglio segnalare è non scoraggiatevi una cosa importante adesso è fare una mappa e non preoccuparsi se ci saranno delle cose non del tutto chiare in quello che diremo perché le cose si chiariranno col tempo quindi non fatevi prendere dalla dallo scoraggiamento ma abbiate la consapevolezza che inevitabilmente se scegliete di fare questo percorso da autodidatta dovrete accettare che le cose le capirete un pochino piano piano del resto è così che funziona nelle scuole noi paghiamo qualcuno perché faccia la strada per che segni la strada al posto nostro che è una scelta assolutamente lecita e sensata se invece decidiamo di fare noi la strada di scegliere noi la mappa dobbiamo accettare che alcune cose non le sa fare remo subito anche che a volte sbaglieremo strada per poi correggere il tiro dopo essersene resi e rese conto questo è un po lo svantaggio di studiare le cose per conto nostro detto tutto questo una volta terminate le premesse andiamo a capire però che cosa vuol dire programmatore web devo sistemare queste maledette slide che a volte non non sono formattate bene programmatore web fondamentalmente vuol dire realizzare delle robe su internet delle cose che vengono viste dal browser per cui da google chrome da ed da firefox da safari quindi un programmatore web è colui che realizza siti web semplicemente oppure delle applicazioni web tipo che ne so io youtube tipo gmail tipo qualsiasi applicazione trelo todolist qualsiasi applicazione che voi utilizzate tramite il browser bene quella roba lì è stata fatta da un programmatore web quello che vi spiego in questo video è il percorso per diventare quella roba lì e quindi per imparare a fare siti web come per esempio faccio io per una piccola parte della mia attività oppure addirittura applicativi online cosa che io non ho imparato a fare a livello professionale ma ad oggi solo semi professionale ho smesso di studiare ma chi lo sa che cosa deciderò di fare in futuro di sicuro non impareremo come si realizzano software come si lavora sui sistemi operativi quindi come si programmano come si fanno i videogiochi e come si fanno le applicazioni per il telefono quindi iphone e ios e android in realtà la differenza oggi non è così tanto netta perché se uno impara una roba poi è molto facile spostarsi verso l'altra per esempio ci sono dei software che ci permettono di convertire un applicativo web io non applicativo per windows o per mac os x esempio electron vi dico solo questo nome per magari più esperti gli addetti ai lavori oppure altre cose che in maniera simile ci permettono di fare la stessa cosa con le applicazioni mobile quindi noi creiamo quello che di fatto è un sito web ma con questi software li convertiamo in applicazioni per telefono oppure in e software da installare sul computer quindi il confine non è più così tanto netto l'ultima cosa che ci dobbiamo dire prima di cominciare il percorso è che quando parliamo di programmatore web in realtà parliamo di tante cose differenti in particolare ci sono due di c'è una distinzione ovvero tra i programmatori front end e i programmatori back end perché perché ogni singola applicazione che noi utilizziamo sul web sul browser è composta da due parti una parte front end quindi quella che viene letta dal client semplicemente dal browser e quindi quella che noi vediamo quella che noi leggiamo quella dove clicchiamo i bottoni col mouse quella che gira sul nostro computer o sul nostro telefono ed è quella di cui si occupano i programmatori front end e una parte back end quindi quella che gira sul server non sul nostro computer ma sul computer dove si trova letteralmente l'applicazione è quindi tutta la gestione del database degli utenti delle cose che succedono facciamo un esempio prendiamo youtube c'è una parte front end e quindi i video che noi vediamo i bottoni che noi clicchiamo quella che si carica nel browser del sito web è letteralmente e c'è una parte back end quindi il salvataggio delle cose nel server e il salvataggio dei video la conversione dei video nel formato più opportuno il salvataggio dei dati degli utenti la memorizzazione dei like they dislike delle iscrizioni il fatto che quando arriviamo ci vengono mostrate una serie di video eccetera eccetera eccetera eccetera l'algoritmo di youtube bene tutte queste cose qua fanno parte dell'applicazione back end ci sono poi dei programmatori cosiddetti full stack che sono quelli che sanno fare tutte e due le cose per cui noi possiamo scegliere di specializzarci nella parte frontale visibile nella parte dietro le quinte sotto al cofano al cofano oppure entrambe le cose per esempio tutti quelli che si fanno l'applicazione per conto loro da soli sono programmatori o programmatrici full stack perché vuol dire che sanno fare tutto andiamo quindi una volta ha detto questo a qualche consiglio pratico consiglio pratico numero uno in questo percorso utilizzate utilizzerete ma nel caso in cui ancora non lo sappiate dovete utilizzare un sacchi simo di google non è mai in programmazione meno che mai importante ricordarsi a memoria la dicitura del comando come si scrive il comando ma è molto più importante è capire come funziona una roba perché poi più sarete veloci ad aprire google ea cercare quello che vi serve più tempo risparmierete e meno ram cerebrale dovrete utilizzare perché non vi servirà a tenere in mente delle cose ma vi basterà andare a utilizzare google facciamo un esempio questo è uno dei siti che più di tutti vi tornerà nelle vostre ricerche di google v3 schools puntocom a tantissimi esempi per quasi ogni aspetto della programmazione web così come stack overflow è una specie di forum ama più figo di un forum dove si incontrano le persone che oggi programmano sul web per cui facciamo un esempio io non mi ricordo come si fa a arrotondare un numero bene ci mette un attimo con google ovviamente devo sapere l'inglese ci mette un attimo con google a trovare il nome esatto della funzione per arrotondare un numero mi prendo la funzione mela copio e mele incollo non ho nessun bisogno di ricordarmela certo più cose ci ricorderemo nel tempo più tempo risparmieremo cercando su google ma questa cosa arriverà in maniera spontanea non sono io che devo studiare mela come se fosse a scuola qui non dobbiamo imparare le poesie a memoria tutto quello che dobbiamo fare è capire come funzionano le cose perché poi abbiamo sempre l'aiuto di google l'altro consiglio che vi do è quello di andare a utilizzare un editor di testo professionale e qui vi linko il video dove vi parlo proprio di video di visual studio coda se voi programmati con il notepad di windows insomma la vita è molto più dura di quanto potrebbe essere molto più semplice andare utilizzare un editor di testo sensato pensato apposta per queste cose quello che vi suggerisco io e visual studio code ce ne sono altri ato ma su blind text notepad plus plus insomma sceglietene uno che vi ispira e utilizzatelo di fatto bene o male uno vale l'altro ma è importante farlo quindi non sottovalutate questo aspetto un altro elemento di cui vi voglio parlare dove imparo le cose cioè una volta che ho capito qual è il percorso e adesso io ve lo spiego passo dopo passo non vi preoccupate dove ne imparo queste cose quindi dove mi ci metto io con le mie di tina i miei occhietti a leggere le cose e a scriverle beh ci sono tantissimi luoghi dove si può fare bene faccio vedere qualcuno in realtà poi piano piano li esplorerete li conoscerete da soli per cui di sicuro uno di questi è youtube che ci permette di imparare oggi tantissime cose anche a livello professionale in maniera gratuita l'unica cosa importante è riuscire a selezionare le fonti giusti per esempio questo ciraolo me ne hanno parlato molto bene io non mi fido tanto perché non mi piace proprio guardando in faccia ha però me ne hanno parlato bene voglio imparare javascript che una roba di cui adesso parleremo insomma se io scrivo javascript su youtube e guardate quanto materiale che trovo guardate questo corso di due ore e mezza per beginners non scusati di tre ore e mezza e beh insomma io già gratuitamente probabilmente con questo video che poi dovremmo guardare la fonte affidabile ne parleremo fra poco free cod camp insomma con questo un altro video io già gratuitamente mi sono fatto una buona cultura generale su un argomento come quello di javascript che sicuramente adesso ne parleremo ci serve e così via vedete che trovò anche delle cose in italiano c'è molto meno materiali in italiano purtroppo torniamo alla necessità decisamente di imparare l'inglese perché prima o poi comunque ci servirà youtube primo sito web secondo sito web che vi voglio suggerire illude e mi è già sicuramente lo conoscete anche io dei corsi su youdem i owe you dem io youdem e olio yahoo daimi o chiamatelo come vi pare su youdem e sicuramente trovate tantissimi corsi in questo caso a pagamento ma dal costo super ragionevole cerchiamo per esempio html che un altro linguaggio di cui parleremo e troveremo 4.833 corsi quindi vedete che i costi variano dalle 20 e 30 euro 12 euro addirittura insomma è molto molto ragionevole io vi dico che per imparare bene uno di questi linguaggi di programmazione arrivare a spendere anche 50 euro per un corso anche di più e ci sono corsi magari di 300 euro di 500 euro che però ci danno delle competenze su per adesso stiamo un pochino ragionando su chi magari è un ragazzo giovane su chi non ha la possibilità di investire delle grandi cifre vi dico che arrivare anche a 50 euro per un linguaggio di programmazione insomma è una cifra assolutamente più che ragionevole un altro sito web che io ho utilizzato tantissimo è tree house team 3 house punto com che invece ragione informato di abbonamento ovvero voi pagate una cifra che adesso non ricordo ma che si aggira intorno ai 30 euro al mese vediamo se troviamo un pricing no non lo trovo ad ogni modo pagato una cifra fissa e potete accedere a tutti i corsi vediamo se riesco vedere il pricing qual è la comodità che in questo caso voi con una semplicissima con un semplicissimo abbonamento avete accesso praticamente a tutti i corsi legati alla programmazione al web al design che vi possono servire eccolo qua basic 25 dollari al mese e quello che avevo fatto io se ricordo bene magari in questo caso almeno io ho fatto così ottenuto l'abbonamento per 3 4 mesi mi sono sparato tutti i corsi possibile immaginabile ho studiato come un matto e poi invece ho annullato l'abbonamento ti entry house e o rifinito su youdem i le cose che non trovavo lì o che magari qui non erano spiegate troppo bene e che quindi ho dovuto studiare dall'altra parte l'ultimo sito web che vi voglio suggerire si chiama free cod camp punto jorge è questo invece un sito totalmente gratuito anche open source se non sbaglio tra l'altro ed è super super super bello per acquisire le basi le primissime cose che vi dirò ho già dalla prossima slide ovvero laccati ml lo potete imparare prima di tutto qui dentro la cosa molto bella di te di freak camp è che interattivo quindi vi spiega le cose me le fa fare e poi controlla che le avete fatte giusta adesso non mi ricordo quali sono le mie credenziali per che da tanto che non ci entro ma è un modo di studiare molto molto buono con africall campo e non andate oltre le basi male acquisiti in maniera solida quindi una volta che vi siete fatti le ossa qui sopra il percorso potrebbe essere su free chords camp acquisisco le basi su tim tree house vado ad approfondire per arrivare un livello semi pro e su youdem i e youtube vado invece rifinire il dettaglio youtube e magari con altri corsi completi ma anche più andando a cercare le cose specifiche le singole competenze e invece a youdem i per andare poi a studiare magari linguaggi di programmazione che ancora sentiamo non avere totalmente acquisito con gli altri metodi bene vi ho dato una carrellata generale di come si imparano le cose di dove andare a cercarle a questo punto andiamo a vedere punto per punto quali sono letteralmente linguaggi di programmazione che dobbiamo imparare ea che cosa servono lo ribadisco ancora una volta non vi serve capire esattamente tutto quello che vi dico ma vi serve avere in mente un quadro generale una mappa di base per sapere che pesci prendere nel momento in cui volete studiare queste cose e allora la prima cosa fondamentale da imparare è sicuramente la html vedete che vi ho specificato che questa è una parte fronte end e in modo che se volete studiarne soltanto una delle due sapete che cosa e front e che cos'è back end vi segnalerò anche alcune cose che non sono indispensabili da imparare subito ma che potete anche imparare successivamente html sicuramente il punto di base dove dovete cominciare io vi direi che anche se vi interessa il back end senza html non andate da nessuna parte quindi studiate perché letteralmente il linguaggio su cui sono strutturati siti web un linguaggio cosiddetto di mark down o mark up non mi ricordo in ogni caso questo per esempio il mio sito web se vuoi su qualsiasi sito cliccate premete sulla testiera control ecco che vedrete il linguaggio html in cui è scritto quello stesso sito web tutti questi elementi vedete tutti questi symbol iniqua che adesso voi sembrano una lingua astrusa di fatto sono abbastanza facili da leggere una volta che uno sa che cosa vogliono dire vengono convertiti dal browser in quello che poi vediamo imparare questa roba qua ci permette di imparare letteralmente quella che è la base finale di ogni sito web e questa cosa qua è molto importante quindi sicuramente senza html non vi conviene andare da nessuna parte e vi suggerisco di impararne le basi vedete ognuna di queste cosine qua ha un significato per esempio questo è un titolo di primo livello questo è un paragrafo qui c'è tutto il contenuto vedete body qui si apre qui si chiude e mentre qui dentro invece c'è tutta la parte che non viene vista dal dalla persona ma viene letta dal browser è molto più complicato di così ma non è sicuramente particolarmente difficile se volete fare questo percorso html lo capirete in un attimo se non riuscirete a capire la html lo dico senza provocazione in maniera seria dovete farvi qualche domanda perché le cose successive saranno molto ma molto più complicate una volta imparato la html subito di pari passo insieme al html c'è il css che invece il linguaggio da cui deriva shock la forma di ciò che vediamo cioè se con la html noi decidiamo quali elementi ci elementi ci sono in una pagina web col css decidiamo che forma anno e come li vediamo per esempio in questo caso noi stiamo dicendo al browser guarda tutta la pagina per me la vedere con uno sfondo blu chiaro mentre i titoli di primo livello quelli che qui abbiamo indicato come h1 me li fai vedere bianchi e con un allineamento centrato i paragrafi e invece quelli che qui abbiamo indicato come p me li farei vedere con il font verdana e con una dimensione di 20 pixel e così via all'infinito anche in questo caso ci sono un sacco di di elementi che possiamo dare inserire con tutta una serie di informazioni che possiamo dare sono molte e molte molte le informazioni che noi possiamo dargli andiamo per esempio a fare tra yourself qui su v3 school potremmo fare anche sul html vedete che cielo aperto in un'altra scheda e lo facciamo anche sul css vedete html io posso prendere per esempio l'elemento titolo di primo livello e cambiarlo in un elemento titolo no facciamo di terzo livello non vi spiego che cosa sto facendo nel dettaglio vi serve solo per avere un'idea greco su run e vedete che nella mia pagina adesso un titolo di terzo livello perché qui ho messo l'elemento per quanto riguarda invece il css io potrei per esempio cambiare il colore di sfondo di un paragrafo per esempio facciamo di pink che uno dei miei colori preferiti ed ecco qua che ora il mio paragrafo tramite css avrà uno sfondo rosa profondo profondo rosa benissimo questo il css una cosa che potremmo volere imparare nel tempo ma che non dovete studiare subito ve lo dico soltanto perché a che fare col css quindi in maniera logica è bene dirlo adesso ma che non dovete studiare subito o meglio potete decidere voi come studiare se volete imparare le cose approfondendole tutte verticalmente o se volete andare per strati orizzontali quindi se voi dite no io una volta che imparo il css voglio imparare tutto quello che posso imparare nella vita del cielo del css e allora vi conviene approfondire anche adesso il sas se invece come ho fatto io per esempio volete andare per strati quindi imparo le basi di tutto e poi approfondisco e poi approfondisco e poi ancora bene questa parte quale potete lasciare per un momento successivo che cos'è il sas è fondamentalmente una definiamo un software ok per semplificare che prende delle cose che voi scrivete simili al css e ve lo trasforma in css quindi in poche parole vi permette di scrivere il css senza i limiti del css voi adesso di rete hbo io non lo so quali sono i limiti del css non vi preoccupate che ci sono ci sono tante cose che non ci permette di fare linguaggio css mentre il sas ci permette di farli dobbiamo utilizzare un programmino che poi converte quello che noi scriviamo con il sas in css non approfondiamo più di così questa qua è una roba che vi basta segnarvi sappiate che vi servirà prima o poi non è indispensabile ma è molto molto comoda e grazie a questo voi potrete fare delle cose molto più moderne e dal punto di vista della vostra scrittura in css ribadisco quindi legata all'aspetto con cui noi vediamo le pagine web altro elemento molto molto molto importante è il javascript questa è una parte super fondamentale se non conoscete javascript difficilmente riuscirete a fare gli sviluppatori web sia front end e back end qualsiasi cosa insomma questa parte qua la dovete studiare qualsiasi cosa decida decidiate di fare perché prima o poi beaches con tre reti contro peraltro lo dico senza voler scatenare le guerre di religione è uno dei linguaggi di programmazione in generale più efficaci più facili da imparare più utili da imparare oggi quindi se voi oggi mi chiedeste non so proprio che pesci prendere devo iniziare voglio iniziare a studiare qualcosa proprio per il gusto di studio di studiare qualcosa io vi direi imparate a studiare javascript non fate un errore comune che quello di accomunare javascript con java perché sono due linguaggi totalmente diversi che non c'entrano nulla uno con l'altro javascript che cosa ci permette di fare ci permette di definire le interazioni sto un po semplificando con le pagine web e per questo che definito un linguaggio front end ovvero il linguaggio che mi permette di dire quando clicco su questo bottone si apre un link quando clicco su questo succede un'altra cosa quando clicco su questo si apre una finestra quando si apre la finestra clicco su rana e succede una cosa da questo lato vedete cliccando io tramite javascript che quello che trovate qui dentro vi sto dicendo nel momento in cui clicchi il bottone lancia la funzione che si chiama my function prendi un elemento che si chiama demo che questo paragrafo e cambia nella dimensione del font a 25 pixel e farlo diventare rosso questa è l'interazione che io appena realizzato o meglio che ha realizzato v3 schools per me cliccando su click mi io mi aspetto che questo testo diventi più grande è che diventi rosso perché questo è quello che io gli ho detto di fare con javascript proviamo a vedere se è vero è esattamente così e vedete questa e un'interazione semplice di javascript ma è così che funziona se io volessi cambiare per esempio da 25 m 55 è invece che red metto blu clicco su run questa stessa cosa che io ho cliccato su run è cambiato qualcosa è stato programmato in javascript e adesso vedete che è cambiato anche quello che succede al mio click del del pulsante tutto questo si fa con javascript vedrete che javascript nel corso di questo video ritornerà alcune volte perché essendo un linguaggio molto efficace molto conosciuto oggi viene usato anche per fare delle altre cose ma non mi voglio spoilerare troppo quello che vi dirò fra poco esattamente come col css noi possiamo fare il salto di qualità col sassa con javascript possiamo fare il salto di qualità con type script che semplifichiamo lo all'estremo è un pochino lo stesso concetto ovvero ci permette di mettere gli steroidi al nostro javascript e quindi di utilizzarlo in maniera più efficace per poi ops per poi tradurlo in javascript quindi come col con les con il sas noi dobbiamo andare poi a tradurlo tramite un software in css la stessa cosa vale per type script tramite un software andremo poi a tradurlo in javascript come vi dicevo nella slide è decisamente una cosa che potete imparare anche successivamente vi svelo un piccolo segreto io conosco type script so come si usa in linea di massima ma non lo uso e non saprei usarlo a livello professionale mi trovo bene con javascript e ad oggi non ho sentito l'esigenza di fare questo salto di qualità i programmatori quelli seri molto probabilmente nella maggior parte dei casi invece fanno questa cosa in realtà poi si sa come sasuke come type script non sono le uniche soluzioni che abbiamo per ottenere questo risultato ma sono ad oggi sicuramente quelle più riconosciute e più utilizzati quindi times script ve lo consiglio per un passo successivo non neanche necessario un'altra cosa che farà sorridere gli addetti ai lavori ammesso che ci sia qualche addetto ai lavori che è arrivato fino qua non so che utilità ne possa avere se non magari per darmi qualche suggerimento scrivetelo nei commenti quelli utili liquori c zo come sempre le guerre di religione no mi raccomando l'ho spiegato all'inizio che il percorso può essere fatto in tanti modi quindi sempre educazione nei commenti mi raccomando bene un'altra cosa che vi capiterà sicuramente di leggere nel vostro percorso e jquery che cos'è jquery fondamentalmente è una libreria javascript che vi permette di non aggiungere delle funzionalità a javascript ma di avere già delle cose scritte in javascript che poi vi permettono di essere più rapidi o rapide quando lo utilizzate quindi semplicemente voi aggiungete degli script alla vostra applicazione e poi andate a richiamare questi script che sono già scritti da altre persone che vi permettono di velocizzare quello che dovete fare vi faccio un esempio semplicissimo con javascript noi gli dobbiamo dire guardava mia prendere un elemento che si chiama the most o semplificando e non serve capire serve avere un'idea di che cosa stiamo dicendo ma mi sa prendere un elemento che si chiama demo questa cosa qua e scritta con javascript bene con jquery possiamo fare la stessa cosa utilizzando meno caratteri in una maniera più comprensibili in una maniera più facile da leggere tutto quello che qui abbiamo fatto con tre righe di codice anche abbastanza non dico complesso ma le prime le prime volte un pochino spaventoso bene con jquery e lo facciamo con una singola riga è molto più rapidamente in una maniera molto più comprensibile ora in realtà oggi jquery è decisamente superato da altre cose di cui vi parlo fra poco ma ha ancora senso studiarlo perché una grandissima parte di internet e ancora basata su jquery visto che anche molto ma molto facile da capire e a volte anche utile io ancora oggi nonostante sia una una tecnologia che ha diversi anni ora non so quando è stato inventato di quelli ma credo almeno una decina d'anni ma anche una quindicina mi sentirei di dire a chi lo sa poi lo controllerò ad ogni modo nonostante sia così vecchia come tecnologia è ancora molto efficace quindi ancora oggi la uso in diverse occasioni sicuramente una cosa che dovete studiare perché vi facilita molto la vita con il javascript un'altra cosa che potreste voler studiare perché vi facilita la vita e bootstrap un'altra libreria in questo caso sia css e javascript che b velocizza la vita quando andate a realizzare i siti web forse questo qua una cosa che si può fare anche in un secondo momento non l'ho scritto nella slide ma probabilmente non è necessario farlo subito bootstrap è praticamente anche in questo caso una libreria che prende una serie di robe scritte in css e javascript già pronte per voi quindi 10 nel momento in cui fai un sito dagli è già un impostazione di base che poi la persona il programmatore la programmatrice può andarsi a modificare in questo caso queste le impostazioni di base che se voi guardate il mio sito web io ho ripreso di pari passo vedete il mio sito è fatto con bus tram e ho già una serie di elementi e tutti pronti che mi hanno risparmiato un sacco di lavoro era una roba che io potevo farmi a manina per ogni singolo elemento di ieri mettili questo css usa questo java scritto e fa in modo che quando clicchi succede questa roba bene bootstrap mi velocizza di molto questa cosa mi permette di ottenere lo stesso risultato o vedete banalmente una semplice menu a tendina è già inserito dentro bootstrap mentre diversamente avrei dovuto programmare melo io a mano è una cosa che potete imparare successivamente ma sicuramente una roba che prima o poi vi converrà imparare perché vi fa letteralmente risparmiare un sacco di tempo praticamente bootstrap immaginiamo come se avesse un sacco di queste robe qua scritti in css già scritte che voi dovete soltanto fare una specie di copia incolla vele mettete nel vostro codice e ce le avete già non dovete fare nient'altro mostra fa esattamente questa cosa qua gli dice tutti i titoli h1 dargli determinate caratteristiche tutti i paragrafi dagli altri caratteristiche tutti i link dagli altre caratteristiche quella roba fatta manina richiederebbe ore e ore ore e giorni di tempo per un sito complicato bootstrap fa tutto lui al posto nostro in modo che noi possiamo concentrarci poi su come utilizzare gli elementi nella nostra pagina web passiamo alle appunto successivo che invece l'utilizzo di un framework javascript ancora una volta stesso concetto di jquery stesso concetto di bootstrap più o meno ma molto molto molto evoluto ovvero ci sono oggi 3 framework famosi che si chiamano rear view e and you lara reate decisamente quello più usato al mondo forse anche quello che vi suggerisco di utilizzare view è quello più semplice da imparare ed è anche quello che utilizzo io quando utilizza un framework di questo genere io faccio poco applicativi così complessi da richiedere un framework in viola roggi forse non ve lo consiglio molto utilizzato più in in ambito enterprise ma ha poco senso credo oggi iniziare da yang yu lan anche perché piuttosto complesso sono anche in questo caso delle librerie javascript quindi dei file javascript che automaticamente vi permettono di fare una serie di cose vi faccio un esempio banale facebook è realizzato con reat proprio l'applicazione facebook e la parte front end e quindi quella che vediamo nel browser è realizzata con la libreria reato sono una serie di funzioni javascript ok quindi una serie di cose scritte con javascript che voi ancora una volta semplificando molto copiate e incollate nel vostro codice e di automatizzano la scrittura di tutta una serie di altre cose anche molto molto molto complicate anche in questo caso vedete direi che non c'è bisogno di capire subito che cosa sono tutte queste cose qua però fondamentalmente vi semplifica la vita decisamente quando dovete andare poi a realizzare un applicativo web rear view js and you'll are vi servono se volete creare degli applicativi web raramente li utilizzerete se non come esercizio di stile per un sito web è normale per un semplice sito vetrina la stessa cosa vale per invio lara ancora una volta non è necessario che capiate è bene a che cosa serve un host e robe ma è fondamentale che sappiate che prima o poi nella vostra mappa queste robe quali dovrete incontrare ve ne basta uno fanno la stessa cosa la fanno i modi diversi quindi certo più né imparati più sarete completi e complete come programmatori programmatrici ma nell'utilizzo quotidiano vi basta uno dei tre quindi ore act o view o and you are e passa la paura scegliete quello che vi ispira io per esempio sono partito da englar ho capito che non lo capivo e allora sono passata vjs che è molto più facile reati invece praticamente non lo conosco perché non ho mai avuto il tempo di di impararlo ma sicuramente una cosa che dovrei fare se volessi essere più completo e diventare veramente un professionista anche lato programmazione e non solo web design una volta terminato tutto questo passiamo alla parte back end è la prima cosa che ci dobbiamo dire quando si ragiona sul back end quindi sul lato server e che dobbiamo imparare almeno come base come si utilizza un terminale il terminale disponibile su qualsiasi sistema operativo sia esso windows sia mac sia linux su windows si chiama prompt dei comandi o powershell sono due tipi di terminale simili bene o male abbastanza simili anche se non identici dobbiamo capire come utilizzare questa roba qua perché molte volte ci ritroveremo nella realizzazione di cose lato server a utilizzarlo in realtà è super utile impararlo anche se vogliamo fare solo front end perché ci velocizza una serie di procedure di cose che possiamo fare ma lato server e indispensabile quindi front end utile lato server back end indispensabile dobbiamo capire come funziona un terminale come si lanciano dei comandi come si fanno cose scrivendo all'interno di questa roba qua vedrete che super facile non è necessario neanche che lo studiate magari lo imparate man mano che imparate le altre cose poi se volete potete approfondire con un corso specifico però non necessario la cosa fondamentale imparare come si usa ma una cosa che potrebbe arrivare anche spontaneamente senza mettervi proprio studiarlo ma studiando le altre cose linguaggio di programmazione lato server quello che io vi suggerisco di imparare si chiamano dj es mi raccomando non apriamo guerre di religione su questa cosa se siete degli addetti o delle addetti ai lavori ognuna ha le sue preferenze quello che io credo che oggi abbia più senso imparare se si parte da zero e decisamente no djs perché ha senso impararlo beh perché fondamentalmente node.js e javascript ovvero noi andiamo a scrivere in javascript e poi mj esche noi andiamo ad installare sul nostro computer traduce quello che noi abbiamo scritto linguaggio comprensibile dal server quindi noi utilizzando un linguaggio di programmazione che abbiamo già imparato javascript che un linguaggio nato per essere pensato lato client quindi front end possiamo programmare tutto il lato back end quindi server del nostro applicativo noi js super facile da usare io lo utilizzo tantissimo per fare robin e sul mio computer più per diletto personale che per avere utilità però tutte le mie automatizzazione fai questo fai quello carica traduci converti ai miei file io le faccio con james devo dire che una roba che anche soltanto per diletto e per poi utilizzarlo per giochicchiare è un'ottima cosa imparare a studiarla veramente molto molto utile linguaggio lato server quindi che vi suggeriscono js che anche un linguaggio come si suol dire future proof quindi a prova di evoluzione futura cioè un linguaggio che sempre di più nel mondo della programmazione sarà utilizzato e quindi impararlo oggi ci mette anche un po al sicuro dal cambiamento dei tempi a differenza di altri linguaggi che magari sono un pochino più vetusti e col tempo saranno sempre meno utilizzabili lo js molto facile ci sono anche tantissimi corsi in parallelo no js dovrete imparare una cosa che si chiama npm che è molto direttamente legata a nord js nel senso che arrivano praticamente insieme come pacchetto praticamente e che è il sistema tramite il quale noi possiamo andare a inserire nei nostri codici i codici di tutta un'immensa gigantesca serie di pacchetti che vengono realizzati da altre persone gratuitamente e open source cioè dentro il nostro codice noi non abbiamo bisogno di programmare ogni singola cosa ma possiamo tramite questa tecnologia dirgli direttamente nel nostro codice medici quell'altro codice quindi per esempio se volesse dire nel miu miu applicativo mettici jquery medici bootstrap metti c.re.at view e ti and you lara bene tutte queste robe io ce le posso infilare dentro non vi sto a spiegare come si usa la riga di comando e molto molto facile non vi preoccupate una volta che lo si è imparato mettici dentro questi questi applicativi glielo dico tramite am pm per esempio andiamo a prendere bootstrap lo cerchiamo con il pm non bookstart [Musica] bootstrap ormai eccolo qui come faccio a mettere bootstrap dentro un pm lo faccio semplicemente con questa con questa frase con questo piccolo codice determinale quindi scriverò mpm e bootstrap e da quel momento dentro al mio codice io avrò bootstrap magia inutile che vi sto a spiegare qui come si fa questa roba sappiate che succede non c'è bisogno adesso di entrare nei dettagli sicuramente in pm quindi è fondamentale ma un altro linguaggio dal quale secondo me non possiamo prescindere se facciamo programmazione back end è il php che è un linguaggio un pochino più vecchiotto dino js e anche meno mi verrebbe da dire meno funzionale ma poi sicuramente qualcuno si offenderà mi verrebbe da dire un pochino meno facile da imparare ma ancora una volta qualcuno avrà da ridire di sicuro il linguaggio un pochino più vecchio rispetto dei pm ma la verità è che oggi una stragrandissima maggioranza dei siti web degli applicativi web sono basati su php e quindi impararlo e veramente fondamentale se io apro un sito a caso la probabilità che quel sito sia basato su una forma di php e molto molto alta e quindi io vi suggerisco comunque di studiar ve lo vedrete che non è così difficile io per esempio conosco il php per quello che mi serve non sono un grande esperto di php e lo utilizzo quello che non so me lo cerco su google come abbiamo visto prima però almeno una base per capire se vedo qualcosa e non riesco a capire che cosa cavolo è quella roba lì che ho visto o una base per farmi un'idea di massima di un sito web molto che dico molto collegato al linguaggio php c'è wordpress ovvero il più famoso cms content management system che esiste al mondo banalmente wordpress è un software che si mette sul sito web sto super semplificando che è scritto col php ed è per questo che vi dico che sono collegati che ci permette di realizzare dei bei siti web game come si dice dei dei blog e dei siti statici dei siti ecommerce qualsiasi cosa io credo che oggi più o meno il 60 70 80 per cento dei siti web semplici che voi vedete siano realizzati con wordpress se vedete un blog online la probabilità che usi wordpress è anche più dell'ottanta per cento forse siamo intorno non dico al cento per cento ma al 95 sicuramente wordpress è un sistema scritto in php ed è il sistema più utilizzato per usare il city per fare i siti web quindi insomma già capiamo il motivo per cui anche il php e pur essendo un linguaggio molto più anziano molto meno efficace di no djs sia comunque una roba che dobbiamo studiare necessariamente soprattutto se vogliamo fare siti web quindi magari se ci interessa solo fare applicativi possiamo farne a meno ma se vogliamo fare city quindi classico sito per il cliente che vuole l'e commerce non possiamo prescindere da wordpress da php poi magari decidiamo di non usarli difficile però in ogni caso dobbiamo conoscerli decisamente quindi php linguaggio di programmazione wordpress il software scritto con quel linguaggio di programmazione che ci permette poi di fare tutta una serie di cose al nostro sito web non ultimo andare a comunicare con il database ne parliamo tra un attimo prima di parlare di database però voglio segnalarvi che giustamente non js e php non sono gli unici linguaggi di programmazione che esistono lato server così come lato client per esempi più noti non li approfondiamo anche perché non li conosco proprio zero zero assoluto i più famosi sono python e ruby sono tutti dei linguaggi che noi andiamo mettere sul server chip cancelletto non so bene come si pronunci ribadisco sono linguaggi che non ho utilizzato che ci cancelletto deriva comunque dal famosissimo ci sono tutti i linguaggi che stanno sul server e che vi permettono di fare bene o male le stesse cose che vi fanno fare no jsp hp perché utilizzarne uno piuttosto che l'altro beh perché ogni linguaggio alle sue caratteristiche le sue specifiche le sue priorità famiglie alcune cose nel fa peggio delle altre usa di più o meno la cpu la ram eccetera eccetera eccetera quindi sulla base di quello che bisogna fare si sceglie un linguaggio piuttosto che un altro nella maggior parte dei casi concretamente il programmatore sceglie il linguaggio che sa usare e alla fine bene o male non ne vogliano i puristi e il super espertoni però alla fine con ognuno di questi linguaggi riusciamo a fare più o meno tutto quello che ci serve ad ogni modo se proprio proprio volete diventare del super ninja della programmazione lato server bes un'occhiata a questi tre nomi sicuramente vi capiterà di darle forse non soltanto questi andiamo a vedere siamo quasi alla fine di questo percorso il concetto di database ovvero nel momento in cui io ho un sito con degli articoli dove si trovano concretamente questi articoli beh si trovano dentro un database ci sono diversi tipi di database e che io devo andare a studiare o che posso studiare che poi vanno a comunicare col mio linguaggio lato server quindi back end che a sua volta andrà a comunicare con linguaggio lato client quindi front end facciamo un esempio pensiamo un sito realizzato con wordpress così andiamo a fare tutto il percorso il database informato mai sequel che quello che vedete come m y sql comunica con wordpress che è scritto in php che a loro volta comunicano con il lato client quindi con html css e javascript con cui ha fatto il sito web quindi nel momento in cui voi aprite un browser come un sito scritto in wordpress che la maggior parte dei siti web del mondo voi state utilizzando sul client html css javascript che a loro volta comunicano con il server che invece scritto in php che monta sopra un software che si chiama wordpress che va a richiamare gli articoli le foto le immagini gli autori le pagine da un database che in questo caso è un database mai e mai sequel mysql il database mai sequel è quello con cui comunicano più facilmente i linguaggi php sequel qn e molte volte vi capiterà anche di usarlo c'erano molte volte non certe circostanze vi capiterà anche di installare di questo database sul vostro computer dovete fare delle cose particolari io non sono un grandissimo esperto di database ve lo dico molto onestamente quello che so è che un database che funziona che fa le sue cose anche se oggi ci sono database più efficaci di questo per esempio il famoso mongo di b che comuni che invece molto bene con js non è vietato far comunicare un database con un con un linguaggio di programmazione diverso però bene o male comunicano molto bene se sono abbinati quindi node.js scomunica benissimo con lungo di b mentre php comunica benissimo con mai sequel c'è una versione più più moderna di mai sequel che si chiama post grésy quel che io non conosco bene ve lo dico vi dico la verità come vi ho già detto non è necessario sapere tutto non serve avere competenza su qualsiasi cosa ma è sufficiente imparare bene le cose che ci interessano e quelle che ci servono nel nostro lavoro poi dipende anche a che livello volete fare questo genere di lavoro quindi dovete imparare come funziona un database dove vengono memorizzati letteralmente i dati e che si interfaccia poco nel vostro linguaggio di programmazione server side il lato server back end mongo di b e mai sequel sono i due nomi che vi faccio scegliete quello sulla base del linguaggio che state studiando vedrete che quasi automaticamente studiare quel linguaggio po di porterà a studiare anche il database l'ultimissima cosa che vi voglio segnalare invece è kit di te un'altra cosa che potete studiare anche successivamente e che vi permette la faccio supersemplice di salvare diverse versioni del vostro progetto per poi andar vele a riprendere quindi poche parole voi potete salvare fare una fotografia del vostro progetto nel momento in cui quel progetto si trova e poi eventualmente dopo altre dieci fotografie perché il vostro progetto è cambiato dieci volte andarvi a riprendere esattamente quella versione guardate rende molto l'idea questo grafico voi avete una versione di partenza dalla quale poi sdoppiate due fotografie quindi le ditte guarda la versione normale la programmazione normale va avanti sulla linea rossa ma magari un altro programmatore sta realizzando una versione alternativa del software che poi va a fondere di nuovo con quella principale ma un altro programmatore ancora invece si prende quella parte lì per realizzare un'altra versione ancora che poi viene fusa di nuovo nella principale questa cosa che si chiama kit la utilizzerete moltissimo anche per andare a prendere altri software open source e lo farete soprattutto da la piattaforma che si chiama get up per andarli a prendere per farli vostri per scaricarli sul vostro computer e per poi andare a lavorarci per cui non è indispensabile impararlo subito ma vedrete che studiando tutte queste cose sarà una cosa che un po inevitabilmente vi andrete a studiare i tab sicuramente un ambiente molto interessante una piattaforma molto interessante anche questa poi collegata con il pm vedete un po tutte le cose che ci stiamo dicendo sono collegate di età e di microsoft così come lo è visual studio coda quindi insomma tutti in tutte le strade veramente portano a roma alla fine io credo che questa sia tutto quello che vi serve sapere non per essere dei programmatori o delle programmatrici ma per capire che cosa dovete fare per diventarlo programmatori programmatrici web mi raccomando e la mappa generale la mappa del percorso sono contento di avervi fatto fare questo pezzettino di strada adesso avete chiaro per lo meno che cosa vi serve sapere quali sono le cose che dovete imparare e potete prendere una decisione per poi metterli concretamente in cammino io vi ringrazio per avermi seguito fino qui se avete trovato interessante questo video iscrivetevi con campanella al canale per non perdervi prossimi e se lo avete trovato molto utile magari vi ha cambiato la vita magari davvero è stato un pil un primo passo verso un nuovo percorso di vita come lo è stato per me bene allora potete finanziare questo progetto permettermi di fare altri video per altre persone che potranno giovarne come voi video di sempre maggiore qualità per lo meno me lo auguro e anche avere in cambio sulla base del vostro livello di di finanziamento fino ad arrivare ad una vera e propria scuola bene avere in cambio dei contenuti riservati e delle cose riservate che vi lascio scoprire su ciraolo punto me riservate esclusivamente per voi io vi ringrazio tantissimo per avermi ascoltato fino a qui e vi do appuntamento al prossimo video [Musica]

quale percorso letteralmente che cosa bisogna studiare per diventare programmatori e programmatrici web programmare per il web ma anche programmare in generale uno di quei lavori che grazie al cielo non ci richiede necessariamente un percorso di studi formale quindi una laurea per intenderci che è possibile anche prendere in questo mondo ma non è necessario la cosa bella di questo genere di lavoro e che si può fare anche studiando per conto proprio ma sottolineo questa parola studiando cioè non ci basta dedicare un oretta ogni tanto per capire quelle due cosine per poi poterlo fare come lavoro e visto che io ho intrapreso nella mia carriera nella mia esperienza questo percorso da autodidatta vi voglio raccontare le cose che ho imparato che mi hanno permesso letteralmente da solo solo grazie ad internet e con dei costi anche molto contenuti di imparare a livello professionale in alcuni ambiti semi professionali in altri questo meraviglioso lavoro andiamo allora a vedere la mappa non prima di avervi ricordato di iscrivervi sul canale telegram chiocciolina ciraulo dove trovate altre informazioni che sicuramente vi saranno utili sul mondo della creazione dei contenuti andiamo a vedere quindi primo capitolo la prima cosa che ci interessa dire sul mondo del web design e della programmazione web e che esistono tante strade se voi chiedete a 10 programmatori diversi come hanno fatto diventare programmatori sono sicuro che daranno 10 risposte diverse quindi una cosa che ci tengo a precisare è che quella che vi racconto e la mia esperienza vi dirò le cose che hanno permesso a me di fare questo lavoro in passato e ancora oggi per una parte marginale della mia esperienza lavorativa l&#39;obiettivo di questo video è capire quali sono quelle risorse che ci permettono di imparare gratis o con una spesa contenuta questo lavoro ribadisco il concetto non è tanto imparare bene imparare male ma è che si può imparare con una spesa contenuta ma quello che non può mancare è il tempo l&#39;energia e la creatività da dedicare a questo genere di studi cioè sono degli studi normalissimi come fosse una laurea e il tempo che dobbiamo dedicarci e lo stesso con la differenza che sono studi che possiamo anche portare avanti da soli da sole anche in con delle spese molto contenute una cosa fondamentale che vi voglio dire subito e che adesso io vi bombardero di una serie di concetti di linguaggi di programmazione di nomi di sigle di cose che capirete soltanto in parte e ci tengo che voi sappiate che non è necessario che adesso capiate è tutto l&#39;importante è che abbiate un&#39;idea di massima di quella che è la mappa generale degli studi io letteralmente prima di iniziare questo percorso mi sono fatto una mappa scritta su un bel foglio in cui mi sono detto che è questo il percorso che devo fare vi racconto un aneddoto alcune delle cose che io avevo nella mia mamma mi ero proprio segnato io questa roba qua non so neanche che cos&#39;è avevo un nome jquery dicevo io non capisco neanche cos&#39;è sta roba qua so solo che mi serve perché me l&#39;ha detto qualcuno ma non so che cosa mi serve bene col tempo questa nebbia poi si va un pochino a dipanare e iniziamo a capire i punti uno per uno la cosa fondamentale adesso che abbiate in mente il percorso che dovete intraprendere per poi andarlo a chiarire nel corso delle settimane e dei mesi se non addirittura degli anni un&#39;altra cosa fondamentale che ci tengo dirvi che se volete utilizzare il mio metodo quindi il metodo autodidatta senza l&#39;inglese non andate da nessuna parte quindi vi serve necessariamente e capire la lingua inglese se siete a 0 con l&#39;inglese io vi consiglio di dedicare i primi due tre mesi proprio mettetevelo nel vostro corso di studi nella mappa a migliorare il vostro inglese o se invece lo conoscete già a livello elementare come nel mio caso prima di iniziare a studiare bene approfitterete di questo percorso anche per migliorare la conoscenza della vostra lingua inglese ma quasi tutte le risorse che vi indicherò saranno in inglese ce ne sono anche in italiano si può che con una buona qualità ma a livello proprio statistico inevitabilmente non con la qualità incredibile di quelle che troviamo in inglese e molte risorse che troviamo in italiano sono a pagamento non tutte ma tante lo sono l&#39;ultima cosa che vi voglio segnalare è non scoraggiatevi una cosa importante adesso è fare una mappa e non preoccuparsi se ci saranno delle cose non del tutto chiare in quello che diremo perché le cose si chiariranno col tempo quindi non fatevi prendere dalla dallo scoraggiamento ma abbiate la consapevolezza che inevitabilmente se scegliete di fare questo percorso da autodidatta dovrete accettare che le cose le capirete un pochino piano piano del resto è così che funziona nelle scuole noi paghiamo qualcuno perché faccia la strada per che segni la strada al posto nostro che è una scelta assolutamente lecita e sensata se invece decidiamo di fare noi la strada di scegliere noi la mappa dobbiamo accettare che alcune cose non le sa fare remo subito anche che a volte sbaglieremo strada per poi correggere il tiro dopo essersene resi e rese conto questo è un po lo svantaggio di studiare le cose per conto nostro detto tutto questo una volta terminate le premesse andiamo a capire però che cosa vuol dire programmatore web devo sistemare queste maledette slide che a volte non non sono formattate bene programmatore web fondamentalmente vuol dire realizzare delle robe su internet delle cose che vengono viste dal browser per cui da google chrome da ed da firefox da safari quindi un programmatore web è colui che realizza siti web semplicemente oppure delle applicazioni web tipo che ne so io youtube tipo gmail tipo qualsiasi applicazione trelo todolist qualsiasi applicazione che voi utilizzate tramite il browser bene quella roba lì è stata fatta da un programmatore web quello che vi spiego in questo video è il percorso per diventare quella roba lì e quindi per imparare a fare siti web come per esempio faccio io per una piccola parte della mia attività oppure addirittura applicativi online cosa che io non ho imparato a fare a livello professionale ma ad oggi solo semi professionale ho smesso di studiare ma chi lo sa che cosa deciderò di fare in futuro di sicuro non impareremo come si realizzano software come si lavora sui sistemi operativi quindi come si programmano come si fanno i videogiochi e come si fanno le applicazioni per il telefono quindi iphone e ios e android in realtà la differenza oggi non è così tanto netta perché se uno impara una roba poi è molto facile spostarsi verso l&#39;altra per esempio ci sono dei software che ci permettono di convertire un applicativo web io non applicativo per windows o per mac os x esempio electron vi dico solo questo nome per magari più esperti gli addetti ai lavori oppure altre cose che in maniera simile ci permettono di fare la stessa cosa con le applicazioni mobile quindi noi creiamo quello che di fatto è un sito web ma con questi software li convertiamo in applicazioni per telefono oppure in e software da installare sul computer quindi il confine non è più così tanto netto l&#39;ultima cosa che ci dobbiamo dire prima di cominciare il percorso è che quando parliamo di programmatore web in realtà parliamo di tante cose differenti in particolare ci sono due di c&#39;è una distinzione ovvero tra i programmatori front end e i programmatori back end perché perché ogni singola applicazione che noi utilizziamo sul web sul browser è composta da due parti una parte front end quindi quella che viene letta dal client semplicemente dal browser e quindi quella che noi vediamo quella che noi leggiamo quella dove clicchiamo i bottoni col mouse quella che gira sul nostro computer o sul nostro telefono ed è quella di cui si occupano i programmatori front end e una parte back end quindi quella che gira sul server non sul nostro computer ma sul computer dove si trova letteralmente l&#39;applicazione è quindi tutta la gestione del database degli utenti delle cose che succedono facciamo un esempio prendiamo youtube c&#39;è una parte front end e quindi i video che noi vediamo i bottoni che noi clicchiamo quella che si carica nel browser del sito web è letteralmente e c&#39;è una parte back end quindi il salvataggio delle cose nel server e il salvataggio dei video la conversione dei video nel formato più opportuno il salvataggio dei dati degli utenti la memorizzazione dei like they dislike delle iscrizioni il fatto che quando arriviamo ci vengono mostrate una serie di video eccetera eccetera eccetera eccetera l&#39;algoritmo di youtube bene tutte queste cose qua fanno parte dell&#39;applicazione back end ci sono poi dei programmatori cosiddetti full stack che sono quelli che sanno fare tutte e due le cose per cui noi possiamo scegliere di specializzarci nella parte frontale visibile nella parte dietro le quinte sotto al cofano al cofano oppure entrambe le cose per esempio tutti quelli che si fanno l&#39;applicazione per conto loro da soli sono programmatori o programmatrici full stack perché vuol dire che sanno fare tutto andiamo quindi una volta ha detto questo a qualche consiglio pratico consiglio pratico numero uno in questo percorso utilizzate utilizzerete ma nel caso in cui ancora non lo sappiate dovete utilizzare un sacchi simo di google non è mai in programmazione meno che mai importante ricordarsi a memoria la dicitura del comando come si scrive il comando ma è molto più importante è capire come funziona una roba perché poi più sarete veloci ad aprire google ea cercare quello che vi serve più tempo risparmierete e meno ram cerebrale dovrete utilizzare perché non vi servirà a tenere in mente delle cose ma vi basterà andare a utilizzare google facciamo un esempio questo è uno dei siti che più di tutti vi tornerà nelle vostre ricerche di google v3 schools puntocom a tantissimi esempi per quasi ogni aspetto della programmazione web così come stack overflow è una specie di forum ama più figo di un forum dove si incontrano le persone che oggi programmano sul web per cui facciamo un esempio io non mi ricordo come si fa a arrotondare un numero bene ci mette un attimo con google ovviamente devo sapere l&#39;inglese ci mette un attimo con google a trovare il nome esatto della funzione per arrotondare un numero mi prendo la funzione mela copio e mele incollo non ho nessun bisogno di ricordarmela certo più cose ci ricorderemo nel tempo più tempo risparmieremo cercando su google ma questa cosa arriverà in maniera spontanea non sono io che devo studiare mela come se fosse a scuola qui non dobbiamo imparare le poesie a memoria tutto quello che dobbiamo fare è capire come funzionano le cose perché poi abbiamo sempre l&#39;aiuto di google l&#39;altro consiglio che vi do è quello di andare a utilizzare un editor di testo professionale e qui vi linko il video dove vi parlo proprio di video di visual studio coda se voi programmati con il notepad di windows insomma la vita è molto più dura di quanto potrebbe essere molto più semplice andare utilizzare un editor di testo sensato pensato apposta per queste cose quello che vi suggerisco io e visual studio code ce ne sono altri ato ma su blind text notepad plus plus insomma sceglietene uno che vi ispira e utilizzatelo di fatto bene o male uno vale l&#39;altro ma è importante farlo quindi non sottovalutate questo aspetto un altro elemento di cui vi voglio parlare dove imparo le cose cioè una volta che ho capito qual è il percorso e adesso io ve lo spiego passo dopo passo non vi preoccupate dove ne imparo queste cose quindi dove mi ci metto io con le mie di tina i miei occhietti a leggere le cose e a scriverle beh ci sono tantissimi luoghi dove si può fare bene faccio vedere qualcuno in realtà poi piano piano li esplorerete li conoscerete da soli per cui di sicuro uno di questi è youtube che ci permette di imparare oggi tantissime cose anche a livello professionale in maniera gratuita l&#39;unica cosa importante è riuscire a selezionare le fonti giusti per esempio questo ciraolo me ne hanno parlato molto bene io non mi fido tanto perché non mi piace proprio guardando in faccia ha però me ne hanno parlato bene voglio imparare javascript che una roba di cui adesso parleremo insomma se io scrivo javascript su youtube e guardate quanto materiale che trovo guardate questo corso di due ore e mezza per beginners non scusati di tre ore e mezza e beh insomma io già gratuitamente probabilmente con questo video che poi dovremmo guardare la fonte affidabile ne parleremo fra poco free cod camp insomma con questo un altro video io già gratuitamente mi sono fatto una buona cultura generale su un argomento come quello di javascript che sicuramente adesso ne parleremo ci serve e così via vedete che trovò anche delle cose in italiano c&#39;è molto meno materiali in italiano purtroppo torniamo alla necessità decisamente di imparare l&#39;inglese perché prima o poi comunque ci servirà youtube primo sito web secondo sito web che vi voglio suggerire illude e mi è già sicuramente lo conoscete anche io dei corsi su youdem i owe you dem io youdem e olio yahoo daimi o chiamatelo come vi pare su youdem e sicuramente trovate tantissimi corsi in questo caso a pagamento ma dal costo super ragionevole cerchiamo per esempio html che un altro linguaggio di cui parleremo e troveremo 4.833 corsi quindi vedete che i costi variano dalle 20 e 30 euro 12 euro addirittura insomma è molto molto ragionevole io vi dico che per imparare bene uno di questi linguaggi di programmazione arrivare a spendere anche 50 euro per un corso anche di più e ci sono corsi magari di 300 euro di 500 euro che però ci danno delle competenze su per adesso stiamo un pochino ragionando su chi magari è un ragazzo giovane su chi non ha la possibilità di investire delle grandi cifre vi dico che arrivare anche a 50 euro per un linguaggio di programmazione insomma è una cifra assolutamente più che ragionevole un altro sito web che io ho utilizzato tantissimo è tree house team 3 house punto com che invece ragione informato di abbonamento ovvero voi pagate una cifra che adesso non ricordo ma che si aggira intorno ai 30 euro al mese vediamo se troviamo un pricing no non lo trovo ad ogni modo pagato una cifra fissa e potete accedere a tutti i corsi vediamo se riesco vedere il pricing qual è la comodità che in questo caso voi con una semplicissima con un semplicissimo abbonamento avete accesso praticamente a tutti i corsi legati alla programmazione al web al design che vi possono servire eccolo qua basic 25 dollari al mese e quello che avevo fatto io se ricordo bene magari in questo caso almeno io ho fatto così ottenuto l&#39;abbonamento per 3 4 mesi mi sono sparato tutti i corsi possibile immaginabile ho studiato come un matto e poi invece ho annullato l&#39;abbonamento ti entry house e o rifinito su youdem i le cose che non trovavo lì o che magari qui non erano spiegate troppo bene e che quindi ho dovuto studiare dall&#39;altra parte l&#39;ultimo sito web che vi voglio suggerire si chiama free cod camp punto jorge è questo invece un sito totalmente gratuito anche open source se non sbaglio tra l&#39;altro ed è super super super bello per acquisire le basi le primissime cose che vi dirò ho già dalla prossima slide ovvero laccati ml lo potete imparare prima di tutto qui dentro la cosa molto bella di te di freak camp è che interattivo quindi vi spiega le cose me le fa fare e poi controlla che le avete fatte giusta adesso non mi ricordo quali sono le mie credenziali per che da tanto che non ci entro ma è un modo di studiare molto molto buono con africall campo e non andate oltre le basi male acquisiti in maniera solida quindi una volta che vi siete fatti le ossa qui sopra il percorso potrebbe essere su free chords camp acquisisco le basi su tim tree house vado ad approfondire per arrivare un livello semi pro e su youdem i e youtube vado invece rifinire il dettaglio youtube e magari con altri corsi completi ma anche più andando a cercare le cose specifiche le singole competenze e invece a youdem i per andare poi a studiare magari linguaggi di programmazione che ancora sentiamo non avere totalmente acquisito con gli altri metodi bene vi ho dato una carrellata generale di come si imparano le cose di dove andare a cercarle a questo punto andiamo a vedere punto per punto quali sono letteralmente linguaggi di programmazione che dobbiamo imparare ea che cosa servono lo ribadisco ancora una volta non vi serve capire esattamente tutto quello che vi dico ma vi serve avere in mente un quadro generale una mappa di base per sapere che pesci prendere nel momento in cui volete studiare queste cose e allora la prima cosa fondamentale da imparare è sicuramente la html vedete che vi ho specificato che questa è una parte fronte end e in modo che se volete studiarne soltanto una delle due sapete che cosa e front e che cos&#39;è back end vi segnalerò anche alcune cose che non sono indispensabili da imparare subito ma che potete anche imparare successivamente html sicuramente il punto di base dove dovete cominciare io vi direi che anche se vi interessa il back end senza html non andate da nessuna parte quindi studiate perché letteralmente il linguaggio su cui sono strutturati siti web un linguaggio cosiddetto di mark down o mark up non mi ricordo in ogni caso questo per esempio il mio sito web se vuoi su qualsiasi sito cliccate premete sulla testiera control ecco che vedrete il linguaggio html in cui è scritto quello stesso sito web tutti questi elementi vedete tutti questi symbol iniqua che adesso voi sembrano una lingua astrusa di fatto sono abbastanza facili da leggere una volta che uno sa che cosa vogliono dire vengono convertiti dal browser in quello che poi vediamo imparare questa roba qua ci permette di imparare letteralmente quella che è la base finale di ogni sito web e questa cosa qua è molto importante quindi sicuramente senza html non vi conviene andare da nessuna parte e vi suggerisco di impararne le basi vedete ognuna di queste cosine qua ha un significato per esempio questo è un titolo di primo livello questo è un paragrafo qui c&#39;è tutto il contenuto vedete body qui si apre qui si chiude e mentre qui dentro invece c&#39;è tutta la parte che non viene vista dal dalla persona ma viene letta dal browser è molto più complicato di così ma non è sicuramente particolarmente difficile se volete fare questo percorso html lo capirete in un attimo se non riuscirete a capire la html lo dico senza provocazione in maniera seria dovete farvi qualche domanda perché le cose successive saranno molto ma molto più complicate una volta imparato la html subito di pari passo insieme al html c&#39;è il css che invece il linguaggio da cui deriva shock la forma di ciò che vediamo cioè se con la html noi decidiamo quali elementi ci elementi ci sono in una pagina web col css decidiamo che forma anno e come li vediamo per esempio in questo caso noi stiamo dicendo al browser guarda tutta la pagina per me la vedere con uno sfondo blu chiaro mentre i titoli di primo livello quelli che qui abbiamo indicato come h1 me li fai vedere bianchi e con un allineamento centrato i paragrafi e invece quelli che qui abbiamo indicato come p me li farei vedere con il font verdana e con una dimensione di 20 pixel e così via all&#39;infinito anche in questo caso ci sono un sacco di di elementi che possiamo dare inserire con tutta una serie di informazioni che possiamo dare sono molte e molte molte le informazioni che noi possiamo dargli andiamo per esempio a fare tra yourself qui su v3 school potremmo fare anche sul html vedete che cielo aperto in un&#39;altra scheda e lo facciamo anche sul css vedete html io posso prendere per esempio l&#39;elemento titolo di primo livello e cambiarlo in un elemento titolo no facciamo di terzo livello non vi spiego che cosa sto facendo nel dettaglio vi serve solo per avere un&#39;idea greco su run e vedete che nella mia pagina adesso un titolo di terzo livello perché qui ho messo l&#39;elemento per quanto riguarda invece il css io potrei per esempio cambiare il colore di sfondo di un paragrafo per esempio facciamo di pink che uno dei miei colori preferiti ed ecco qua che ora il mio paragrafo tramite css avrà uno sfondo rosa profondo profondo rosa benissimo questo il css una cosa che potremmo volere imparare nel tempo ma che non dovete studiare subito ve lo dico soltanto perché a che fare col css quindi in maniera logica è bene dirlo adesso ma che non dovete studiare subito o meglio potete decidere voi come studiare se volete imparare le cose approfondendole tutte verticalmente o se volete andare per strati orizzontali quindi se voi dite no io una volta che imparo il css voglio imparare tutto quello che posso imparare nella vita del cielo del css e allora vi conviene approfondire anche adesso il sas se invece come ho fatto io per esempio volete andare per strati quindi imparo le basi di tutto e poi approfondisco e poi approfondisco e poi ancora bene questa parte quale potete lasciare per un momento successivo che cos&#39;è il sas è fondamentalmente una definiamo un software ok per semplificare che prende delle cose che voi scrivete simili al css e ve lo trasforma in css quindi in poche parole vi permette di scrivere il css senza i limiti del css voi adesso di rete hbo io non lo so quali sono i limiti del css non vi preoccupate che ci sono ci sono tante cose che non ci permette di fare linguaggio css mentre il sas ci permette di farli dobbiamo utilizzare un programmino che poi converte quello che noi scriviamo con il sas in css non approfondiamo più di così questa qua è una roba che vi basta segnarvi sappiate che vi servirà prima o poi non è indispensabile ma è molto molto comoda e grazie a questo voi potrete fare delle cose molto più moderne e dal punto di vista della vostra scrittura in css ribadisco quindi legata all&#39;aspetto con cui noi vediamo le pagine web altro elemento molto molto molto importante è il javascript questa è una parte super fondamentale se non conoscete javascript difficilmente riuscirete a fare gli sviluppatori web sia front end e back end qualsiasi cosa insomma questa parte qua la dovete studiare qualsiasi cosa decida decidiate di fare perché prima o poi beaches con tre reti contro peraltro lo dico senza voler scatenare le guerre di religione è uno dei linguaggi di programmazione in generale più efficaci più facili da imparare più utili da imparare oggi quindi se voi oggi mi chiedeste non so proprio che pesci prendere devo iniziare voglio iniziare a studiare qualcosa proprio per il gusto di studio di studiare qualcosa io vi direi imparate a studiare javascript non fate un errore comune che quello di accomunare javascript con java perché sono due linguaggi totalmente diversi che non c&#39;entrano nulla uno con l&#39;altro javascript che cosa ci permette di fare ci permette di definire le interazioni sto un po semplificando con le pagine web e per questo che definito un linguaggio front end ovvero il linguaggio che mi permette di dire quando clicco su questo bottone si apre un link quando clicco su questo succede un&#39;altra cosa quando clicco su questo si apre una finestra quando si apre la finestra clicco su rana e succede una cosa da questo lato vedete cliccando io tramite javascript che quello che trovate qui dentro vi sto dicendo nel momento in cui clicchi il bottone lancia la funzione che si chiama my function prendi un elemento che si chiama demo che questo paragrafo e cambia nella dimensione del font a 25 pixel e farlo diventare rosso questa è l&#39;interazione che io appena realizzato o meglio che ha realizzato v3 schools per me cliccando su click mi io mi aspetto che questo testo diventi più grande è che diventi rosso perché questo è quello che io gli ho detto di fare con javascript proviamo a vedere se è vero è esattamente così e vedete questa e un&#39;interazione semplice di javascript ma è così che funziona se io volessi cambiare per esempio da 25 m 55 è invece che red metto blu clicco su run questa stessa cosa che io ho cliccato su run è cambiato qualcosa è stato programmato in javascript e adesso vedete che è cambiato anche quello che succede al mio click del del pulsante tutto questo si fa con javascript vedrete che javascript nel corso di questo video ritornerà alcune volte perché essendo un linguaggio molto efficace molto conosciuto oggi viene usato anche per fare delle altre cose ma non mi voglio spoilerare troppo quello che vi dirò fra poco esattamente come col css noi possiamo fare il salto di qualità col sassa con javascript possiamo fare il salto di qualità con type script che semplifichiamo lo all&#39;estremo è un pochino lo stesso concetto ovvero ci permette di mettere gli steroidi al nostro javascript e quindi di utilizzarlo in maniera più efficace per poi ops per poi tradurlo in javascript quindi come col con les con il sas noi dobbiamo andare poi a tradurlo tramite un software in css la stessa cosa vale per type script tramite un software andremo poi a tradurlo in javascript come vi dicevo nella slide è decisamente una cosa che potete imparare anche successivamente vi svelo un piccolo segreto io conosco type script so come si usa in linea di massima ma non lo uso e non saprei usarlo a livello professionale mi trovo bene con javascript e ad oggi non ho sentito l&#39;esigenza di fare questo salto di qualità i programmatori quelli seri molto probabilmente nella maggior parte dei casi invece fanno questa cosa in realtà poi si sa come sasuke come type script non sono le uniche soluzioni che abbiamo per ottenere questo risultato ma sono ad oggi sicuramente quelle più riconosciute e più utilizzati quindi times script ve lo consiglio per un passo successivo non neanche necessario un&#39;altra cosa che farà sorridere gli addetti ai lavori ammesso che ci sia qualche addetto ai lavori che è arrivato fino qua non so che utilità ne possa avere se non magari per darmi qualche suggerimento scrivetelo nei commenti quelli utili liquori c zo come sempre le guerre di religione no mi raccomando l&#39;ho spiegato all&#39;inizio che il percorso può essere fatto in tanti modi quindi sempre educazione nei commenti mi raccomando bene un&#39;altra cosa che vi capiterà sicuramente di leggere nel vostro percorso e jquery che cos&#39;è jquery fondamentalmente è una libreria javascript che vi permette di non aggiungere delle funzionalità a javascript ma di avere già delle cose scritte in javascript che poi vi permettono di essere più rapidi o rapide quando lo utilizzate quindi semplicemente voi aggiungete degli script alla vostra applicazione e poi andate a richiamare questi script che sono già scritti da altre persone che vi permettono di velocizzare quello che dovete fare vi faccio un esempio semplicissimo con javascript noi gli dobbiamo dire guardava mia prendere un elemento che si chiama the most o semplificando e non serve capire serve avere un&#39;idea di che cosa stiamo dicendo ma mi sa prendere un elemento che si chiama demo questa cosa qua e scritta con javascript bene con jquery possiamo fare la stessa cosa utilizzando meno caratteri in una maniera più comprensibili in una maniera più facile da leggere tutto quello che qui abbiamo fatto con tre righe di codice anche abbastanza non dico complesso ma le prime le prime volte un pochino spaventoso bene con jquery e lo facciamo con una singola riga è molto più rapidamente in una maniera molto più comprensibile ora in realtà oggi jquery è decisamente superato da altre cose di cui vi parlo fra poco ma ha ancora senso studiarlo perché una grandissima parte di internet e ancora basata su jquery visto che anche molto ma molto facile da capire e a volte anche utile io ancora oggi nonostante sia una una tecnologia che ha diversi anni ora non so quando è stato inventato di quelli ma credo almeno una decina d&#39;anni ma anche una quindicina mi sentirei di dire a chi lo sa poi lo controllerò ad ogni modo nonostante sia così vecchia come tecnologia è ancora molto efficace quindi ancora oggi la uso in diverse occasioni sicuramente una cosa che dovete studiare perché vi facilita molto la vita con il javascript un&#39;altra cosa che potreste voler studiare perché vi facilita la vita e bootstrap un&#39;altra libreria in questo caso sia css e javascript che b velocizza la vita quando andate a realizzare i siti web forse questo qua una cosa che si può fare anche in un secondo momento non l&#39;ho scritto nella slide ma probabilmente non è necessario farlo subito bootstrap è praticamente anche in questo caso una libreria che prende una serie di robe scritte in css e javascript già pronte per voi quindi 10 nel momento in cui fai un sito dagli è già un impostazione di base che poi la persona il programmatore la programmatrice può andarsi a modificare in questo caso queste le impostazioni di base che se voi guardate il mio sito web io ho ripreso di pari passo vedete il mio sito è fatto con bus tram e ho già una serie di elementi e tutti pronti che mi hanno risparmiato un sacco di lavoro era una roba che io potevo farmi a manina per ogni singolo elemento di ieri mettili questo css usa questo java scritto e fa in modo che quando clicchi succede questa roba bene bootstrap mi velocizza di molto questa cosa mi permette di ottenere lo stesso risultato o vedete banalmente una semplice menu a tendina è già inserito dentro bootstrap mentre diversamente avrei dovuto programmare melo io a mano è una cosa che potete imparare successivamente ma sicuramente una roba che prima o poi vi converrà imparare perché vi fa letteralmente risparmiare un sacco di tempo praticamente bootstrap immaginiamo come se avesse un sacco di queste robe qua scritti in css già scritte che voi dovete soltanto fare una specie di copia incolla vele mettete nel vostro codice e ce le avete già non dovete fare nient&#39;altro mostra fa esattamente questa cosa qua gli dice tutti i titoli h1 dargli determinate caratteristiche tutti i paragrafi dagli altri caratteristiche tutti i link dagli altre caratteristiche quella roba fatta manina richiederebbe ore e ore ore e giorni di tempo per un sito complicato bootstrap fa tutto lui al posto nostro in modo che noi possiamo concentrarci poi su come utilizzare gli elementi nella nostra pagina web passiamo alle appunto successivo che invece l&#39;utilizzo di un framework javascript ancora una volta stesso concetto di jquery stesso concetto di bootstrap più o meno ma molto molto molto evoluto ovvero ci sono oggi 3 framework famosi che si chiamano rear view e and you lara reate decisamente quello più usato al mondo forse anche quello che vi suggerisco di utilizzare view è quello più semplice da imparare ed è anche quello che utilizzo io quando utilizza un framework di questo genere io faccio poco applicativi così complessi da richiedere un framework in viola roggi forse non ve lo consiglio molto utilizzato più in in ambito enterprise ma ha poco senso credo oggi iniziare da yang yu lan anche perché piuttosto complesso sono anche in questo caso delle librerie javascript quindi dei file javascript che automaticamente vi permettono di fare una serie di cose vi faccio un esempio banale facebook è realizzato con reat proprio l&#39;applicazione facebook e la parte front end e quindi quella che vediamo nel browser è realizzata con la libreria reato sono una serie di funzioni javascript ok quindi una serie di cose scritte con javascript che voi ancora una volta semplificando molto copiate e incollate nel vostro codice e di automatizzano la scrittura di tutta una serie di altre cose anche molto molto molto complicate anche in questo caso vedete direi che non c&#39;è bisogno di capire subito che cosa sono tutte queste cose qua però fondamentalmente vi semplifica la vita decisamente quando dovete andare poi a realizzare un applicativo web rear view js and you&#39;ll are vi servono se volete creare degli applicativi web raramente li utilizzerete se non come esercizio di stile per un sito web è normale per un semplice sito vetrina la stessa cosa vale per invio lara ancora una volta non è necessario che capiate è bene a che cosa serve un host e robe ma è fondamentale che sappiate che prima o poi nella vostra mappa queste robe quali dovrete incontrare ve ne basta uno fanno la stessa cosa la fanno i modi diversi quindi certo più né imparati più sarete completi e complete come programmatori programmatrici ma nell&#39;utilizzo quotidiano vi basta uno dei tre quindi ore act o view o and you are e passa la paura scegliete quello che vi ispira io per esempio sono partito da englar ho capito che non lo capivo e allora sono passata vjs che è molto più facile reati invece praticamente non lo conosco perché non ho mai avuto il tempo di di impararlo ma sicuramente una cosa che dovrei fare se volessi essere più completo e diventare veramente un professionista anche lato programmazione e non solo web design una volta terminato tutto questo passiamo alla parte back end è la prima cosa che ci dobbiamo dire quando si ragiona sul back end quindi sul lato server e che dobbiamo imparare almeno come base come si utilizza un terminale il terminale disponibile su qualsiasi sistema operativo sia esso windows sia mac sia linux su windows si chiama prompt dei comandi o powershell sono due tipi di terminale simili bene o male abbastanza simili anche se non identici dobbiamo capire come utilizzare questa roba qua perché molte volte ci ritroveremo nella realizzazione di cose lato server a utilizzarlo in realtà è super utile impararlo anche se vogliamo fare solo front end perché ci velocizza una serie di procedure di cose che possiamo fare ma lato server e indispensabile quindi front end utile lato server back end indispensabile dobbiamo capire come funziona un terminale come si lanciano dei comandi come si fanno cose scrivendo all&#39;interno di questa roba qua vedrete che super facile non è necessario neanche che lo studiate magari lo imparate man mano che imparate le altre cose poi se volete potete approfondire con un corso specifico però non necessario la cosa fondamentale imparare come si usa ma una cosa che potrebbe arrivare anche spontaneamente senza mettervi proprio studiarlo ma studiando le altre cose linguaggio di programmazione lato server quello che io vi suggerisco di imparare si chiamano dj es mi raccomando non apriamo guerre di religione su questa cosa se siete degli addetti o delle addetti ai lavori ognuna ha le sue preferenze quello che io credo che oggi abbia più senso imparare se si parte da zero e decisamente no djs perché ha senso impararlo beh perché fondamentalmente node.js e javascript ovvero noi andiamo a scrivere in javascript e poi mj esche noi andiamo ad installare sul nostro computer traduce quello che noi abbiamo scritto linguaggio comprensibile dal server quindi noi utilizzando un linguaggio di programmazione che abbiamo già imparato javascript che un linguaggio nato per essere pensato lato client quindi front end possiamo programmare tutto il lato back end quindi server del nostro applicativo noi js super facile da usare io lo utilizzo tantissimo per fare robin e sul mio computer più per diletto personale che per avere utilità però tutte le mie automatizzazione fai questo fai quello carica traduci converti ai miei file io le faccio con james devo dire che una roba che anche soltanto per diletto e per poi utilizzarlo per giochicchiare è un&#39;ottima cosa imparare a studiarla veramente molto molto utile linguaggio lato server quindi che vi suggeriscono js che anche un linguaggio come si suol dire future proof quindi a prova di evoluzione futura cioè un linguaggio che sempre di più nel mondo della programmazione sarà utilizzato e quindi impararlo oggi ci mette anche un po al sicuro dal cambiamento dei tempi a differenza di altri linguaggi che magari sono un pochino più vetusti e col tempo saranno sempre meno utilizzabili lo js molto facile ci sono anche tantissimi corsi in parallelo no js dovrete imparare una cosa che si chiama npm che è molto direttamente legata a nord js nel senso che arrivano praticamente insieme come pacchetto praticamente e che è il sistema tramite il quale noi possiamo andare a inserire nei nostri codici i codici di tutta un&#39;immensa gigantesca serie di pacchetti che vengono realizzati da altre persone gratuitamente e open source cioè dentro il nostro codice noi non abbiamo bisogno di programmare ogni singola cosa ma possiamo tramite questa tecnologia dirgli direttamente nel nostro codice medici quell&#39;altro codice quindi per esempio se volesse dire nel miu miu applicativo mettici jquery medici bootstrap metti c.re.at view e ti and you lara bene tutte queste robe io ce le posso infilare dentro non vi sto a spiegare come si usa la riga di comando e molto molto facile non vi preoccupate una volta che lo si è imparato mettici dentro questi questi applicativi glielo dico tramite am pm per esempio andiamo a prendere bootstrap lo cerchiamo con il pm non bookstart [Musica] bootstrap ormai eccolo qui come faccio a mettere bootstrap dentro un pm lo faccio semplicemente con questa con questa frase con questo piccolo codice determinale quindi scriverò mpm e bootstrap e da quel momento dentro al mio codice io avrò bootstrap magia inutile che vi sto a spiegare qui come si fa questa roba sappiate che succede non c&#39;è bisogno adesso di entrare nei dettagli sicuramente in pm quindi è fondamentale ma un altro linguaggio dal quale secondo me non possiamo prescindere se facciamo programmazione back end è il php che è un linguaggio un pochino più vecchiotto dino js e anche meno mi verrebbe da dire meno funzionale ma poi sicuramente qualcuno si offenderà mi verrebbe da dire un pochino meno facile da imparare ma ancora una volta qualcuno avrà da ridire di sicuro il linguaggio un pochino più vecchio rispetto dei pm ma la verità è che oggi una stragrandissima maggioranza dei siti web degli applicativi web sono basati su php e quindi impararlo e veramente fondamentale se io apro un sito a caso la probabilità che quel sito sia basato su una forma di php e molto molto alta e quindi io vi suggerisco comunque di studiar ve lo vedrete che non è così difficile io per esempio conosco il php per quello che mi serve non sono un grande esperto di php e lo utilizzo quello che non so me lo cerco su google come abbiamo visto prima però almeno una base per capire se vedo qualcosa e non riesco a capire che cosa cavolo è quella roba lì che ho visto o una base per farmi un&#39;idea di massima di un sito web molto che dico molto collegato al linguaggio php c&#39;è wordpress ovvero il più famoso cms content management system che esiste al mondo banalmente wordpress è un software che si mette sul sito web sto super semplificando che è scritto col php ed è per questo che vi dico che sono collegati che ci permette di realizzare dei bei siti web game come si dice dei dei blog e dei siti statici dei siti ecommerce qualsiasi cosa io credo che oggi più o meno il 60 70 80 per cento dei siti web semplici che voi vedete siano realizzati con wordpress se vedete un blog online la probabilità che usi wordpress è anche più dell&#39;ottanta per cento forse siamo intorno non dico al cento per cento ma al 95 sicuramente wordpress è un sistema scritto in php ed è il sistema più utilizzato per usare il city per fare i siti web quindi insomma già capiamo il motivo per cui anche il php e pur essendo un linguaggio molto più anziano molto meno efficace di no djs sia comunque una roba che dobbiamo studiare necessariamente soprattutto se vogliamo fare siti web quindi magari se ci interessa solo fare applicativi possiamo farne a meno ma se vogliamo fare city quindi classico sito per il cliente che vuole l&#39;e commerce non possiamo prescindere da wordpress da php poi magari decidiamo di non usarli difficile però in ogni caso dobbiamo conoscerli decisamente quindi php linguaggio di programmazione wordpress il software scritto con quel linguaggio di programmazione che ci permette poi di fare tutta una serie di cose al nostro sito web non ultimo andare a comunicare con il database ne parliamo tra un attimo prima di parlare di database però voglio segnalarvi che giustamente non js e php non sono gli unici linguaggi di programmazione che esistono lato server così come lato client per esempi più noti non li approfondiamo anche perché non li conosco proprio zero zero assoluto i più famosi sono python e ruby sono tutti dei linguaggi che noi andiamo mettere sul server chip cancelletto non so bene come si pronunci ribadisco sono linguaggi che non ho utilizzato che ci cancelletto deriva comunque dal famosissimo ci sono tutti i linguaggi che stanno sul server e che vi permettono di fare bene o male le stesse cose che vi fanno fare no jsp hp perché utilizzarne uno piuttosto che l&#39;altro beh perché ogni linguaggio alle sue caratteristiche le sue specifiche le sue priorità famiglie alcune cose nel fa peggio delle altre usa di più o meno la cpu la ram eccetera eccetera eccetera quindi sulla base di quello che bisogna fare si sceglie un linguaggio piuttosto che un altro nella maggior parte dei casi concretamente il programmatore sceglie il linguaggio che sa usare e alla fine bene o male non ne vogliano i puristi e il super espertoni però alla fine con ognuno di questi linguaggi riusciamo a fare più o meno tutto quello che ci serve ad ogni modo se proprio proprio volete diventare del super ninja della programmazione lato server bes un&#39;occhiata a questi tre nomi sicuramente vi capiterà di darle forse non soltanto questi andiamo a vedere siamo quasi alla fine di questo percorso il concetto di database ovvero nel momento in cui io ho un sito con degli articoli dove si trovano concretamente questi articoli beh si trovano dentro un database ci sono diversi tipi di database e che io devo andare a studiare o che posso studiare che poi vanno a comunicare col mio linguaggio lato server quindi back end che a sua volta andrà a comunicare con linguaggio lato client quindi front end facciamo un esempio pensiamo un sito realizzato con wordpress così andiamo a fare tutto il percorso il database informato mai sequel che quello che vedete come m y sql comunica con wordpress che è scritto in php che a loro volta comunicano con il lato client quindi con html css e javascript con cui ha fatto il sito web quindi nel momento in cui voi aprite un browser come un sito scritto in wordpress che la maggior parte dei siti web del mondo voi state utilizzando sul client html css javascript che a loro volta comunicano con il server che invece scritto in php che monta sopra un software che si chiama wordpress che va a richiamare gli articoli le foto le immagini gli autori le pagine da un database che in questo caso è un database mai e mai sequel mysql il database mai sequel è quello con cui comunicano più facilmente i linguaggi php sequel qn e molte volte vi capiterà anche di usarlo c&#39;erano molte volte non certe circostanze vi capiterà anche di installare di questo database sul vostro computer dovete fare delle cose particolari io non sono un grandissimo esperto di database ve lo dico molto onestamente quello che so è che un database che funziona che fa le sue cose anche se oggi ci sono database più efficaci di questo per esempio il famoso mongo di b che comuni che invece molto bene con js non è vietato far comunicare un database con un con un linguaggio di programmazione diverso però bene o male comunicano molto bene se sono abbinati quindi node.js scomunica benissimo con lungo di b mentre php comunica benissimo con mai sequel c&#39;è una versione più più moderna di mai sequel che si chiama post grésy quel che io non conosco bene ve lo dico vi dico la verità come vi ho già detto non è necessario sapere tutto non serve avere competenza su qualsiasi cosa ma è sufficiente imparare bene le cose che ci interessano e quelle che ci servono nel nostro lavoro poi dipende anche a che livello volete fare questo genere di lavoro quindi dovete imparare come funziona un database dove vengono memorizzati letteralmente i dati e che si interfaccia poco nel vostro linguaggio di programmazione server side il lato server back end mongo di b e mai sequel sono i due nomi che vi faccio scegliete quello sulla base del linguaggio che state studiando vedrete che quasi automaticamente studiare quel linguaggio po di porterà a studiare anche il database l&#39;ultimissima cosa che vi voglio segnalare invece è kit di te un&#39;altra cosa che potete studiare anche successivamente e che vi permette la faccio supersemplice di salvare diverse versioni del vostro progetto per poi andar vele a riprendere quindi poche parole voi potete salvare fare una fotografia del vostro progetto nel momento in cui quel progetto si trova e poi eventualmente dopo altre dieci fotografie perché il vostro progetto è cambiato dieci volte andarvi a riprendere esattamente quella versione guardate rende molto l&#39;idea questo grafico voi avete una versione di partenza dalla quale poi sdoppiate due fotografie quindi le ditte guarda la versione normale la programmazione normale va avanti sulla linea rossa ma magari un altro programmatore sta realizzando una versione alternativa del software che poi va a fondere di nuovo con quella principale ma un altro programmatore ancora invece si prende quella parte lì per realizzare un&#39;altra versione ancora che poi viene fusa di nuovo nella principale questa cosa che si chiama kit la utilizzerete moltissimo anche per andare a prendere altri software open source e lo farete soprattutto da la piattaforma che si chiama get up per andarli a prendere per farli vostri per scaricarli sul vostro computer e per poi andare a lavorarci per cui non è indispensabile impararlo subito ma vedrete che studiando tutte queste cose sarà una cosa che un po inevitabilmente vi andrete a studiare i tab sicuramente un ambiente molto interessante una piattaforma molto interessante anche questa poi collegata con il pm vedete un po tutte le cose che ci stiamo dicendo sono collegate di età e di microsoft così come lo è visual studio coda quindi insomma tutti in tutte le strade veramente portano a roma alla fine io credo che questa sia tutto quello che vi serve sapere non per essere dei programmatori o delle programmatrici ma per capire che cosa dovete fare per diventarlo programmatori programmatrici web mi raccomando e la mappa generale la mappa del percorso sono contento di avervi fatto fare questo pezzettino di strada adesso avete chiaro per lo meno che cosa vi serve sapere quali sono le cose che dovete imparare e potete prendere una decisione per poi metterli concretamente in cammino io vi ringrazio per avermi seguito fino qui se avete trovato interessante questo video iscrivetevi con campanella al canale per non perdervi prossimi e se lo avete trovato molto utile magari vi ha cambiato la vita magari davvero è stato un pil un primo passo verso un nuovo percorso di vita come lo è stato per me bene allora potete finanziare questo progetto permettermi di fare altri video per altre persone che potranno giovarne come voi video di sempre maggiore qualità per lo meno me lo auguro e anche avere in cambio sulla base del vostro livello di di finanziamento fino ad arrivare ad una vera e propria scuola bene avere in cambio dei contenuti riservati e delle cose riservate che vi lascio scoprire su ciraolo punto me riservate esclusivamente per voi io vi ringrazio tantissimo per avermi ascoltato fino a qui e vi do appuntamento al prossimo video [Musica]

Transcript for:Percorso per Diventare Programmatori Web

Transcript for:
Percorso per Diventare Programmatori Web