Novembre 2023 - Marzo 2024

Web Design & Web Development | Modulo 1 Academy Low Code 24-25

Per imparare a Progettare Siti Web e Web App Professionali in modo semplice e veloce... sfruttando le potenzialità degli strumenti Low Code e senza saper programmare!

Current Status
Not Enrolled
Price
Modulo acquistabile come pacchetto
Get Started

Questo modulo fa parte dell’Academy Low Code ed è acquistabile singolarmente o come pacchetto, insieme agli altri moduli.


COSA IMPARERAI

Apprendimento dei principi di grafica e web design, conoscenza dei layout web più efficaci, con particolare attenzione all’accessibilità, utilizzando semplici software predisposti. Progettazione, creazione e gestione di siti web e e-commerce con WordPress e altri software, ottimizzando tempi e funzionalità grazie a strumenti low e no code.

  • Conoscenza d’uso dei programmi: Miro, Figjam, Glide, Squarespace e Cardd – per la progettazione web
  • Progettare e creare pagine web e landing page, ottimizzandone la struttura
  • Sviluppare applicazioni mobile con Glide
  • Creare e ottimizzare immagini per il web
  • Conoscenza dei meccanismi di base di funzionamento dei servizi internet
  • Gestione autonoma delle principali configurazioni di rete (DNS) dei servizi internet
  • Conoscenza d’uso di WordPress per creare e gestirne i contenuti (come articoli e pagine)
  • Conoscenza avanzata di WordPress per creare siti web da zero: configurane l’aspetto, il menu, estenderne funzionalità con plugins e Widgets
  • Conoscenza base del plugin WordPress: ThemeForest
  • Capacità di collegare Google Analytics al proprio sito web
  • Competenze base di analisi dei dati di Google Analytics e gestione del pannello
  • Capacità di collegare forme di pagamento al proprio sito, per trasformarlo in un e-commerce o a fini di raccolta fondi
  • Collegare sistemi di pagamento a un sito per trasformarlo in un e-commerce o a fini di raccolta fondi
  • Conoscenza di Woocommerce, per la creazione di uno e-commerce collegato al proprio sito web
  • Capacità di gestire un piccolo shop online

DOCENTI

Paolo Palmerini

Esperto IT, sviluppo, gestione di organizzazioni complesse

È esperto di IT, sviluppo, gestione di organizzazioni complesse. Dal 2018 è Programme Manager presso Gnucoop, una cooperativa per lo sviluppo di soluzioni software per…

Leggi di più: Paolo Palmerini

Andrea Bertolazzi

Sistemista informatico e formatore

Presidente di Gnucoop Soc. Coop. Sistemista informatico e formatore. Inizia la sua carriera da informatico come libero professionista. Appassionato di Software Libero, fondatore del Linux User…

Leggi di più: Andrea Bertolazzi

Luca Morano

Product e Digital Designer

È laureato in Digital Communication Design presso IAAD. Attualmente è Product Designer in Bomberos Design, dove progetta prodotti e servizi digitali. Collabora con aziende e…

Leggi di più: Luca Morano

DESCRIZIONE

In questo modulo si affronteranno i principi del Web Design e della costruzione di Siti Web e piccoli E-Commerce utilizzando semplici software predisposti. Si conosceranno i layout web più efficaci, sia per mobile che per desktop, e si progetteranno landing pages e veri e propri siti web, ottimizzando i tempi grazie agli strumenti low-code.

Costruire pagine web in modo veloce, evitando le fasi di sviluppo, è sempre più importante per raggiungere gli obiettivi di comunicazione di un ente o di un’associazione. Ma ancora prima è fondamentale saperle progettare in modo chiaro e funzionale e con un’attenzione particolare alla user experience dell’utente.

Durante il corso sarà approfondito l’utilizzo del software WordPress, uno dei più diffusi strumenti per la creazione di siti web. Si partirà dalla creazione del dominio e dal collegamento dell’hosting (in altre parole il “nome” e la “casa” del sito web) per arrivare alla configurazione di un sito wordpress completo: inserimento dei collaboratori nel sito, impostazione template, creazione pagine e contenuti, collegamento di Plug-.In (funzioni aggiuntive per andare a personalizzare, migliorare e aumentare le funzioni del proprio sito web).

Completeremo quindi la creazione del Sito Web con il collegamento a forme di pagamento, trasformando il sito in e-commerce ed rendendo possibile la vendita di prodotti, servizi e/o la ricezione di donazioni direttamente nel Sito Web creato!

Infine, vedremo come collegare Google Analytics al Sito Web, per aiutarci dai dati nel miglioramento continuo delle funzionalità e dell’usabilità del Sito.

Extra: oltre a WordPress, sarà presentato anche un software alternativo per la creazione di siti web ed e-commerce: WebSite X5: software offline, facile e intuitivo, che permette a chiunque di creare in autonomia siti web, blog e negozi e-commerce di piccole o medie dimensioni. Con oltre 100 template, tanti contenuti e il supporto della tecnologia AI è la scelta perfetta per creare soluzioni in modo veloce e con un budget contenuti (ideale ad es. per gestire e dare maggiore valore e visibilità a tutti i progetti che spesso associazioni, enti o aziende si trovano a gestire!)

Per chi frequenta il percorso in live-online: durante gli incontri live e/o tra una sessione e l’altra, sono previste esercitazioni pratiche su casi reali, da svolgersi singolarmente o in piccoli gruppi. Le esercitazioni non sono obbligatorie ma fortemente consigliate. Ogni esercitazione sarà corretta singolarmente dal docente, che invierà una valutazione scritta; quando possibile, le esercitazioni intrasessione sono analizzate in plenaria nella sessione successiva.


A CHI SI RIVOLGE QUESTO MODULO

Per frequentare il corso è necessario avere un pc e disporre di una buona connessione a internet.
Non sono richieste ulteriori competenze particolari, ma è preferibile una certa dimestichezza e/o interesse nell’utilizzo di internet e una buona disponibilità di tempo per poter studiare ed effettuare le esercitazioni.

Il corso è adatto a tutti: studentə, giovanə, senior, occupatə o meno, a chi sta avviando o desidera intraprendere una carriera nel settore, che siano interessatə ad acquisire competenze digitali in ambito Low Code, spendibili subito in ambito professionale.


CHE TIPO DI IMPEGNO È RICHIESTO?

Perché tu possa beneficiare appieno del corso e dell’interazione con gli altri partecipanti, è necessario disporre di una certa flessibilità e disponibilità di tempo nelle settimane del corso, per poter svolgere le esercitazioni intrasessione.

21 lezioni live online di 2 ore ciascuna (una lezione a settimana) + circa 2 ore settimanali da dedicare allo studio e attività individuali ( studio delle video-pillole create dai docenti, dei materiali di approfondimento forniti, approfondimenti individuali e tempo per lo svolgimento di esercitazioni individuali e/o di coppia, da svolgersi tra una sessione e l’altra, con interazione a distanza fra i partecipanti).


COSTO

Il Modulo 1 | Web Design e Web Development è acquistabile singolarmente o come pacchetto, insieme agli altri Moduli dell’Academy Low Code. Scopri qui tutti i moduli dell’Academy.

Prezzo 1 Modulo: Web Design & Web Development

€1220 + IVA

Prezzo 2 Moduli a Scelta Academy Low Code: 1900 + IVA
Prezzo Academy Completa: 2300 + IVA

Riduci il costo di iscrizione all’Academy


PROGRAMMA

Oltre alle lezioni live online, questo modulo prevede materiale extra da fruire on-demand come materiale formativo preregistrato, documenti e link ad approfondimenti ed esercitazioni pratiche da svolgere in autonomia.

Lezione 1 – Introduzione al web design
Luca Morano

  • La storia del web design
  • Linguaggi utilizzati sul web
  • Contesti di utilizzo, risoluzioni, device e browser
  • Tipologie di pagine web
  • Responsive

Lezione 2 – Gestione dei media sul web
Luca Morano

  • Creare e ottimizzare le immagini per il web
  • Formati immagini
  • Gestione dei video e dell’audio
  • Contenuti accessibili

⚙️ Esercizio da fare a casa

Lezione 3 – Organizzare le informazioni e i contenuti
Luca Morano

💊 Pillola sui tool da guardare prima della lezione

  • Esercizio in classe
  • Organizzare e gerarchizzare le informazioni 
  • Creare una navigazione efficace 
  • Buone pratiche di user experience
  • Creare l’architettura dell’informazione con Miro e Figjam

⚙️ Esercizio da fare a casa
🗣️ Q&A sui tool e metodo

Lezione 4 – Principi di web design
Luca Morano

  • Tipografia
  • Gestione colori
  • Linee guida di accessibilità
  • Creazione palette cromatiche e scale tipografiche
  • Esercizio in classe

⚙️ Esercizio da fare a casa

Lezione 5 – Creazione di landing page per la comunicazione 
Luca Morano

  • Principi tecnici di creazione di una landing page
  • Obiettivi di una landing 
  • Buone pratiche e esempi
  • Creazione di landing page con Squarespace e Cardd

⚙️ Esercizio da fare a casa
🗣️ Q&A sui tool

Lezione 6 – Introduzione alle web app e creazione di app mobile
Luca Morano

  • Dispositivi e sistemi operativi
  • Tipologie di web app e PWA
  • Concetto di MVP
  • Creare app mobile e web partendo da uno spreadsheet con Glide
  • Esplorazioni e diversi casi d’uso
  • Esercizio breve in classe

⚙️ Esercizio da fare a casa
🗣️ Q&A finale su Glide

Lezione 7 live online – Presentazione software WebSite X5
Incomedia

Presentazione del software WebSite X5: caratteristiche e funzionalità del prodotto, evidenziandone la semplicità e affidabilità. Anteprima di come realizzare un sito vetrina o e-commerce.

⚙️ Inizio esercitazione: realizzazione di un proprio progetto web, sia esso un sito per promuovere se stessi o presentare la propria realtà o la vendita online.
In questa prima sessione, i formatori Incomedia forniranno direttamente supporto in caso di necessità nelle prime fasi ri configurazione del progetto.
Verrà poi assegnato come “compito a casa” la prosecuzione del progetto con la realizzazione del proprio sito web personale o per la propria associazione.

Lezione 8 live online – Approfondimento Lavori di Progettazione con WebSite X5
Incomedia

Analisi in plenaria dei lavori realizzati, con feedback e suggerimenti di correzione, miglioramento e sviluppo delle parti esistenti. Eventuale assistenza a tutti i partecipanti che abbiano riscontrato difficoltà o abbiano esigenze specifiche che non sono riusciti a realizzare.

🗣️ Q&A e confronto al fine di interagire con quanto appreso.

Lezione 9 live online – Conclusione Lavori con WebSite X5
Incomedia

Valutazione dei lavori effettuati, evidenziando per ogni progetto le parti positive e i punti da migliorare, oltre a lasciare suggerimenti ed indicazioni per migliorare, approfondire  e sviluppare ulteriormente il progetto.
Verrà chiesto agli studenti di condividere eventuali difficolta o dubbi emersi durante il lavoro in modo da poter fornire chiarimenti e suggerimenti utili per concludere ed ottimizzare il progetto realizzato o per futuri progetti.

Lezione 10 – Introduzione a Reti-DNS e Protocolli Http
Andrea Bertolazzi Gnucoop

Andrea Bertolazzi

  • Nozioni di reti e protocolli (http, ftp, smtp)
  • DNS cos’è, a cosa serve e come funziona
  • Cos’è “il cloud”, i provider principali, cos’è un server virtuale, come configurarli
  • Hosting: Siteground&C

💊 Pillola: Il progetto Gnu: il software libero

💊 Pillola: Acquisto di un dominio e configurazione di un DNS per la posta elettronica

Lezione 11 – Introduzione a WordPress
Andrea Bertolazzi Gnucoop

  • Che cos’è WordPress.
  • Le funzionalità del pannello di amministrazione.
  • Creare utenti, gestione di un sito in modo collaborativo
  • Configurare i menu.
  • Configurazioni avanzate
  • 🗣️ Q&A

⚙️ Installare WordPress
💊 Pillola: Scaricare il software WordPress, installazione e configurazione.

Lezione 12 – Creazione contenuti
Andrea Bertolazzi Gnucoop

  • Creazione Pagine
  • Creazione Articoli
  • Categorie e Tag
  • 🗣️ Q&A

⚙️ Creare una pagina e un articolo di blog

💊 Gutenberg: l’editor WordPress

Lezione 13 – Templates
Andrea Bertolazzi Gnucoop

  • Configurare l’aspetto.
  • Installare un template
  • I principali editor di pagine, gestione dei media
  • 🗣️ Q&A

⚙️ Installazione e configurazione base di un template gratuito

💊 Uno sguardo a Themeforest

Lezione 14 – Plugin
Andrea Bertolazzi Gnucoop

  • Cosa è un plugin? Estendere le funzionalità del sito tramite plugins e Widgets.
  • Installazione e configurazione di un plugin
  • Alcuni plugin utili
  • 🗣️ Q&A

⚙️ Installazione e configurazione di un plugin a scelta
💊 WordPress plugin: il repository dei plugin

Lezione 11 – Sicurezza
Andrea Bertolazzi Gnucoop

  • Gestione del backup del sito
  • Aggiornamenti (wordpress, plugin e template).
  • Configurazioni e plugin per la sicurezza
  • Sucuri e Wordfence

⚙️ Controllare che il vostro WP sia configurato a dovere e rispetti i principi minimi di sicurezza

💊 Che cos’è il Web Application Firewall (WAF)?

Lezione 12 – Creare un sito web da zero
Andrea Bertolazzi Gnucoop

  • Analisi della struttura
  • Selezione del template
  • Utilizzo dei plugin necessari
  • Creazione contenuti
  • Test e messa online

⚙️ Scegliere un sito e analizzarne la struttura, i menu, le pagine che lo compongono e creare la stessa struttura su WP.

💊 Come analizzare la struttura di un sito

Lezione 13 – Introduzione all’ambiente Power Apps e all’interfaccia di sviluppo
Alessandro Paparella Techsoup

  • In questa sessione impareremo a conoscere l’ambiente di sviluppo Power Apps e inizieremo a prendere familiarità con l’interfaccia per lo sviluppo di app.

Il programma delle singole lezioni è indicativo e potrebbe subire modifiche in accordo con le esigenze formative del gruppo.

Richiedi informazioni e scarica il programma completo


Il corso è organizzato e promosso da

In collaborazione con:

Supportano la Low Code Academy:

Modulo acquistabile come pacchetto

20 Novembre 2023 - 29 Marzo 2024
Date e orari delle lezioni live online indicati nel programma

include
  • 38 ore di Formazione in diretta online
  • Video-Pillole e materiale di approfondimento per studio autonomo
  • Esercitazioni Pratiche su casi reali con correzione individuale e/o collettiva
  • Tutoring e community privata del corso
  • Attestato di frequenza
  • Badge di attestazione competenze