Corso Web Design

Banner promozionale del corso Web Design a Roma, firmato LABFORTRAINING

Inizio: 28 gennaio 2020 a Roma
Durata: 150 ore
Orario: serale 18.00-21.00
Prerequisiti: nessuno

Ecco alcune delle cose strepitose che potrai fare con il Corso Web Design:
  • Progettare Layout grafici per siti e applicazioni web.
  • Creare siti web con qualsiasi tipo di interfaccia grafica, comprendendo a pieno le regole dello UI/UX Design.
  • Comprendere e scrivere il codice che è dietro i siti web, senza dover dipendere da alcun software o editor specifico.
  • Creare siti web perfettamente usabili con PC e smartphone.
  • Realizzare effetti di animazione per il web utilizzando le librerie jQuery e GreenSock.
  • Realizzare siti e-commerce con WordPress e WooCommerce.

Il corso in pillole

Il Corso Web Design è pensato per formare professionisti web con tutte le carte in regola per entrare nel mondo del lavoro.

Il Corso Web Design è un percorso diviso in moduli progressivi che, a partire dalle basi, ti insegnerà sia a realizzare i progetti grafici dei tuoi siti web, che a comprendere e a scrivere il codice per realizzare le pagine web.

Imparare a scrivere il codice sorgente delle pagine web, oltre allo studio delle tecniche e dei software principali di grafica, ti permetterà di inserirti in qualsiasi realtà lavorativa, sia essa una startup che una web agency già consolidata.

E se ti senti un'anima libera, potrai lavorare come freelance, sapendo di poter contare su un bagaglio di conoscenze ampio.

Alla fine del Corso Web Design sarai in grado di realizzare ogni tipo di interfaccia grafica per il web e di realizzare siti web ed e-commerce con l'ausilio di WordPress e WooCommerce.

Il percorso Web Design

Il Corso Web Design spiegato in breve
  • 150

    ore di corso in aula

  • 2

    lezioni settimanali in orario serale 18/21

  • 12

    alunni max per classe

  • 5+

    incontri con aziende partner che ti illustreranno le proprie offerte di lavoro

IL PROGRAMMA DEL CORSOVOGLIO SAPERNE DI PIÙ

È il corso che fa per te?

Sì, se vuoi avvicinarti al mondo dei linguaggi web, e imparare a progettazione e realizzazione i tuoi siti web in modo professionale.
E sì, se sei un grafico e vuoi aggiungere al tuo bagaglio anche competenze del mondo web.

Quando

Dal 28 gennaio al 30 giugno, 2 lezioni a settimana, il martedì e il venerdì, in orario serale 18.00/21.00.

Dove

Nella sede di LABFORTRAINING, in via Pasquale Revoltella 85 a Roma.

Non puoi seguire i corsi in aula? Vivi fuori Roma o lavori quando c'è lezione?

Con LABFORTRAINING on demand, puoi seguire i corsi quando e dove vuoi.
Contattaci per saperne di più

Cosa ti serve

Un computer ovviamente, ma ci abbiamo già pensato noi: in aula troverai un Apple iMac tutto per te.

Cosa ti diamo

  • Dispense ed esercizi pratici che troverai nell'area riservata LABFORYOU.
  • Le registrazioni video di tutte le lezioni per non perderti nemmeno un minuto di corso, anche in caso di assenza.
  • L'attestato di partecipazione a fine corso e l'attestato di merito con valutazione finale.
  • L'iscrizione al gruppo Facebook Labforjob, in cui postiamo offerte di lavoro selezionate da noi: abbiamo contatti con molte aziende, ma scegliamo solo annunci seri. Niente stage/lavori sotto pagati, per intenderci.
  • Caffè e biscotti per ricaricare le pile.
  • Wi-Fi Free.
  • La possibilità di usare i nostri laboratori per studiare ed esercitarti anche dopo gli orari di lezione.

Costi

I costi del Corso Web Development, firmato LABFORTRAINING
  • Inizio e fine corso: dal 28 gennaio 2020 al 30 giugno 2020
    2 lezioni settimanali: martedì e venerdì in orario serale 18/21.

  • Durata: 150 ore d'aula

  • Costo: 2.000 euro + iva

  • Video corso on demand: entro il 9 gennaio » 1.700 euro + iva invece di 2.000 € + iva

Iscrizione

Per iscriverti al Corso Web Design dovrai compilare la scheda di iscrizione e versare una quota di 300 euro + iva a titolo di acconto.

Per l'iscrizione ti chiediamo di passare qui a scuola.
Puoi raggiungerci in via Pasquale Revoltella, 85 a Roma. Siamo aperti dal lunedì al venerdì dalle 9.30 alle 18.30.

Non puoi venire a scuola per iscriverti?
Nessun problema. Ti invieremo la scheda da compilare via mail, e potrai versare l'acconto tramite Bonifico Bancario.

Pagamento a rate

Puoi rateizzare il costo del Corso Web Design da 6 a 18 rate mensili, per mezzo della società finanziaria Consel Spa.

Per tutte le info sul finanziamento contattaci e ti risponderemo il prima possibile.

Tutto chiaro?

Se hai bisogno di altre informazioni sul corso, o sulle modalità di iscrizione e rateizzazione, compila il modulo e ti risponderemo il prima possibile. Grazie.

VOGLIO SAPERNE DI PIÙ

Programma del Corso Web Design

  • Grafica per il web 15 ore


    • Gli strumenti di Photoshop
    • L'interfaccia e l'area di lavoro
    • Creazione di nuovi documenti nei diversi formati per la stampa e il web
    • Studio della risoluzione per stampa, fotografia e web
    • Dimensione e ricampionamento immagini
    • I formati di esportazione (jpg, png, gif, tiff, pdf, psd)
    • Cenni sulla teoria dei colori: principali differenze tra metodo rgb e cmyk
    • Regolazione delle immagini attraverso l'uso di istogrammi e le curve
    • I livelli
    • Strumenti di selezione e di scontorno
    • Tecniche di selezione perfetta, creazione delle maschere e rifinitura dei bordi
    • Uso di Correzione colore
    • Strumenti di fotoritocco ed editing di immagini
    • Strumenti di testo
    • Livello regolazione bianco e nero
    • Livello regolazione bianco e nero su metodo di fusione luminosità
    • Livello di regolazione tonalità / saturazione / luminosità
    • Livello di regolazione Soglia
    • Filtro, polvere e graffi
    • Sfocatura
    • Maschera di Contrasto
    • Strumento righello e ritaglio in prospettiva
    • Automatizza > Photomerge
    • Oggetto avanzato vettoriale e interazione tra Photoshop e Illustrator
    • Creazione di un pennello e impostazioni pennelli
    • Opzioni dei pennelli
    • Creazione di un pattern con effetto di continuità (filtro > altro > sposta)
    • Metodo di colorazione digitale e metodi di fusione dei livelli
    • Effettistica e Color Correction:
      • Lavorare in modo non distruttivo sulle immagini
      • Nozioni di tipografia e composizioni tipografiche per web

    • Gli strumenti di Illustrator
    • Interfaccia e strumentazione
    • Creazione di un nuovo documento
    • Le maschere
    • Gli strumenti di taglio
    • Lo strumento crea forme
    • Elaborazione Tracciati
    • Interazione delle forme tra loro
    • Strumento testo e composizioni tipografiche
    • Live trace
    • Colori, ruota colori di Illustrator, accostamento preset di Illustrator, Strumento Ricolora Grafica
    • Sfumatura e gestione sfumatura
    • Creare un documento multipagina
    • Selezioni (freccia nera, freccia bianca)
    • Forme e strumenti di taglio
    • Le curve di Bezier, gestione delle curve
    • Lo strumento matita e disegnare con la tavoletta grafica
    • Creare una forma da una traccia
    • Colori e campioni
    • I livelli
  • UI/UX design 18 ore


    • Ricerca e Analisi del progetto
    • Individuazione del briefing e del problema da risolvere

    • Concept
    • Generare idee e validarle. Ovvero, come risolvere il problema e come organizzare la struttura dell'applicativo
    • Architettura delle informazioni - IA
    • Tree test per validazione Architettura Informazioni
    • Analisi funzionale basica
    • Concetto di UCD (user centered design process)
    • Eventuale Card sort e lavoro con penna e matita per un brainstorming
    • Prime bozze / idee realizzate su carta

    • Design
    • Rendere reale il concept ideato
    • Studio e definizione dei componenti Web
    • Studio e posizionamento dei contenuti e dei componenti all'interno dell'applicativo
    • Censimento dei componenti web esistenti, approfondendone le caratteristiche, le dimensioni, l'aspetto e la funzionalità
    • Google Material
    • Bbc Gel Styleguide
    • Creazione di un Wireframe per approvazione di un applicativo
    • Concetto di User Interface - UI
    • Comunicazione Visuale dell'applicativo
    • Colori
    • Creazione di un'interfaccia grafica pixel perfect, personalizzazione del wireframe approvato
    • Responsività e concetto di risoluzione relativa alla proporzione rispetto alla viewport
    • Typography
    • Gerarchia degli elementi grafici
    • Accessibilità tenendo conto dei font e colori per persone disabili. Simulazioni on line

    • Testing
    • Usabilità e Accessibilità
    • SPLIT TEST + AB test + PREFERENCE TEST
    • Concetto di testing sull'utente finale. Come migliorare l'applicativo tramite feedback
    • Simulazione della consegna dell'interfaccia dell'applicativo ad un ipotetico reparto di sviluppo web
    • Formato finale: Interfaccia pixel perfect in formato immagine + file sorgente + PDF per mostrare il lavoro al cliente

    • Digital Styleguide e consegna
    • Creazione di una guida di stile multipagina per l'applicativo realizzato, dove viene illustrato il layout dell'applicativo e ogni singolo componente utilizzato
    • Creazione di un layout grafico per impaginare la guida
    • Redazione di un indice dei contenuti e illustrazione dei singoli componenti utilizzati all'interno della guida
    • Coerenza di linguaggio sia testuale che visivo
    • Simulazione della consegna del manuale digital ad un ipotetico reparto di sviluppo web
  • HTML5 e CSS3 30 ore


    • Il linguaggio HTML
    • Introduzione al linguaggio HTML
    • Sintassi di base
    • Concetto di tag, attributo e valore
    • Problemi di compatibilità tra browser
    • HTML e l'accessibilità delle pagine web
    • La formattazione del documento web - i paragrafi e la titolazione
    • Gli elenchi puntati e numerati
    • I collegamenti ipertestuali
    • Inserire immagini in un documento web
    • I formati grafici per il web
    • La realizzazione delle tabelle
    • Il Tag IFRAME per incorporare contenuti web esterni al proprio sito (Youtube, Google Maps, Vimeo, Facebook, etc.)
    • Risorse utili e casi pratici

    • HTML5 semantico
    • Introduzione all'HTML5 e differenze con HTML4.01
    • la sintassi HTML5
    • Il supporto dei browser
    • Fallback e Polyfill per gestire retrocompatibilità dei browser
    • I nuovi TAG e gli attributi introdotti in HTML5
    • Elementi Header e Footer
    • Elementi Section e Article
    • La navigazione semantica con l'elemento Nav
    • Elementi Aside e Figure
    • Integrare Facebook all’interno del proprio sito Web
    • Open Graph Protocol
    • Risorse utili e casi pratici

    • Le form e la multimedialità con HTML5
    • Creazione dei Form (moduli)
    • Analisi ed utilizzo dei campi form HTML
    • Le novità introdotte per le form in HTML5
    • I tag AUDIO e VIDEO e i loro attributi
    • I formati audio e video supportati
    • Progettare video per tutti i device
    • Risorse utili e casi pratici

    • I fogli di stile CSS
    • Introduzione ai fogli di stile CSS
    • Separare lo stile dai contenuti
    • Le regole della sintassi CSS
    • Differenti tipologie di fogli di stile: fogli di stile in linea, incorporati, esterni, importati
    • Analisi degli stili principali: gli stili del testo, gli stili per lo sfondo
    • Utilizzare le Classi e le pseudoclassi CSS
    • ID univoco
    • Caso pratico: realizzazione di una barra di navigazione complessa
    • Le immagini in Background
    • Il box Model CSS tradizionale
    • Tre proprietà speciali: display, float e clear
    • Il Layout Fisso
    • Il Layout Fluido o Liquido a due e tre colonne
    • Il Layout elastico per adattare il proprio sito a differenti risoluzioni e dimensioni del monitor
    • Impostare un CSS Reset
    • I fogli di Stile CSS e Internet Explorer
    • I commenti condizionali: riconoscere la versione di Explorer utilizzata

    • Le novità dei CSS3
    • La sintassi CSS3 proprietaria dei browser
    • La proprietà @font-face
    • I nuovi formati per i font: Woff e Woff2, SVG
    • Utilizzare i colori rgba e la proprietà opacity
    • La proprietà box-sizing
    • Arrotondare i bordi dei box
    • Le proprietà CSS3 per ombreggiare Box e Testi
    • Le nuove pseudoclassi introdotte dai CSS3
    • Risorse utili e casi pratici
  • Javascript e jQuery 18 ore


    • Il linguaggio Javascript e il DOM
    • Introduzione a JavaScript
    • Sintassi di base di JavaScript
    • Il DOM (Document Object Model): elementi, attributi, nodi testuali
    • L'interazione con il DOM: document.getElementById e document.querySelectorAll

    • Le librerie jQuery
    • Introduzione alle librerie jQuery
    • Inglobare in una pagina web le librerie jQuery
    • L'operatore $ e la sintassi di base jQuery: selettori, attributi, classi e metodi base
    • Le funzioni html(), text(), css()
    • Manipolazione degli elementi della pagina e dei CSS: le funzioni append() e appendTo()
    • Effetti e Animazioni: spostare e animare gli oggetti della pagina
    • Le funzioni fadeIn(), fadeOut(), animate()
    • Realizzare siti web "one page" con effetti di menu a scorrimento
    • Alcuni plugin jQuery per realizzare effetti d'animazione
      • LightBox, Colorbox, FancyBox, JCarousel: realizzare slider, sfogliare immagini, effetti di dissolvenza, photo gallery
      • Effetto "parallax"
      • Realizzare "social wall" responsive con la libreria Masonry
  • GreenSock 12 ore


    • Le basi delle animazioni con Green Sock
    • Caricamento degli script
    • Il metodo TweenLite.to()
    • Interpolazione di più proprietà
    • Andamento delle interpolazioni

    • Creare una animazione semplice
    • Il metodo TweenLite.from()
    • Animazione 2D
      • Transforms
      • Scale
      • Rotation

    • Creazione di uno slider immagine
    • Funzioni $ (documento) .ready() e .click() di jQuery
    • Attivare una animazione con l'oggetto Button

    • Controllare una Animazione
    • Introduzione alla proprietà speciale transformOrigin
    • Controllare la direzione di rotazione
    • I metodi play() e reverse()

    • Metodi di interpolazione e callbacks
    • Recupero e impostazione dei valori correlati alle interpolazioni
    • Callback di eventi
    • Il timeScale() di una animazione

    • TweenMax
    • Introduzione a TweenMax
      • Repeat
      • RepeatDelay
      • Yoyo
    • Gli eventi onStart, onRepeat e onComplete

    • TimelineLite
    • Animazioni sequenziali con TimelineLite
    • Regolazione del tempo con il parametro di posizione
    • Utilizzo di etichette in una linea temporale
    • Modificare l'andamento di una animazione con Config()
    • Creazione di una progress bar animata

    • Controllare la linea temporale
    • Aggiungere i pulsanti Play e Pause
    • Aggiungere i pulsanti Reverse, Resume e Restart
    • Analisi dei principali plugin di Green Sock
    • Esempio pratico: creazione di un banner animato
    • Esempio pratico: creazione di un cielo stellato
      • Posizionare le stelle
      • Utilizzo di Math.Random() per migliorare l'animazione
      • Utilizzo di jQuery each()
  • Responsive Web Design: CSS Flexbox + CSS Grid 15 ore


    • CSS Flexbox
    • CSS Flexbox, i principi di base
    • Creare griglie monodimensionali
    • Display:flex
    • La proprietà justify-content per allineare gli item di un FlexBox
    • Le proprietà flex-direction, flex-wrap e flex-flow
    • La proprietà shorthand degli item del flexbox: FLEX
    • Differenze tra la proprietà width e la proprietà flex-basis
    • Creare colonne affiancate con la stessa altezza
    • Modificare l'ordine degli item di un flexbox
    • Nidificare i Flexbox
    • Caso pratico: realizziamo una barra di menu orizzontale con i FlexBox
    • Risorse utili e casi pratici
    • Appendice: Utilizzare Flexbox e CSS Grid insieme

    • CSS Grid
    • Introduzione a CSS Grid
    • Definire una griglia
    • Creare griglie bidimensionali con grid-template-columns e grid-template-rows
    • Utilizzare le percentuali e il metodo css repeat()
    • Utilizzare l'unità di misura Fractional Units
    • Posizionare gli elementi della griglia
    • Utilizzare grid-template-areas e grid-area per definire zone della griglia
    • max-content, min-content, minmax()
    • Cambiare l'ordine di posizionamento degli elementi della griglia
    • Creare layout con griglie nidificate
    • Esempio pratico: Realizziamo un Fluidly Responsive Grid senza l'ausilio di Breakpoints e delle Media Query
    • Risorse utili e casi pratici
  • WordPress 30 ore


    • Introduzione a WordPress
    • Cos'è e come funziona WordPress
    • Installazione e configurazione
    • I temi di WordPress e la loro organizzazione gerarchica
    • La struttura di base di un tema di WordPress
    • Le cartelle di base, la cartella wp-content e le sue sottocartelle Themes e Plugins
    • I file indispensabili (style.css, index.php)
    • Il Pannello di Amministrazione

    • Creare un blog con WordPress
    • Installazione di un tema di base (free o premium) e modifica automatizzata dei parametri (font, colori, immagini)
    • Inserimento e Modifica di Articoli (Post)
    • Inserimento e Modifica di Pagine e Menu
    • Estendere le funzionalità di base di WordPress con i componenti già disponibili nel tema (Widgets)
      • Il box di ricerca
      • L'elenco delle categorie degli articoli
      • Il calendario con gli articoli mensili
      • La photo gallery

    • I plugin di WordPress
    • Cosa sono i plugin
    • I plugin già installati nel tema di WordPress
    • Aggiungere nuovi plugin
      • Il plugin Yoast per la SEO
      • Il plugin Fancybox per creare Photo Gallery e Slide Show
      • Il plugin WPML per i contenuti multilingua

    • Personalizzare un tema di WordPress
    • Modicare le regole css del foglio di stile del tema di WordPress (style.css)
    • Realizzare un tema child custom con la ridefinizione (o realizzazione ex novo) del foglio di stile e degli elementi strutturali del tema (header, footer, sidebar)
    • Aggiungere funzionalità javascript/jQuery custom

    • WordPress: la struttura di un tema
    • La struttura di un tema, file e cartelle
    • Analisi dei file principali: index.php, style.css, functions.php
    • Analisi degli altri file: header.php, footer.php, single.php...
    • Theme Customizer: che cos’è e da dove si gestisce

    • Sviluppo di un tema da zero
    • Ideazione e sviluppo di un layout di base
    • L’inizio di tutto: nuova cartella e style.css
    • Il file index.php e functions.php
    • Funzioni di base: thumbnail, screen size, supporto ai tipi di post...
    • Stili, script e librerie: wp_enqueue_script() e wp_enqueue_style()
    • Stili di base (reset, etc)
    • Integriamo la base con header e footer  (get_header() e get_footer())
    • Le posizioni menu: come crearle
    • I menu: richiamarli nel front-end con wp_nav_menu()

    • Il loop
    • Cos’è il loop e come si gestisce
    • Il loop dentro index.php
    • Visualizzazione dei contenuti: the_title(), the_content(), the_excerpt()...

    • Post e pagine
    • Creazione di single.php e di page.php
    • Visualizzazione dei contenuti

    • Archivi
    • Creazione di category.php e tag.php
    • Il loop negli archivi
    • Altri archivi: author.php, etc...

    • Sidebar
    • Cosa sono le posizioni sidebar e come funzionano
    • Creazione di posizioni sidebar con register_sidebar()
    • Richiamare le sidebar nel frontend, dynamic_sidebar()

    • Studio avanzato del loop
    • WP_Query() e le sue potenzialità
    • Custom loop in pagine o post singoli

    • Theme Customizer
    • Informazioni strutturali e creazione di customizer.php
    • Aggiunta sezioni e impostazioni
    • Come ricavare le impostazioni inserite con get_theme_mod()
    • Esempi ed esercitazioni

    • Finalizzazione e testing
    • È tutto ok? Ce lo dice il WordPress Theme Check Plugin
    • Validazione markup con il w3c Validator
  • WooCommerce12 ore


    • Creare e gestire un eCommerce con WordPress: il plugin WooCommerce
    • Installare e configurare il plugin WooCommerce
    • Aggiungere/Modificare categorie e prodotti
    • Gestire il modulo di ricerca e la scelta dei prodotti
    • Il carrello della spesa
    • Gestire ordini e fatturazione
    • La modalità di pagamento tramite Paypal
    • Gestire le spedizioni
    • Realizzare un eCommerce multilingua
VOGLIO SAPERNE DI PIÙ

Docenti

  • Enrico Tanno

    Insegna Graphic Design, User Experience, Photoshop e Illustrator a LABFORTRAINING.
    È Co-Fondatore e Art Director dell'agenzia di comunicazione digitale Digital Bathroom, agenzia nata a Londra nel 2007, specializzata in prodotti e campagne digitali, illustrazione, graphic design, user experience e user interface. È  fondatore inoltre della webzine Laundry Mag, progetto editoriale dedicato al mondo della comunicazione visiva.
    Nato come illustratore autodidatta, si specializza allo IED in arti visive. Collabora con marchi celebri, tra cui Adidas, Ferrari, Converse, e ottiene riconoscimenti e pubblicazioni di livello internazionale. Tra i vari awards ottenuti, il driver per la nascita dell'agenzia DigitalBathroom è stata la pubblicazione all'interno del celebre Annual di Creative Review UK, con un video di motion poetry ispirato ad una poesia di Charles Bukwoski, "The Genius of the Crowd", realizzato con la tecnica del rotoscope.

  • Giovanni Giannasca

    È l'ideatore e il responsabile di LABFORTRAINING.

    Dopo anni e anni di formazione ha infatti pensato di aprire una scuola tutta sua.

    Insegna HTML5, CSS3 e Responsive Web Design a LABFORTRAINING.
    Il Web Design è la sua passione:
    HTML e HTML5, CSS/2/3, Javascript e jQuery, Responsive e Adaptive Design, Flash e Action Script per lui non hanno segreti.
    Viaggia a una media di 1.000 ore di lezione all'anno ed è sempre il primo a portare in aula le novità del Web.

  • Giovanni Biasi

    Insegna WordPress e HTML Email a LABFORTRAINING.
    Nativo digitale in tempi non sospetti, pare che abbia scritto il primo racconto a quattro anni sul 386 del padre. Da "grande" non si smentisce e comincia a scrivere di tecnologia. Tutto inizia nel 2009, quando inizia a collaborare come copywriter freelance per EveryEye.it, TheAppleLounge.com e altre testate.
    Nel 2014 cede al lato oscuro del web design e del web development per avere il controllo sui siti in cui fa cose con le parole. Da allora parentesi graffe, cicli foreach, script e stili CSS per lui non hanno più segreti.

  • John Doe

    È l'ideatore di LABFORTRAINING insieme a Giovanni Giannasca ed è anche lo sviluppatore del sito della scuola.
    Lavora nell'ombra e preferisce mantenere nascosta la sua identità, perché gira voce che sia una rock star.
    È il responsabile dell'area web di LABFORWEB e produce infinite righe di codice ogni giorno, ma tra un lavoro e l'altro si aggira nelle aule di LABFORTRAINING dove dispensa i suoi consigli in web design e web development.

Non puoi seguire i corsi in aula?

Vivi fuori Roma o lavori quando c'è lezione?

Con LABFORTRAINING on demand, puoi seguire i corsi quando e dove vuoi.

Contattaci per saperne di più

Scrivici se vuoi saperne di più sul Corso Web Design e sulle modalità di iscrizione

I contatti LABFORTRAINING

I nostri uffici sono aperti dal lunedi al venerdi dalle 9:30 alle 18:30

  • © labfortraining.it è un progetto di LABFORWEB srl
  • C.F. e P.IVA 11712501003
  • Via Pasquale Revoltella, 85 - Roma
  • Informativa cookie

OKSu questo sito utilizziamo, previo tuo consenso, cookie di profilazione di terze parti per proporti pubblicità in linea con le tue preferenze. Se vuoi saperne di più clicca qui. Cliccando sul pulsante OK, continuando la navigazione, o effettuando un'azione di scroll presti il consenso all'uso di tutti i cookie.

Ultima chiamata per i corsi web in partenza a gennaio 2020