Come diventare FRONTEND Developer nel 2024
In questo video vediamo la lista di competenze per uno sviluppatore frontend. La mappa creata da roadmap.sh mostra tutti i linguaggi e tool da saper utilizzare. Lo scopo del video è fornire un'introduzione, spiegando brevemente ogni skill da apprendere.
🌐 ►Ti serve un hosting per mettere online il tuo sito?
bit.ly/3ViVqhm
📂 ► Organizza il tuo lavoro in maniera professionale:
bit.ly/3yvZJMg
💻 ► Il mio sito su cui trovare corsi e documentazione:
codegrind.it/
📚 ► Consigli per libri e postazione da lavoro:
amzn.to/3g0gSXZ
💰 ► Sostieni il canale con una donazione:
bit.ly/3CIHBjR
bit.ly/3EurJnh
💬 ►Social e Community
Gruppo Telegram: bit.ly/3MnRZ4X
Canale Telegram: bit.ly/3Vhrn9C
Discord: bit.ly/3rOR97L
Linkedin: bit.ly/3ExG7Lv
⏰ ►Capitoli
0:00 introduzione
1:05 come funziona internet
2:45 HTML
3:52 CSS
4:16 Javascript
5:10 Git e Github
7:05 sicurezza web
8:22 package manager NPC e YARN
10:48 SASS
13:30 architettura css con BEM
14:40 build tools
15:46 linter
16:52 script NPM
17:37 webpack
20:40 framework javascript: Angular, React e Vue
22:38 styled e web components
23:45 framework CSS
25:00 testare app con Jest
25:58 typescript
27:30 applicazioni web progressive
29:50 server side rendering
31:12 GraphQL
32:25 generatori di siti statici
35:14 applicazioni mobile con React Native e Flutter
36:58 desktop app con Electron
37:50 webassembly
38:44 mai smettere di imparare nuove tecnologie...
Пікірлер: 54
Ho appena finito il corso HTML (fin'ora il migliore che ho trovato) ed ora inizierò anche CSS, sei uno dei pochi che riesce a spiegare senza essere ripetitivo e noioso. Detto questo, aspetto la parte del backend dato che è quella che mi interessa di più, ti stimo.
@EdoardoMidali
2 жыл бұрын
Grazie mille! La roadmap backend arriverà a breve
Sto già affrontando un corso come web developer e in contemporanea ho sfruttato anche i tuoi fantastici video! Grazie per il tuo lavoro❤️
Sei un grande, i miei complimenti. Hai realizzato in modo EGREGIO e ORDINATO un introduzione alla posizione di front end developer, proprio quello che stavo cercando per entrare meglio e in modo decisamente curato e ordinato nei dettagli di ciò che si deve sapere per costruire bene questa professione. Grazie 👏👏
Ti seguo praticamente dal tuo pirmo video su HTML, quelli che duravano due ore e mi domandavo come mai non hai introdotto allora il GIT. Sto frequentando una coding academy e praticamente é una delle prime cose che ci hanno insegnato ovvero a pushare o a pullare progetti. Continua cosí :D
Ciao Edoardo, ti seguo da quando hai aperto il canale. Sono un programmatore di lungo corso. Ho iniziato a programmare negli anni '90 con il Turbo Pascal e con il passare del tempo sono passato per vari linguaggi: C/C++, VB/VBA, Java, C#, HTML, CSS, JScript, VBScript (ASP). In particolare il Visual Basic l'ho utilizzato in modo produttivo per parecchi anni, spaziando dalla programmazione Desktop all'Office automation, passando per lo sviluppo web. Poi nel 2007 mi sono allontanato dal mondo della programmazione e mi sono dedicato principalmente all'assistenza tecnica hardware. Sono stato anche un piccolo imprenditore. Chiusa quella parte della mia vita, negli ultimi tre anni ho deciso di riavvicinarmi alla programmazione, dando priorità allo sviluppo web, che, secondo me, continuerà ad offrire le maggiori opportunità per il futuro. Ho apprezzato tutte le tue playlist, perché vai diretto al punto, senza perderti in infiniti particolari. Sono ottime come introduzione per imparare nuove tecnologie. A questo punto, veniamo al video in oggetto. Tu dici che bisogna studiare, studiare, studiare e aggiornarsi sempre. Il problema è che in questo modo si perde la maggioranza del tempo ad imparare cose nuove, che probabilmente non si utilizzeranno mai, e che strada facendo, prenderanno il posto delle cose vecchie nella memoria. Ti assicuro che questo problema diventa particolarmente evidente quando superi i quaranta anni. E' inutile conoscere dieci linguaggi o dieci framework che fanno più o meno la stessa cosa, anche se in modo leggermente diverso. Non ti nascondo che negli ultimi anni mi è capitato di sviluppare qualche sito web per alcuni clienti, e alla fine, sai cosa ho utilizzato? Joomla! e Wordpress, senza scrivere neanche una linea di codice. Perciò ti chiedo: "Senza essere ridondanti, secondo te, quali tecnologie occorre veramente conoscere nel 2022 per sviluppare full stack?" (Nota bene, non per essere assunti come dipendente, ma per sviluppare direttamente per il cliente finale. Per esperienza personale ti dico che al cliente non interessa nulla della tecnologia che utilizzi, gli interessa solo che funzioni e che sia pronto per “ieri”) 😉👋
@EdoardoMidali
2 жыл бұрын
Studiare continuamente è importante perchè statistiche recenti dimostrano che ogni 5 anni il 50% della nostra conoscenza diventa obsoleta. Quindi per restare rilevanti bisogna continuare a studiare (fossero anche skill complementari), restare quantomeno aggiornati e sul pezzo. Diciamo che sedermi sugli allori è un rischio che personalmente non voglio prendermi. Come full stack per sviluppare progetti io faccio tutto in javascript tra framework frontend, node ed electron per desktop.
@MartialJoe
2 жыл бұрын
@@EdoardoMidali Ciao Edoardo, ti ringrazio per la risposta. Non dico che studiare non sia importante, dico solo che, essendo il tempo una risorsa limitata, bisogna utilizzarlo nella maniera più efficiente cercando gli strumenti tecnologici che permettano, a prescindere dalla piattaforma, di raggiungere un buon compromesso tra risultato e tempo. Se il mio scopo è essere assunto da una software house, è chiaro che più skill possiedo, più alta sarà la probabilità di essere preso, d’altro canto se voglio lavorare in proprio sarò io a scegliere la tecnologia che ritengo più opportuna per raggiungere i miei scopi (al cliente interessa solo il risultato e la velocità nello sviluppo). In caso contrario imparerò decine di tecnologie diverse, ma tutte in modo superficiale. Del resto cosa rende una tecnologia obsoleta? I programmi che scrivevo venti anni fa in VB6, tendenzialmente (con le dovute librerie) funzionano ancora. Anche i siti sviluppati con le vecchie Active Server Pages, funzionano ancora. Quindi una tecnologia diventa obsoleta o quando non funziona più, o quando ne esce un’altra che ti permetta di fare le stesse cose più velocemente. Per cui, se le statistiche recenti dimostrano che ogni 5 anni il 50% della nostra conoscenza diventa obsoleta, vuol dire che abbiamo investito il nostro tempo in strumenti passeggeri e non duraturi, seguendo il trend del momento. Tra parentesi, perlomeno con l’età che avanza, ti renderai conto che se non mastichi una tecnologia per qualche mese, tenderai a dimenticarla e a fare confusione tra le nuove tecnologie che hai appreso (ovviamente questo non accade se sei giovanissimo o hai la memoria eidetica come Sheldon Cooper). Comunque, sono d’accordo con te. Al momento, il giusto compromesso sembrerebbero essere i classici HTML, CSS, JS per il front-end, insieme a NODE, EXPRESS/EJS per il back-end, MySQL/MongoDB come DBMS, ed ELECTRON per lo sviluppo Desktop multipiattaforma. Ovviamente ci sono soluzioni più performanti, ma almeno devo conoscere bene un solo linguaggio. Il mio sogno sarebbe il supporto completo di JavaScript in Visual Studio, alla pari del C#, ma conoscendo Microsoft non credo che questo desiderio possa realizzarsi. In ogni caso, se un cliente ha “fretta”, la soluzione più rapida per lo sviluppo web rimane comunque un CMS con il template giusto. Per lo sviluppo Desktop la soluzione più rapida rimane Java/WindowBuilder o C#/Visual Studio (non menziono Python perché non ho trovato un ambiente RAD che sia realmente stabile ed efficace). Per adesso ti ringrazio per tutto il tempo che dedichi alla realizzazione dei tuoi video e ti saluto con rispetto. Alla prossima! 👋 P.S. Tra Angular, Vue.js, React, ecc. dove mi consigli di investire il mio tempo? In più, rimanendo in ambito JS, per lo sviluppo mobile quale tecnologia mi consigli? (Una sola tecnologia per categoria, per favore)
@EdoardoMidali
2 жыл бұрын
@@MartialJoe Ti direi a sto punto React (web) e react native mobile. Altrimenti c'è flutter per fare web, mobile e desktop ma richiederebbe un backend in javascript o altro.
@MartialJoe
2 жыл бұрын
@@EdoardoMidali Perfetto! Ti ringrazio per il consiglio. Spero che in futuro pubblicherai una playlist su React. Alla prossima! 👋
grandissimo Edo neanche in inglese si trovano questi video dove si spiegano in modo approfondito le Roadmaps attendo pazientemente quella per i Backend Developers 💪
@EdoardoMidali
2 жыл бұрын
Beh ho semplicemente letto e spiegato un gran lavoro fatto da altre persone. Non mi prendo il merito per il lavoro di altri.
Ciao Edoardo. Trovo i tuoi contenuti molto interessanti. Mi piacerebbe facessi un video in cui dai il tuo punto di vista sul futuro del mestiere dello sviluppatore, alla luce degli ultimi avanzamenti dell'intelligenza artificiale. Secondo te ci sara' un futuro per questa professione?
Buona sera Edoardo, mi aggrego agli altri utenti per dirti che stai facendo un ottimo lavoro, trovo i tuoi video particolarmente semplici ma nel contempo completi. Questo video poi è particolarmente utile, io sono un soft dev BE e volevo iniziare a studiare qualcosa, con una guida del genere si riesce ad indirizzare le proprie energie senza disperderle in mille linguaggi!!
@EdoardoMidali
2 жыл бұрын
Grazie mille! Intanto sto preparando la versione per BE dev e Data Analyst 😎😎
Grande Edo, ti seguo da quando programmavi su Turbo Pascal ❤️
Grande!Sempre ottimi contenuti!!!
Apprezzo tantissimo questi video esplicativi.
Grande, come sempre!
@EdoardoMidali
2 жыл бұрын
😊
Grazie mille per questo video, farai pure la parte backend?
@EdoardoMidali
2 жыл бұрын
sisi arriverà anche quello
@danielepilloni3027
2 жыл бұрын
@@EdoardoMidali ok grazie
Ottimi contenuti su questo canale...ti faccio pubblicità 👍
@EdoardoMidali
2 жыл бұрын
😎😎
Ciao Edo, grazie infinite per i tuoi video....Io provengo da un corso Generation di programmazione Java, ma mi affascina troppo il front-end. Avendo già imparato a livello base/ intermedio HTML,CSS e javascript (con anche jquery come libreria), e basi di SQL, come consigli di proseguire per risultare piu professionale? Puo' andar bene iniziare direttamente con Angular? Grazie infinite!
@EdoardoMidali
Жыл бұрын
Si come macro tecnologia è più realistico passare ad framework. Se vuoi andare sul sicuro, impara prima ciò che è più richiesto nella tua zona. Tanto prima o poi secondo me li guarderai tutti, anche se a livelli diversi.
@antoniogelsomini3186
Жыл бұрын
Ciao, hai trovato lavoro con generation italy?
Video fatto bene, come tuo solito. Farai anche un corso di spring?
@EdoardoMidali
2 жыл бұрын
yes
GRAZIE DEL VIDEOO
@EdoardoMidali
2 жыл бұрын
de nada!
Mi sa che ho fatto bene a scegliere la strada di backend developer..... Troppe cose da studiare per chi è frontend :-)
@EdoardoMidali
2 жыл бұрын
non pensare sia più semplice la roadmap backend
Esiste un corso dove poter sviluppare questa roadmap partendo dalle basi? Oppure mi devo andare a cercare ogni singolo argomento per conto mio?
@EdoardoMidali
2 жыл бұрын
Non credo esista un corso così massivo, sicuramente io non ho ancora avuto modo di farlo. Sul mio canale trovi qualcosa, ma non ancora tutto.
qual'è il ruolo dei content manage system in tutto questo? come si lega il loro uso allo schema?
@EdoardoMidali
2 жыл бұрын
Creare un CMS è un po' come creare una chat. Quindi il CMS non è una skill, ma un progetto a cui puoi lavorare. Caso contrario se parli di wordpress. Saper usare wordpress rientra itra le skill
Ma quindi io per poter fare il frontend web development ho bisogno di saper tutto ho solo html css e javascript
@EdoardoMidali
Жыл бұрын
non devi sapere tutto. Questo è il percorso che un frontend tende a seguire: a) le tecnologie tra 5-10 anni saranno diverse b) ogni azienda può richiederti diverse competenze per cominciare. Se fanno app in angular o react certo certo devi conoscere angular, Se fanno sitarelli a mano basta html css e js.
Grazie
Ciao Edoardo, posso approfittare per chiederti se porterai un corso di react?
@EdoardoMidali
2 жыл бұрын
arriverà anche quello
Comunque grazie per i video
@EdoardoMidali
2 жыл бұрын
😎😎
Farai anche un corso su react o qualche framework?
@EdoardoMidali
2 жыл бұрын
yes
@giorgio_113
2 жыл бұрын
@@EdoardoMidali Grazie mille :)
@daniellombardo6119
2 жыл бұрын
@@EdoardoMidali fallo uscire il prima possibile alloraaaaaaaaa!!!
Salve, hai questi corsi in spagnolo?
@EdoardoMidali
2 жыл бұрын
No però potrei registrarli, tanto spagnolo lo parlo. Oppure posso mettere a tutti i miei video i sottotitoli
Ti prego non vedo l'ora che esca git mi serve urgentemente
@EdoardoMidali
2 жыл бұрын
Mi spiace ma è previsto per maggio. Ho altri video già altri video programmati.
Grazie