Questo tutorial è rivolto a tutti coloro che lavorano nel mondo dell'istruzione, dell'educazione e della formazione professionale, allo scopo di introdurre le conoscenze e le abilità che servono per utilizzare, progettare e sviluppare giochi digitali da utilizzare per il  game based learning e la gamification.

Gli obiettivi principali del tutorial sono i seguenti:

1) Comprendere le reali potenzialità dei giochi digitali per la scuola e la formazione professionale;
2) Imparare a disegnare (progettare) giochi digitali;
3) Capire come si può trasformare il disegno di un gioco digitale in una vera applicazione.

Naturalmente, oltre ad acquisire conoscenza, potete anche strutturarvi in un team di lavoro, per progettare e sviluppare in autonomia i vostri giochi digitali.

Per iniziare, dobbiamo capire prima di tutto la differenza tra game based learning e gamification.   

GAME BASED LEARNING
Il Game Based Learning è molto utile a scuola, perché attraverso l'impiego di giochi digitali permette di aumentare il livello di attenzione degli studenti, favorisce la collaborazione e il lavoro di gruppo e rafforza le capacità creative e di problem solving perché ti pone di fronte ad esigenze reali da risolvere per raggiungere gli obiettivi previsti.



Introdurre i giochi digitali nella didattica significa innovare le metodologie d'insegnamento, potenziando le tecniche di educazione degli studenti attraverso l'aspetto ludico.

GAMIFICATION O GAMIFICAZIONE
La Gamificazione può essere utile sia a scuola, sia per la formazione professionale; utilizza il gioco digitale per favorire le capacità di apprendimento e lo sviluppo di alcuni comportamenti.

Questa tecnica d'insegnamento è utile perché rende più efficace la comunicazione, permette di fare esempi pratici, aumenta il livello di concentrazione dei destinatari dell'azione formativa favorendo sia l'apprendimento, sia il ricordo dei concetti importanti.

Inoltre, la gamificazione permette di creare scenari diversi, utili per sviluppare comportamenti specifici in base al contesto in cui si opera.

Attenzione, un gioco digitale non deve assolutamente essere confuso con un corso e-learning.

Un corso e-learning può essere un'alternativa al ruolo dell'insegnante o del formatore, mentre un gioco digitale deve essere considerato uno strumento di supporto per il lavoro dell'insegnate o del formatore.  

Quindi i giochi digitali potenziano le capacità educative e didattiche sia degli insegnanti, sia dei formatori, mettendone in risalto i ruoli.

All'origine di un gioco digitale c'è sempre un progetto, quindi tutto nasce da un'idea (concept) e da uno o più obiettivi da raggiungere.  

Vediamo quali sono gli step fondamentali per creare la progettazione un gioco digitale.

LA FASE DI ANALISI

Per creare un gioco digitale dovete prima porvi queste tre domande:

1. "Qual è lo scopo del gioco?"

2. "Chi sono i destinatari?"

3. "Se è un gioco di individuale oppure di gruppo?"

Quando avete chiare le risposte delle tre domande, dovete interrogarvi sulla reale esigenza di creare il gioco - magari esiste già - sulla sua fattibilità e sugli eventuali rischi.

Per fattibilità s'intende soprattutto accertarsi che:

1) ci sono le competenze;
2) c'è il tempo;
3) ci sono le risorse finanziarie.

Un progetto non può iniziare se non c'è una risposta affermativa a queste tre le domande e non siete sicuri di riuscire a gestire i rischi oppure le difficoltà che si possono presentare.

Tutto questo lavoro preliminare rappresenta la fase di analisi.

LA FASE DI DISEGNO O PROGETTAZIONE

Questa è la fase più importante, perché le attività svolte risulteranno fondamentali per la produzione del gioco digitale da creare.

Qui nascono le regole, le storie, le scene, gli attori, le tecniche d'interazione e si sceglie il linguaggio di programmazione con cui sviluppare il gioco digitale.

Per svolgere le attività previste da questa fase occorre un po' di fantasia e bisogna avere sempre ben chiari gli obiettivi educativi o didattici per cui è stato concepito il gioco e chi sono i destinatari.

Il ruolo di designer di giochi digitali non richiede competenze specifiche, quindi lo può svolgere chiunque, basta avere una buona esperienza nel settore educativo e didattico e saper descrivere la propria idea di gioco digitale, anche con carta e penna, indicando le regole, scrivendo le storie, spiegando le tecniche d'interazione e abbozzando i disegni delle scene e degli attori, per creare lo storyboard.

Quello che conta è avere una buona idea di gioco digitale. 

LA FASE DI COSTRUZIONE

 

 

Nella prossima lezione vi parlerò di Sprite, indispensabili per creare il nostro primo gioco digitale.

LEZIONE SUCCESSIVA >

T U T O R I A L S    S U G G E R I T I

• Competenze per programmare
• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress

PER IMPARARE A PROGRAMMARE, SEGUI LE PLAYLIST SUL NOSTRO CANALE YOUTUBE "SKILL FACTORY CHANNEL": clicca qui per accedere alle playlist

PAR GOL (Garanzia di Occupabilità dei Lavoratori)

Se sei residente in Campania e cerchi lavoro, sai che puoi partecipare gratuitamente ad un corso di formazione professionale PAR GOL?

I corsi di formazione professionale PAR GOL sono finanziati dalla Regione Campania e ti permettono di acquisire una Qualifica Professionale Europea (EQF) e di partecipare ad un tirocinio formativo aziendale.

Invia il tuo CV o una manifestazione d'interesse a: recruiting@skillfactory.it

oppure

chiama ai seguenti numeri di telefono:

Tel.: 081/18181361
Cell.: 327 0870141

oppure

Contattaci attraverso il nostro sito: www.skillfactory.it

Per maggiori informazioni sul progetto PAR GOL, clicca qui.

Per maggiori informazioni sulle Qualifiche Professionali Europee (EQF), clicca qui.

Academy delle professioni digitali

Per consultare il catalogo dei corsi online della nostra Academy ...

... collegati al nostro sito: www.skillfactory.it

Nelle lezioni precedenti abbiamo visto i principali strumenti per l'analisi dei dati con Excel. In questa nuova lezione approfondiamo ulteriormente l'argomento dell'analisi dei dati con excel, attraverso le tabelle pivot.

Una tabella pivot è un efficace strumento di tipo decisionale perché permette di organizzare e analizzare i dati in base a prospettive diverse create combinado tra loro righe, colonne e valori.

Il termine pivot, in francese perno, serve ad indicare una matrice dove è possibile scambiare  righe e colonne, questa tecnica, viene anche chiamata pivotizzazione o pivoting.

Per scoprire insieme le potenzialità delle tabelle pivot, immaginiamo di aver esportato in un file di tipo csv, i dati delle vendite degli ultimi tre anni del nostro e-commerce, come mostra l'immagine seguente:

Nella prima riga del file sono presenti i nomi delle colonne; le atre righe contengono i dati separati da un punto e virgola ";", chiamato delimitatore.

Per eseguire il download del file vendite_online.csv clicca qui.

Per iniziare a lovorare dovete importare il file vendite_online.csv in excel, selezionando Dati, Recupera dati, Da file e cliccando sul comando: Da testo/CSV: 

Quando appare la finestra importa dati, basta selezionare il file e cliccare sul pulsante importa:

Infine quando appare la finestra seguente: 

cliccate sul pulsante carica.

Per convertire i valori numerici della prima colonna, nelle date di vendita corrispondenti, basta selezionare l'intera colonna cliccando sulla lettera A, come mostra l'immagine seguente:

Premere il tasto destro del mouse, selezionare il comando Formato celle, Data e cliccare sul formato data gg/mm/aaaa (Italiano), come mostra l'immagine seguente:

Il risultato sarà il seguente:

A questo punto possiamo creare la tabella pivot, che ci permetterà di analizzare i dati importati dal nostro e-commerce.

Posizionate il cursore nella cella A1 della tabella vendite_online, selezionate il menu Inserisci e cliccate sul comando Tabella pivot, come mostra l'immagine seguente:

 Confermate la finestra seguente,  cliccando sul pulsante OK:

Dopo la conferma verrà creato un nuovo foglio di lavoro che contiene la taballa pivot che inizialmente non conterrà nessuna informazione, come mostra l'immagine seguente:

Utilizzeremo il pannello a destra per organizzare i campi per righe e colonne in base al tipo di analisi che intendiamo fare e nella sezione valori inseriremo i campi che vogliamo misurare applicando le funzioni statistiche disponibili, come ad esempio: la somma, la media, il minimo, il massimo e il conteggio.

Iniziamo subito a fare degli esempi.

Esempio 1

La tabella vendite_online contiene 2000 movimenti di prodotti venduti dal 2021 al 2023, ma quali sono i singoli prodotti?

Per rispondere a questa domanda basta trascinare il campo prodotto nella sezione delle righe, come mostra l'immagine seguente:

Esempio 2

Esempio 3

Oltre a conoscere quali sono i prodotti venduti voglimo sapere anche quanti ne abbiamo venduti in 3 anni e quanto abbiamo incassato.
Per rispondere a questa domanda, dovete sommare i campi quantita e incasso trascinandoli nella sezione valori,  come mostra l'immagine seguente:

 

Esempio 4 

Per ogni anno disponibile vogliamo conoscere quali prodotti abbiamo venduto, la quantità e quanto abbiamo incassato.
Per rispodere a questa domanda, partendo dalle impostazioni delle esempio precedente, dovete selezionare il campo DATA_ACQUISTO.
Quando si seleziona un campo di tipo data, automaticamente Excel genera i seguenti campi di raggruppamento:

1) Anni
2) Trimestri
3) Mesi

come mostra l'immagine seguente:

Per ottenere le informazioni richieste, dovete lasciare nella sezione delle righe il campo anni e quello prodotto.
Per eliminare i campi dalla sezione delle righe, trascinateli fuori dalla sezione con il mouse, attraverso un'operazione di drag & drop.
L'immagine seguente mostra il risultato atteso:

Per visualizzare i dati dei singoli anni, basta aprire i raggruppamenti cliccando sul segno +, come mostra l'immagine seguente:

Esempio 5 

Vogliamo conoscere i dati delle vendite del 2023, organizzate per trimestri.
Partendo dalla soluzione dell'esempio precedente, prima di tutto dovete aggiungere il campo trimestri nella sezione delle colonne.
Successivamente, per filtrare solo le vendite del 2023, dovete spostare il campo anni nella sezione filtri.
Attenzione, per filtrare solo le vendite del 2023, dovete aprire il filtro in alto a sinistra e cliccare sull'anno 2023, come mostra l'immagine seguente:

L'immagine seguente mostra il risultato finale, dopo l'attivazione del filtro 2023:

Esempio 6 

Vogliamo conoscere i dati delle vendite del primo trimestre del 2023, organizzate per sesso.
Partendo dalla soluzione dell'esempio precedente, prima di tutto dovete spostare il campo trimestri nella sezione filtri, dopo gli anni, poi dovete aggiungere il campo sesso nella sezione delle colonne.
Attenzione, per filtrare solo il primo trimestre del 2023, dovete impostre ill filtro in alto a sinistra. L'immagine seguente mostra il risultato finale, dopo l'attivazione del filtro primo trimestre anno 2023:

Esempio 7 

Attraverso un grafico pivot, vogliamo conoscere qual è il prodotto che ha realizzato il maggiore incasso nel 2023.

Per risolvere questo problema, torniamo nel foglio di lavoro vendite_online e ci posizioniamo con il cursore in A1.
Successivamente selezioniamo il menu inserisci e clicchaimo sul comando grafico pivot, come mostra l'immagine seguente:

Dopo aver confermato la finestra crea grafico pivot:

verrà aggiunto un nuovo foglio di lavoro che conterrà il grafico di pivot, come mostra l'immagine seguente:

A questo punto per conoscere il prodotto che ha realizzato il maggiore incasso nel 2023 dovete eseguire i passaggi seguenti:

1) nella sezione asse aggiungere il campo prodotto
2) nella sezione valori aggiungere il campo incasso
3) nella sezione filtri aggiungere il campo anni
4) Impostare l'anno 2023, cliccando in alto a sinistra del grafico pivot.

Come mostra l'immagine seguente il grafico pivot ci indica che il prodotto che ha realizzato il profitto maggiore nel 2023 è il compasso:

Nella prossima lezione impareremo a creare funzioni personalizzate, il primo passo per imparare a programmare con Excel.

Per il download del file excel vendite_online.xlsx clicca qui.

<< Lezione precedente | Vai alla prima lezione

T U T O R I A L S    S U G G E R I T I

• Competenze per programmare
• Impariamo Python giocando al "Solitario del ferroviere"
• Impariamo a programmare con JavaScript
• Laboratori di Logica di programmazione in C
• Introduzione alla Logica degli oggetti
• Ricominciamo ... dal Linguaggio SQL
• APP Mania
• Come sviluppare un Sito con Wordpress

PAR GOL (Garanzia di Occupabilità dei Lavoratori)

Se sei residente in Campania e cerchi lavoro, sai che puoi partecipare gratuitamente ad un corso di formazione professionale PAR GOL?

I corsi di formazione professionale PAR GOL sono finanziati dalla Regione Campania e ti permettono di acquisire una Qualifica Professionale Europea (EQF) e di partecipare ad un tirocinio formativo aziendale.

Invia il tuo CV o una manifestazione d'interesse a: recruiting@skillfactory.it

oppure

chiama ai seguenti numeri di telefono:

Tel.: 081/18181361
Cell.: 327 0870141

oppure

Contattaci attraverso il nostro sito: www.skillfactory.it

Per maggiori informazioni sul progetto PAR GOL, clicca qui.

Per maggiori informazioni sulle Qualifiche Professionali Europee (EQF), clicca qui.

Academy delle professioni digitali

Per consultare il catalogo dei corsi online della nostra Academy ...

... collegati al nostro sito: www.skillfactory.it

Presso la nostra Academy puoi partecipare grauitamente al corso di Tecnico Software, grazie al progetto PAR GOL, finanziato dalla Regione Campania.
Il percorso di formazione è rivolto a tutti i giovani disoccupati che vogliono acquisire le competenze che servono nel mondo del lavaoro;  alla fine è previsto il rilascio della Qualifica Professionale Europea EQF4.

Il corso ha una durata di 300 ore e verrà svolto in presenza persso la nostra sede di Napoli - Centro Direzionale di Napoli isola E2.

Alla fine del percorso è previsto un tirocinio formativo presso le nostre aziende partner.

I partecipanti riceveranno un'indennità di €300,00 come rimborso spese, se avranno raggiunto l'80% delle presenze.

Il tecnico software è in grado di installare, configurare e personalizzare Sistemi Operativi, Reti e Software Applicativi secondo le esigenze del cliente. Esegue interventi di manutenzione, aggiornamento del software, di backup e recupero dati, implementa procedure di virtualizzazione ed esegue Performance Test per verificare la qualità dei sistemi.

Non perdere questa opportuntià per  acquisire le competenze che ti servono per entrare nel mondo del lavaoro, contattaci subito, il corso è a numero chiuso, appena raggiungiamo il numero d'iscrizioni richiesto, chiudiamo la selezione.

Come puoi contattarci velocemente:

Se ti sei registrato su Skillbook clicca qui e invia una richiesta d'informazioni, verrai contattato al più presto possibile.

Per registrati su Skillbook, clicca qui.

Altrimenti, se non ti sei registrato su Skillbook puoi contattarci collegandoti al nostro sito www.skillfactory.it.

In alternativa puoi inviare il tuo CV o una manifestazione d'interesse a: recruiting@skillfactory.it

oppure

chiamare ai seguenti numeri di telefono:

Tel.: 081/18181361
Cell.: 327 0870141

Per maggiori informazioni sul progetto PAR GOL, clicca qui.

Per maggiori informazioni sulle Qualifiche Professionali Europee (EQF), clicca qui.

Tra le attività svolte dai programmatori rientra anche quelle di controllare il formato dei dati, per verificare se corrispondono alle specifiche previste dal programma.
Ad esempio, il codice fiscale di una persona per essere corretto deve avere il formato seguente:

3 caratteri alfabetici per il cognome;
3 caratteri alfabetici per il nome;
2 caratteri numerici per l'anno di nascita;
1 carattere alfabetico per il mese di nascita;
2 caratteri numerici per il giorno di nascita ed il sesso;
4 caratteri associati al Comune oppure allo Stato estero di nascita;
1 carattere alfabetico usato come carattere di controllo.

Nei linguaggi di programmazione per controllare se il formato dei dati forniti al programma è corretto si usano le esperssioni regolari (regexp).

Le REGEXP sono stringhe che si costruiscono in base al tipo di formato da verificare; confrontando queste stringhe di formato, chiamate anche pattern, con la stringa che contiene l'informazione da controllare, si può verificare se il formato corrisponde.

Ad esempio, nel caso del codice fiscale di una persona, la stringa REGEXP da confrontare con il campo o la variabile che contiene il codice fiscale è la seguente:

^[A-Z]{6}[0-9]{2}[A-Z][0-9]{2}[A-Z][0-9]{3}[A-Z]$

Per creare un'espressione regolare su usano:

Ancore
Qualificatori
Classi
Modificatori
Caratteri speciali

Ancore
^ - identifica l'inizio della stringa;
$ - identifica la fine della stringa.

Ad esempio, la stringa REGEXP seguente:

^[A-Z]

verifica se all'inizio della stringa che stiamo controllando è presente una lettera alfabetica maiuscola, mentre:

[A-Za-z]$

Qualificatori

* - indica 0 o più ricorrenze;
+ - indica 1 o più ricorrenze;
? - indica 1 o 0 ricorrenze;
{n} - verifica esattamente n occorrenze;
{n,} - verifica minimo n occorrenze;
{n,m} - verifica esattamente minimo n occorrenze, massimo m.

Esempi:

La stringa REGEXP seguente:

[A-Z]+

verifica se la stringa inizia almeno con una lettera maiuscola, ma la stringa può contenere qualunque tipi di carattere.

La stringa REGEXP seguente:

^[A-Z]+$

verifica se la stringa conriene almeno con una lettera maiuscola, ma la stringa può essere composta solo da lettere miuscole.

[0-9] una cifra da 0 a 9;
[0-9]+ almeno una cifra da 0 a 9;
[^0-9] qualunque carattere a parte i numeri;
[a-z] una lettera alfabetica minuscola;
[A-Z] una lettera alfabetica maiuscola;
[a-zA-Z] una lettera alfabetica minuscola o maiuscola;
[^a-zA-Z] qualunque carattere a parte le lettera alfabetica minuscole e maiuscole;
[0-9a-zA-Z] una lettera oppure un numero;
[0-9,]+ contiene almeno una cifra o una virgola.

Esempi:

La stringa REGEXP seguente:

[^0-9]+

verifica se la stringa inizia almeno con un carattere diverso da un numeo.

La stringa REGEXP seguente:

^[^0-9]+$

Modificatori
i - la verifica diventa case-insensitive, cioè maiuscole e minuscole vengono considerate uguali;
m - la verifica verrà considerate “per riga”, cioè le ancore tipo “^” e “$” verranno applicate per ogni riga di testo;
g - cerca tutte le ricorrenze e non solo la prima.

Caratteri speciali
. - corrisponde ad un carattere qualsiasi (ex. [.]{5} parola di cinque caratteri);
\. - indica il carattere punto;
\( - indica il carattere parentesi;
| - indica oppure (ex. [r|t] parola che contiene un solo carattere che può essere r oppure t);
\d - ricerca cifre numeriche, corrisponde a [0-9]+;
\D - non contiene cifre numeriche, corrisponde a [^0-9]+;
\t - ricerca tabulazione (TAB);
\n - ricerca fine riga (LF);
\r - ricerca ritorno a capo (CR);
\s - ricerca lo spazio;
\S - non contiene lo spazio;
\uxxx - ricerca il carattere indicato con il codice unicode xxx;
\w - ricerca qualsiasi carattere alfanumerico inclusi "_" e lo spazio, corrisponde a [0-9a-zA-Z_ ];
\W - ricerca qualsiasi carattere non alfanumerico, corrisponde a [^0-9a-zA-Z_ ].
 

Esempi:

La stringa REGEXP seguente:

La stringa REGEXP seguente:

verifica se la stringa alfanumerica contiene uno spazio.

verifica se la stringa alfanumerica non contiene spazi.

Esempio 1

Verificare se il valore della stringa è in formato euro:

Soluzione Python:

# Formato EURO
import re
stringa="12300,00"
formato="\d*(\.|\,)\d{2}"
if re.match(formato,stringa)!=None:
    print(stringa+":Euro OK")
else:
    print(stringa+":Euro NO")
stringa="12300.00"
if re.match(formato,stringa)!=None:
    print(stringa+":Euro OK")
else:
    print(stringa+":Euro NO")
stringa="12300,0"
if re.match(formato,stringa)!=None:
    print(stringa+":Euro OK")
else:
    print(stringa+":Euro NO")
stringa="123000"
if re.match(formato,stringa)!=None:
    print(stringa+":Euro OK")
else:
    print(stringa+":Euro NO")

----- OUTPUT -----

12300,00:Euro OK
12300.00:Euro OK
12300,0:Euro NO
123000:Euro NO

Soluzione JavaScript:

Il programma PAR GOL(Garanzia di Occupabilità dei Lavoratori) è attuato dalle Regioni e Province autonome sulla base dei Piani di attuazione regionali (PAR) approvati da Anpal.
E' un'azione di riforma prevista dal PNRR (Piano Nazionale di Ripresa e Resilienza) e ha l'obiettivo di riqualificare i servizi di politica attiva del lavoro. 

Mira a ridisegnare i servizi per il lavoro per favorire la formazione e l'inserimento lavorativo delle persone. Entro il 2025 coinvolgerà 3 milioni di disoccupati e inoccupati, una grande opportunità anche per i giovani che non studiano e non lavoro, che rientrano nella categoria NEET (Not in Education, Employment, or Training). I giovani NEET In Italia sono circa 2 milioni. 

Il programma GOL offre la possibilità di accedere a diversi corsi di formazione gratuiti, specificamente progettati per potenziare le competenze dei lavoratori, agevolarne la riqualificazione e favorire lo sviluppo del potenziale per l’inserimento o il reinserimento nel mercato del lavoro.
Questi corsi coprono una vasta gamma di settori e competenze, consentendo ai partecipanti di acquisire la abilità richieste dalle aziende.
Oltre alla formazione gratuita, è prevista anche una indennità di partecipazione e il rilascio di una Qualifica Professionale Europea (EQF).
Per approfondire l'argomento della Qualifica Professionale Europea (EQF), clicca qui. 
 

Attraverso PAR GOL puoi anche migliorare sia le competenze digitali, sia le competenze trasversali indispensabili per qualunque ruolo professionale.

Il corso di formazione breve di "Key Competence" viene erogato in DAD (Didattica a Distanza) e prevede il rilascio della Qualifica Professionale Europea di tipo EQF2, hanno una durata di 60 ore e permettono di acquisire i contenuti seguenti:

1.Fondamenti di informatica generale;
2.Reti ed Internet;
3.Sistema operativo Windows/MS DOS;
4.Microsoft Word, Excel, PowerPoint e Outlook;
5.Organizzazione e principali processi aziendali;
6.Principi di project management;
7.Il lavoro di gruppo;
8.La gestione del tempo e delle priorità;
9.Come si crea un curriculum vitae.
 

Per partecipare al corso di formazione breve di "Key Competence", presso la nostra Academy "Skill Factory", rivolgiti al tuo centro per l'impiego (CPI), fornisci prima il codice identificativo della Skill Factory: 960 e successivamente quello del corso: 10777. 

Presso la nostra Academy delle Professioni Digitali, con il programma PAR GOL, puoi anche partecipare ai seguenti corsi di formazione, che ti permettono di entrare nel mercato del lavoro:

1.TECNICO DELLA PROGRAMMAZIONE E DELLO SVILUPPO DI PROGRAMMI INFORMATICI 
Codice corso: 10774
Modalità didattica: in presenza presso Academy Skill Factory Centro Direzionale Napoli isola E2
Durata: 300 ore
Tirocinio: 80 ore
Livello Qualifica Professionale Europea: EQF5
Prerequisiti di accesso: Diploma
Sbocchi lavorativi: Programmatore back-end (Java, C#, Python)

2.TECNICO PROGRAMMATORE SITI WEB
Codice corso: 10776
Modalità didattica: in presenza presso Academy Skill Factory Centro Direzionale Napoli isola E2
Durata: 300 ore
Tirocinio: 80 ore
Livello Qualifica Professionale Europea: EQF5
Prerequisiti di accesso: Diploma
Sbocchi lavorativi: Programmatore front-end (HTML/CSS, PHP, Angular, React)