Le offerte di lavoro variano in quello che cercano in uno sviluppatore front-end. Alcune aziende vogliono che i candidati sappiano cose come Ruby, Git, strumenti di progettazione, editing video e la lista continua.
Tuttavia, ci sono alcune abilità che richiedono un lavoro di sviluppo front-end - le abilità "core" - e alcune altre che dovresti seriamente considerare di aggiungere al tuo repertorio.
Cosa hai bisogno di sapere
Sfoglia gli annunci di lavoro online alla ricerca di ciò che è fondamentale per gli sviluppatori front-end di conoscere e capire; ci sono tre cose chiave.
Non negoziabile.
E loro sono:
- HTML
- CSS
- JavaScript (jQuery)
Questi sono i fondamenti. Fortunatamente, ci sono molte piattaforme di apprendimento online gratuite o convenienti in cui puoi imparare queste abilità se non le conosci già.
HTML
HyperText Markup Language, o HTML, è il componente strutturale chiave di tutti i siti Web su Internet. Come dice Jennifer Kyrnin,
"È la lingua delle pagine web, il linguaggio di marcatura che i browser leggono per rendere pagine web".
Le pagine Web non possono esistere senza HTML.
CSS
CSS e HTML funzionano insieme: i CSS aggiungono stile all'HTML. Mi piace usare l'analogia che l'HTML è come una faccia, e il CSS è come il trucco.
Sebbene il CSS non sia necessario per ottenere un sito web online, in pratica ogni sito online utilizza un qualche tipo di stile.
Altrimenti sarebbe abbastanza noioso. Con le versioni più recenti di CSS, puoi fare cose come animazioni e stili più avanzati che erano possibili solo con JavaScript o Flash in passato.
JavaScript
JavaScript, o JS, ha progredito rapidamente nel corso degli anni. Ha molti scopi al giorno d'oggi e può essere utilizzato sul fronte o sul retro.
In relazione allo sviluppo front-end, JS è importante perché aiuta a rendere le pagine Web interattive. Puoi fare cose fantastiche come creare sondaggi, quiz o moduli di presentazione.
Oggigiorno ci sono numerose librerie JS online per aiutarti a portare le tue pagine web al livello successivo.
Tuttavia, per diventare uno sviluppatore front-end, devi solo capire JavaScript di base e la libreria JS più popolare - jQuery.
Nizza-to-have
Dopo aver discusso le basi, queste sono altre abilità che sono belle da avere. (E molti lavori di sviluppo front-end li cercano).
MV * JavaScript Frameworks
I framework JavaScript ti aiutano a organizzare e condensare il tuo codice.
Per quanto riguarda le opzioni MV * (o MVC), ce ne sono trenta: due dei più popolari sono backbone.js e angular.js.
Senza dubbio, l'apprendimento di un framework JS è la parte più difficile del diventare un vero sviluppatore front-end, ma è il modo migliore per portare le tue abilità al livello successivo.
Strumenti CSS
Rispetto ai framework JavaScript qui sopra, gli strumenti CSS di seguito sono relativamente facili da imparare. Ci sono tre tipi da cercare:
- Precompilatori: l' uso di un precompilatore (o del preprocessore) presenta molti vantaggi, dall'applicare il pulitore di codice al mantenimento dell'organizzazione. È un modo semplice per scrivere CSS e promuovere i principi DRY (Do not Repeat Yourself). I precompilatori CSS più famosi sono Sass, Less e Stylus. Se sei appena agli inizi, attenersi a quello di apprendimento.
- Quadri CSS: i framework CSS consentono di ottimizzare il flusso di lavoro con le griglie integrate e altri componenti CSS. Due esempi popolari sono Bootstrap e Foundation.
- Responsive design: al giorno d'oggi ci sono così tanti diversi tipi di dispositivi che il tuo sito dovrebbe essere in grado di adattarsi a tutti loro. Il design reattivo ti aiuta a costruire siti che funzionano su tutte le dimensioni dello schermo: desktop, tablet e smartphone. Framework come Bootstrap e Foundation hanno un design responsivo integrato, quindi se impari uno di questi, sei pronto.
Strumenti di costruzione front-end
Come sviluppatore, dovresti essere in grado di gestire l'ottimizzazione della dimensione del file e l'efficienza del flusso di lavoro. Questi strumenti possono aiutare.
- Gestione dei pacchetti: può essere difficile organizzare tutte le librerie, le risorse e così via, in particolare per i progetti di grandi dimensioni o quelli in cui si lavora con un team. Usa un gestore di pacchetti, come Bower, per sistemare tutto e tenere un registro degli aggiornamenti.
- Yeoman.io: Se a volte hai problemi a far decollare i progetti, usa Yeoman per iniziare rapidamente i progetti e rimanere produttivo. Viene eseguito sulla riga di comando.
- Task Runner: usa Grunt o Gulp, che viene eseguito anche sulla riga di comando, per comprimere i file e ottimizzare il flusso di lavoro. Possono fungere da compilatori per i preprocess di Sass o Less e hanno anche una vasta gamma di plugin che vantano altre funzionalità.
Conclusione
Mentre il bello di avere può sembrare un sacco, pensa a loro come abilità che dovresti aggiungere nel tempo. Le cose fondamentali che devi sapere sono HTML, CSS e JavaScript.
Se hai altre competenze web, anche se non sono correlate al front-end, portali sul tavolo - come design, video editing, SEO, ecc.