Competenze fondamentali da padroneggiare per sviluppatori front-end

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 richiederà qualsiasi 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:

1. HTML
2. CSS
3. 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 lo 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.

Abilità piacevoli

Dopo aver tirato giù 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'utilizzo di un precompilatore (o del preprocessore) ha molti vantaggi, dall'applicare il codice più pulito 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 aiutano a ottimizzare il tuo flusso di lavoro con le griglie integrate e altri componenti CSS. Due esempi popolari sono Bootstrap e Foundation.
• Design reattivo: In questi giorni, 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 responsive 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 lavori con un team. Utilizzare un gestore di pacchetti, come Bower, per ottenere tutto risolto 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 può essere eseguito anche sulla riga di comando, per comprimere i file e ottimizzare il flusso di lavoro. Possono fungere da compilatori per i preprocess 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.