Blog

Mini guida al primo approccio sul Front-end

Come diventare Front-end developer

Lo sviluppo web si divide in due macro aree: front-end e back-end.

Il front-end riguarda la parte di un sito web visibile all’utente e con la quale l’utente stesso può interagire.

Come diventare Front end developer: i primi passi

Per muovere i primi passi in questo mondo è consigliabile, se non necessario, avere dimestichezza con alcuni linguaggi di markup/ programmazione come Html5, Css3, Javascript e alcuni tool quali Adobe XD o Adobe Illustrator. Questo know-how si può apprendere in modo autonomo o ancora meglio con un corso per sviluppatore web.

Indipendentemente dal framework utilizzato è buona norma, per un buon frontendista, avere sottomano un mockup. Il mockup è una realizzazione a scopo illustrativo o meramente espositivo di un progetto che dovrà essere realizzato.

Come creare il mockup per un sito web

Per costruire un ottimo mockup interattivo è consigliabile l’utilizzo di Adobe XD, un programma che nasce proprio per questo scopo. Grazie ad Adobe XD (experience design) è possibile creare dei mockup interattivi nei quali potremo inserire anche collegamenti tra un foglio di lavoro ed un altro e transizioni di ogni genere.
Questo programma è rilasciato in via del tutto gratuita sul sito di Adobe.

Il mockup è pronto. Cominciamo!

Una volta definite le linee guida si comincia a strutturare la base, lo scheletro vero e proprio del progetto utilizzando Html5.
Immaginiamo per un istante di dover realizzare un quadro: il telaio, la tela e i chiodini sono il linguaggio di markup Html5 che ci permette, appunto, di creare la base di tutti gli elementi sui quali andremo a lavorare.
Una volta definito lo scheletro e ricreata la struttura del mockup, si comincia a lavorare con Css3.

Css3 rappresenta i colori che vengono utilizzati sulla tela del nostro quadro: grazie a questo linguaggio potremo definire colori, grandezze, posizioni, font e tanto altro.
Ovviamente il lavoro non finisce qui. Per impreziosire e migliorare il lavoro di Frontend sul proprio progetto si possono utilizzare librerie esterne come Bootstrap, Animate.css e tante altre.

Quali tool usare per un sito web

Di certo, in fase di creazione, è fondamentale definire delle linee guida come per esempio font, colori etc…
Quando si scelgono dei colori per un progetto (eccezion fatta per dei colori predefiniti di un cliente) bisogna far attenzione a determinati parametri:

  • Che messaggio vogliamo trasmettere?
  • Qual è il pubblico a cui è dedicato il progetto?

colori, come quasi tutto ciò che concerne la comunicazione, sono permeati di significati intrinsechi: per esempio, se vogliamo trasmettere un’idea di relax, professionalità o sincerità utilizzeremo una palette di colori sul blu. Ogni colore ha un suo significato: il consiglio principale è quello di non superare mai i tre colori in un progetto o si perderà qualsiasi tipo di coerenza.

Per far sì che i colori siano coerenti tra loro possiamo servirci di tool gratuiti come per esempio Adobe Color, che ci darà la possibilità di creare una palette cromatica lineare.
Altra scelta fondamentale in fase di creazione di un progetto è quella dei font (i caratteri) da utilizzare. Solitamente i font sono due: il primo da usare per i titoli, il secondo per i paragrafi.

Google Font è nostro amico perché ci permette di scegliere tra una vasta gamma di font gratuiti, inoltre, può essere incluso in un progetto e quindi può essere tranquillamente utilizzato senza dover scaricare ogni volta un font diverso.

Se nel progetto è presente un logo con una scritta che possiede un font già predefinito ovviamente lo si utilizzerà per i titoli.

Uno dei consigli più utili per poter partire e intraprendere la strada per diventare un buon frontendista, è quello di prendere spunto e, magari, copiare in locale layout di siti famosi per esercitarsi e migliorarsi ogni giorno!

Come imparare a programmare

L’Hackademy di Aulab forma sviluppatori full stack, sia sulla parte del frontend che su quella del backend.

Dopo il 3 mesi intensivi di corso, gli studenti possono scegliere liberamente a quale parte della programmazione web dedicarsi. C’è chi è più portato per la grafica e per l’estetica e quindi probabilmente si dedicherà al frontend, e chi è appassionato di codice e funzioni e sceglierà la parte backend.

La cosa più importante, che sia frontend, backend o fullstack, è avere delle solide basi da cui partire per poi approfondire l'aspetto più idoneo alle proprie attitudini e skills, le stesse che servono per immergersi nel mondo della programmazione.

L'hackademy risponde perfettamente a questa esigenza, in soli 3 mesi di corso intensivo potrai acquisire le competenze necessarie per scrivere codice ed avviare una nuova carriera professionale come programmatore.

Scopri qui tutte le informazioni sul corso di programmazione aulab.

Articoli correlati

Il linguaggio HTML (Hypertext Markup Language) è uno dei più conosciuti e diffusi: lo si trova infatti praticamente in tutte le pagine web esistenti. È una scelta popolare tra i principianti che si…
Essere uno sviluppatore web vuol dire imparare più linguaggi di programmazione per poter creare diversi tipi di applicazioni.  Per ogni applicazione, la maggior parte delle volte, …
Un buon programmatore, si sa, necessita di un ampio bagaglio di conoscenze per potersi districare tra le difficoltà che questo mestiere comporta. Oggi le richieste sul mercato sono molteplic…
Un fattore importante e spesso sottovalutato per avere successo nel campo del web development è la capacità di fare buone domande e sapere dove trovare aiuto all’occorrenza. Quando Google non bast…
Le tecnologie legate all’intelligenza artificiale stanno facendo progressi rapidi, suscitando al tempo stesso non poche congetture. Da scenari distopici in stile 2001: Odissea nello spazio, passando…
Il settore tech è appannaggio esclusivo della popolazione maschile? Questo preconcetto è abbastanza diffuso, ma come stanno davvero le cose? Oggigiorno il mondo tech, non solo in Italia, è in gran …

Seguici su Facebook

Scopri di più sul corso Hackademy

Inizia la tua nuova carriera nel mondo digital e tech.

Candidati ora

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.

Pagamento rateale

Valore della rata: A PARTIRE DA 112 €/mese.

Esempio di finanziamento  

Importo finanziato: € 2440 in 24 rate da € 112 – TAN fisso 9,37% TAEG 12,57% – importo totale del credito € 2788,68.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/07/2023 al 31/12/2023.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 183 €/mese.

Esempio di finanziamento 

Importo finanziato: € 3990 in 24 rate da € 183 – TAN fisso 9,37% TAEG 12,57% – importo totale del credito € 4496,56.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/07/2023 al 31/12/2023.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.