A chi è rivolto
Il Corso sviluppo di Web app con HTML5, CSS3, jQuery e Bootstrap Asti soddisfa quella che rappresenta la risposta ad un mercato che richiede di poter accedere ad un applicazione o sito web, utilizzando una varietà di dispositivi come pc desktop, notebook, smartphone ed iphone.
Si stanno adottando nuove strategie di sviluppo per lo sviluppo di siti Web e soluzioni software scalabili. In effetti riuscire ad accedere attraverso qualunque dispositivo ad un sito web o web app, consente di migliorare la produttività, poichè si evitano di creare delle varianti dello stesso prodotto ed invece ci si concentra sulla struttura e funzionalità del prodotto da creare.
Grazie a questa nuova prospettiva, ogni soluzione creata per il web si adatterà automaticamente al dispositivo che lo interroga, utilizzando la tecnica Responsive Web Design (RWD).
In questo corso sviluppo di Web app con HTML5, CSS3, jQuery e Bootstrap Asti, imparerai a creare applicazioni web moderne e reattive utilizzando HTML5, CSS3 e framework jQuery, Bootstrap attraverso la progettazione grafica in Photoshop a la trasformazione del progetto grafico in codice .
Il corso copre la necessità di creare siti Web reattivi che modificano la loro struttura o il layout in base alla schermata del dispositivo a cui sono accessibili. Spiega i vari elementi costitutivi utilizzati per creare siti Web reattivi.
Imparerai come aggiungere interattività ai siti web usando le API jQuery e HTML5.
Questo corso sviluppo di Web app con HTML5, CSS3, jQuery e Bootstrap Asti è stato progettato con un approccio metodologico unico di formazione, attraverso progetti concreti per un apprendimento di successo.
Prerequisiti
Non sono richieste particolari prerequisiti, tranne la normale conoscenza dell’uso del pc, anche quando si voglia intraprendere questo Corso sviluppo di Web app con HTML5, CSS3, jQuery e Bootstrap Asti, si parte sempre dalle basi elementari e poi approfondire in un crescendo, tutti gli aspetti attraverso sessioni teoriche e pratiche con esercizi, mettendoti in condizione di comprendere appieno ogni aspetto.
Obiettivi del corso
- Implementa potenti funzionalità di HTML5 per multimedia, grafica, moduli di input, ecc.
- Implementa le API HTML5 per funzionalità critiche come applicazioni offline, prestazioni avanzate, ecc.
- Aggiungi fluidità a un sito web
- Implementa eventi jQuery e funzionalità AJAX
- Costruisci applicazioni web moderne ed interattive
Programma del Corso sviluppo di Web app con HTML5, CSS3, jQuery e Bootstrap Asti
HTML5 e CSS3
Elementi multimediali HTML e API e CSS3
- Streaming di contenuti multimediali
- Sottotitoli e sottotitoli
- Enhanced HTML5 media player e framework
- API HTML5 per l’integrazione di funzioni webcam e microfono
- Applicazione di fogli di stile CSS3 per migliorare l’esperienza dell’utente
Grafica HTML5 usando Canvas
- Nozioni di base su tela HTML5
- Modalità di disegno immediato: rettangoli, testo e immagini
- Modalità di disegno del percorso: linee, cerchi, archi, curve e altri metodi di disegno del percorso
- Colori, sfumature, motivi, ombre, ecc.
Animazione usando Canvas
- Tecniche di animazione di base
Modulo jQuery
- I selettori
- Il carattere speciale $ per attivare il motore di jQuery
- Selettori di base e gerarchici
- Selezionare per attributi
- Filtrare le selezioni
- Attributi, classi e metodi base
- Metodi di base
- Metodi per gli attributi
- Gestione delle classi, del contenuto e dei campi dei form
- Selezione e manipolazione degli elementi del DOM e dei CSS
- Inserire elementi
- Sostituire, rimuovere, svuotare e duplicare
- Manipolare i CSS
- Bind, gestire gli eventi con jQuery
- Associare gli eventi: bind e unbind
- Metodi speciali e ‘event delegation’
- Effetti di base
- Animazioni personalizzate
- Eventi locali e globali
- jQuery Ajax
- Lavorare con gli array
- Lavorare con gli oggetti
- Browser e Feature Detection
- Internals e Data storage
- Aggiungere selettori
- Aggiungere metodi
- Usare gli alias
API HTML5 avanzate
- Introduzione alle API HTML5
- HTML5 Cache
- API di archiviazione Web
- File API
- API di geolocalizzazione
- API Web Socket
- API di messaggistica web
Framework Bootstrap
- Cos’è Bootstrap?
- Perché usiamo Bootstrap?
- Struttura della cartella Bootstrap
- Bootstrap Metatag
- Bootstrap Grid System
- Barra di navigazione Bootstrap
- Introduzione alla tipografia del testo Bootstrap
- Introduzione ai controlli dei moduli Bootstrap
- Introduzione al pulsante Bootstrap
- Introduzione ai messaggi di Bootstrap Alert
- Usiamo Get Bootstrap
Modulo Photoshop
- Panoramica su Photoshop ed interfaccia
- Barra degli strumenti
- Creare una nuova immagine
- Ritagliare un’immagine
- Ruotare e riflettere immagini
- Ridimensionare e trasformare un’immagine
Selezioni
- Selezione rettangolare e selezione ellittica
- Selezioni con Lazo e Penna
- Selezione Rapida e Bacchetta Magica
- Modificare le selezioni
Livelli
- Livelli: operazioni di base
- Livelli: Opacità e Riempimento
- Gruppi di livelli
- Stili Livello e Opzioni di Fusione
- Regolazioni per i livelli
- Trasformazioni avanzate
- Sposta ed estendi in base al contenuto
- Riempi in base al Contenuto
- Bloccare e unire livelli
- Collegare e raggruppare livelli
- Altre opzioni e icone del pannello Livelli
- Stili di livello – Livello di testo
- Uso avanzato degli stili di livello
- Stile di livello sovrapposto e operazioni avanzate
- Usare i pattern
- Metodi di fusione
- Grafica vettoriale e panoramica degli strumenti
- Strumento Penna e Tracciati
- Regolazioni e opzioni per la Galleria filtri
- Renderizzazioni
- Pixel, blur, stilizzazione e altri effetti
- Creare e formattare un paragrafo
- Effetti sul testo
- Salvare i file nei formati più comuni
- Inserire un’immagine esterna
Strumenti di disegno
- Matita e Pennello
- Gomma, Sfumatura e Riempimento
- Forme base
- Forme da tracciati
- Forme composte e combinate
Strumenti di Testo - Testo: inserimento e formattazione
- Alterare e rasterizzare il testo
- Testo su tracciato
- Testo raster e vettoriale
Manipolazione fotografica - Sfoca, Nitidezza e Sfumino
- Scherma, Brucia e Spugna
- Pannelli di regolazione
- Regolazioni
Caratteristiche
- Durata 80 ore
- Skill level Adatto a tutti
- Lingua Italiano
-
Certificazione
Attestato
di frequenza - Valutazioni Si
Modalità erogazione
Potrai seguire i nostri corsi in modalità FAD (formazione a distanza in video conferenza), comodamente da casa tua scegliendo orari e giorni. Ti verrà dato accesso alla nostra piattaforma di formazione e farai lezione attraverso la condivisione degli schermi, del docente e tuo per le prove pratiche.
VANTAGGI
- Come? Videoconferenza
- Condivisione schermo
- audio
- video
- Ogni lezione di 2 ore
- Lezioni registrate SI
