Cosa studiare per diventare Web Designer Sviluppatore (Percorso e Roadmap)
By Andrea Marchetti
@marchetti_design
Oggi vediamo nel dettaglio qual è, secondo me, il giusto percorso per diventare Web Designer Sviluppatore, ovvero cosa devi studiare e in che ordine per diventare web designer sviluppatore capace di fare un sito completo dall’inizio alla fine, fatto bene e dal valore di migliaia di euro.
Secondo me, se si vuole imparare a fare siti web completi, bisogna subito capire che non puoi studiare solo una cosa, devi studiare più discipline che si “intersecano” tra di loro.
Devi studiare principalmente cose da due mondi diversi: Uno è il mondo del codice, della tecnica e dei nerd; l’altro è il mondo opposto, quello dei designer, dei creativi e delle persone che hanno un aspetto più creativo che tecnico.
Questi due mondi, per fare un sito web fatto bene, devono coesistere, devono essere in grado di mischiarsi e di incastrarsi bene. Sembra una cosa difficile, ma in realtà, se sei una persona a cui piace creare cose, che siano siti web o statuine di legno, vedrai che ti troverai bene e avrai tante soddisfazioni in questo mondo.
Principi del Design
Per iniziare a creare un sito web professionale, è importante comprendere i principi fondamentali del design e l’importanza di un design efficace. Il design rappresenta un elemento cruciale in molti ambiti, non solo per la creazione di siti web, ma anche per la progettazione di prodotti come sedie, automobili, appartamenti e interni.
Gli elementi di base del design comprendono l’utilizzo dei colori, degli spazi, delle proporzioni e della gerarchia. Nonostante siano considerati concetti basilari, sono assolutamente essenziali per la creazione di un sito web professionale. Infatti, se tutti gli elementi di un sito web hanno la stessa dimensione, l’utente non saprà dove posizionare lo sguardo per primo, non identificando quale sia l’elemento più importante. Invece, un design equilibrato, proporzionato e gerarchicamente organizzato guida l’utente ad identificare subito l’elemento più importante all’interno del sito.
Pertanto, per sviluppare un sito web efficace, è fondamentale studiare il design a livello generale e comprendere i principi base del design, che costituiscono la base per creare un design accattivante e funzionale.
User Experience
Poi devi farti almeno un’infarinatura iniziale di User Experience e capire cos’è la UX. La User Experience e come l’utente vive l’esperienza con il nostro sito web (con l’interfaccia che abbiamo progettato), è tutto leggibile? chiaro? facile da comprendere? Veloce? Che esperienza ha l’utente mentre naviga il nostro sito?
Per esempio se il tuo sito impiega più di 3 secondi per caricare, oltre il 52% del traffico mobile abbandona il sito, l’utente sarà frustrato di attendere la pagina che si carica per interminabili secondi, pessima User Experience.
Ok, quindi queste sono le prime due cose che devi studiare dal lato creativo. Poi, dal lato tecnico, le prime cose che devi imparare sono HTML, CSS e successivamente JavaScript.
Sul mio canale, ho creato molti contenuti di alta qualità su queste tecnologie. Vai a guardare nella home del canale, dove troverai tutto il percorso per imparare HTML, CSS e JavaScript gratuitamente. Se vorrai, ci sono anche corsi dove mostriamo un percorso più strutturato, dagli un occhiata qui.
HTML e CSS
HTML e CSS sono veramente le basi sulle quali si fonda il web, anche se non farai siti da zero in HTML e CSS, sapere queste tecnologie ti servirà molto. Se devi fare qualche piccola modifica a un sito già fatto per esempio, se conosci HTML e CSS, riuscirai a sistemare un sacco di cose in poche righe di codice. Se invece non le conosci, dovrai installare un plugin rischiando di appesantire il sito e renderlo più vulnerabile.
JavaScript
JavaScript è un vero e proprio linguaggio di programmazione, e non un linguaggio di markup come HTML. Pertanto, JavaScript non viene utilizzato per posizionare gli elementi nella pagina, ma per creare interazioni e funzionalità avanzate sul sito web.
Ad esempio, quando si visualizza un pop-up dopo un clic o si vedono i risultati automatici mentre si digita in un campo di input, quello è JavaScript!
Dopo aver imparato HTML e CSS, è importante aumentare il livello di complessità del proprio progetto web, acquisendo le basi di JavaScript per aggiungere interattività.
Quindi, HTML, CSS e JavaScript sono tre elementi fondamentali per la creazione di un sito web dinamico e funzionale.
Cms e WordPress il Web dinamico
Dopo aver completato questa fase, sarai in grado di creare pagine web statiche, ovvero pagine che non presentano dinamicità. Tuttavia, è importante comprendere che il web odierno è composto principalmente da pagine web dinamiche.
Ciò significa che utilizzando lo stesso modello di pagina, è possibile creare molte pagine identiche. Ad esempio, pensa agli articoli all’interno di un blog. Non è necessario che ogni articolo venga sviluppato da zero dallo sviluppatore. Piuttosto, il codice HTML e CSS viene scritto solo una volta, e poi ci sono strumenti come WordPress e CMS che consentono di rendere dinamico il contenuto della pagina.
Ciò significa che, invece di avere il contenuto scritto direttamente nell’HTML del modello, la pagina viene dinamicizzata e collegata a un pannello di controllo, dove l’utente può inserire il titolo e la descrizione del proprio articolo. Questo consente di creare numerosi articoli dal pannello di controllo, utilizzando sempre lo stesso modello di pagina.
In sostanza, ciò permette di creare siti web dinamici, che costituiscono il 90% dei siti web odierni. È quindi importante comprendere i concetti di programmazione base di HTML, CSS e JavaScript per poter creare e gestire siti web di successo.
Come si fanno siti dinamici?
Con WordPress e Php, queste sono le due cose che devi studiare. È importante conoscere le basi di PHP per poter utilizzare al meglio WordPress, che sarà il “motore” del nostro sito e che ci permetterà di renderlo dinamico.
WordPress offre una vasta gamma di funzionalità già pronte all’uso, come la possibilità di pubblicare pagine, articoli e commenti, di avere un modulo di contatto, e di gestire l’accesso degli utenti con un pannello di controllo. Tutto questo ci permette di creare un sito web dinamico e funzionale, con un design personalizzato tramite HTML e CSS.
Inoltre, se sei in grado di farlo, puoi anche modificare il front-end di alcuni template WordPress per adattarli alle tue esigenze. Questo tipo di sito ha un grande valore per le aziende e le organizzazioni che vogliono comunicare online in modo moderno e funzionale, e raggiungere i propri obiettivi di business, marketing e comunicazione in modo più efficace.
Ricapitolando abbiamo detto HTML, CSS, JavaScript, PHP, WordPress. Questa è la roadmap base.
Una volta che sei arrivato qui, per fare siti web veramente professionali, ti serve qualcos’altro:
Il copywriting e il marketing
Per fare un sito web che funzioni, devi avere anche una conoscenza almeno base di queste discipline. Perché se io vengo sul tuo sito web e tu non mi spieghi bene:
- chi sei
- cosa fai
- perché dovrei venire da te
Capisci che il sito può essere figo quanto vuoi, ma non porterà richieste di contatto o risultati. Per questo, devi studiarti copywriting e avere un infarinatura di marketing.
Questi sono mondi: Marketing, Comunicazione, Design, Codice, quindi non devi essere esperto in tutto, ma devi avere una buona conoscenza di base in tutte queste discipline se vuoi realizzare siti completi.
Poi, in base alla tua predisposizione, puoi specializzarti e diventare bravo in ciò che ti piace di più. Ma sono tutte cose fondamentali.
Se una di queste cose non c’è all’interno del tuo sito, stai lasciando degli utenti sul tavolo. Se il design non è accattivante e non dà fiducia, gli utenti se ne vanno. Se il tuo design non comunica bene, a livello di copy, che cosa fai e perché dovrei venire da te, gli utenti se ne vanno. Se il tuo sito web è lento o ha degli errori a livello di codice, gli utenti se ne vanno. Sono tutte cose molto importanti.
Spero di averti dato una guida se vuoi far parte di questo mondo ed entrare nel settore web, se vuoi un percorso guidato per imparare si la parte tecnica che di design dai un occhiata a miei corsi qui.
A presto, un saluto,
è Stay Tuned!
Potrebbero interessarti:
