Corso Front End Development

Banner promozionale del corso Front End Development, firmato LABFORTRAINING

Inizio: 19 ottobre 2020
Durata: 230 ore
Orario: a scelta tra10.00-13.00 | 18.15-21.15Prerequisiti: nessuno

Ecco alcune delle cose strepitose che potrai fare con il corso Front End Development:
  • Progettare e realizzare Layout per siti e applicazioni web.
  • Comprendere i metodi e le best practice della user experience.
  • Creare siti web con qualsiasi tipo di interfaccia grafica.
  • Migliorare la user experience dei siti web sfruttando tutto il potenziale del linguaggio JavaScript
  • Potenziare le performance dei tuoi siti grazie a super framework come Angular e React.

Il corso in pillole

Il Corso Front End Development è pensato per formare professionisti web che abbiano tutte le carte in regola per entrare nel mondo del lavoro.

Puoi frequentare il Corso Front End Development in una delle seguenti modalità a scelta:

  1. In aula a Roma, presso la sede LABFORTRAINING
  2. Online in Diretta Streaming
  3. Video Lezioni On Demand

Per diventare Front End Developer nel corso affronterai moduli progressivi che, a partire dalle basi, ti insegneranno a comprendere e a scrivere il codice che è dietro i siti web, in modo che tu non debba dipendere da alcun CMS o software in particolare.

Il Front End Developer è una figura professionale molto richiesta sul mercato del lavoro perché ha le competenze per migliorare le performance dei siti web, grazie a un uso avanzato di JavaScript.

Per rendere il tuo curriculum aggiornato e molto appetibile (soprattutto per le grandi aziende), imparerai a programmare con Angular e React, due linguaggi sempre presenti nelle bacheche dei siti di annunci di lavoro.

Alla fine del Corso Front End Development sarai in grado di progettare e realizzare ogni tipo di applicazione web.

Il percorso Front End Development

Il Corso Front End Development spiegato in breve
  • 192

    ore di corso in diretta

  • 38

    ore di video lezioni on demand

  • 3

    modalità di frequenza (a scelta):
    In aula - In Diretta Streaming - On Demand

  • 10

    alunni max per classe

  • 5+

    incontri con aziende partner che illustreranno le proprie offerte di lavoro

IL PROGRAMMA DEL CORSOVOGLIO SAPERNE DI PIÙ

È il corso che fa per te?

Sì, se vuoi diventare un Front End Developer che non deve dipendere esclusivamente da WordPress o da altri CMS.
E sì, se vuoi imparare in maniera approfondita i principali (e più richiesti) linguaggi web per il front end development, e non avere limiti nella progettazione e realizzazione di siti web.

Quando

Dal 19 ottobre 2020 al 18 marzo 2021, tutti i lunedì, mercoledì e giovedì, in orario mattutino o serale.
Nel calendario delle lezioni sono previsti 4 laboratori pratici che si terranno di sabato.
60 lezioni per una durata complessiva di 192 ore di teoria e pratica in diretta + 38 ore di video lezioni on demand.

Scegli la fascia oraria più comoda per te:

  • Mattina 10.00-13.00
  • Sera 18.15-21.15

Il Corso in aula a Roma

Si terrà nella sede di LABFORTRAINING, in via Pasquale Revoltella 85 a Roma, dove troverai un Apple iMac tutto per te.

Il Corso Online in Live Streaming / On Demand

Potrai frequentarlo ovunque tu voglia: da casa, dal tuo ufficio, da un parco. Ti basterà avere con te un computer e una connessione a Internet. Potrai seguire il corso in diretta streaming in uno degli orari a scelta, tra il mattutino e il serale.

I software che utilizzerai per lo svolgimento delle lezioni sono tutti gratuiti.

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.

Costi

I costi del Corso Front End Development
  • Inizio corso: dal 19 ottobre 2020
    3 lezioni settimanali, in orario mattutino o serale a scelta

  • Durata: 230 ore
    [192 ore di corso] + [38 ore di video lezioni]

  • Corso in aula o in Live Streaming
    Per iscrizioni entro il 7 agosto » 2.200 euro + iva invece di 2.800 € + iva

  • Video Corso On Demand
    Per iscrizioni entro il 7 agosto » 1.950 euro + iva invece di 2.800 € + iva

Iscrizione

Per iscriverti al Corso Front End Development dovrai compilare la scheda di iscrizione e versare una quota di 200 euro + iva a titolo di acconto.

Ti invieremo la scheda di iscrizione via mail e potrai versare l'acconto tramite Bonifico Bancario.

Se preferisci passare a scuola per procedere alla tua iscrizione, prenota un appuntamento, e qualcuno del nostro staff sarà pronto ad accoglierti. Ci trovi in Via Pasquale Revoltella, 85 a Roma.

Pagamento a rate

Puoi rateizzare il costo del Corso Front End Development 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, compila il modulo e ti risponderemo il prima possibile.
Se desideri parlare con qualcuno del nostro staff prenota un appuntamento.
Grazie.

VOGLIO SAPERNE DI PIÙ

Programma del Corso Front End Development

  • 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
    • 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 pseudoclassi introdotte dai CSS3
    • Risorse utili e casi pratici

    • Le Media Queries CSS
    • Riconoscere un dispositivo mobile
    • Definire i breakpoint con le Media Queries CSS3
    • Impostare Script e Markup HTML per un progetto "responsive"
    • Ottimizzare un layout per smartphone - impostare il breakpoint a 480px
    • Ottimizzare un layout per tablet - impostare il breakpoint a 768px
    • Lavorare per il desktop - impostare il breakpoint a 1024px
    • Orientare lo schermo: Landscape e Portrait
    • Il meta tag 'Viewport'
  • Javascript e jQuery 30 ore


    • Il linguaggio JavaScript
    • Introduzione a JavaScript
    • Sintassi di base
    • Variabili e tipi
    • I blocchi condizionali if e switch
    • Gli operatori logici
    • Gli array
    • I cicli for e while
    • Oggetti principali del browser gestiti tramite JavaScript: window, document, location, history
    • Le funzioni in JavaScript
    • Le funzioni parametriche
    • Lavorare con numeri e stringhe

    • Javascript e il DOM
    • Il DOM (Document Object Model): elementi, attributi, nodi testuali
    • Funzioni per l'interazione con il DOM:
      • document.getElementById
      • document.getElementsByClassName
      • document.getElmentsByTagName
      • document.querySelector e document.querySelectorAll
      • l'oggetto classList
    • Manipolare gli stili CSS e il contenuto degli elementi con Javascript e DOM: le proprietà style e innerHTML
    • Gli eventi in JavaScript
      • onload, onclick, onsubmit, onscroll, ecc...
      • eventi del mouse (il double click, move, key press, ecc...)
      • Il metodo addEventListener()

    • 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 hide(), show(), fadeIn(), fadeOut(), animate()
    • Realizzare siti web "one page" con effetti di menu a scorrimento
    • I 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
  • Javascript OOP 15 ore


    • Concetti avanzati di programmazione in Javascript
    • Callbacks e la programmazione asincrona
    • Le funzioni anonime
    • Closure e First Class functions

    • JavaScript Object-Oriented
    • I concetti principali di javascript OOP
    • Classi e Oggetti, Prototype
    • Ambiti di visibilità: public, private, protected, static
    • Proprietà e Metodi
    • I paradigmi della OOP in Javascript: Incapsulamento, ereditarietà

    • ECMAScript 6 (ES6) e TypeScript: nuove caratteristiche
    • Introduzione a TypeScript
    • Tipi di Dati (number, string, array, boolean, any)
    • Proprietà e Metodi
    • Le classi in TypeScript
    • Ereditarietà
    • Interfaces, Classe astratte

    • Programmazione asincrona: nuove caratteristiche ES6/TypeScript
    • Arrow function (=>)
    • Promises Vs Observables
  • AJAX, XML e JSON 15 ore


    • Far lavorare il codice in modalità asincrona
    • Introduzione ad AJAX (Asyncronous Javascript and XML)
    • L'interazione asincrona client - server (HTML - PHP): come aggiornare una pagina web senza ricaricarla
    • L'oggetto HTTPRequest: il processo e gli step di interazione client-server asincrono
    • Query asincrone: interazione con DB esterni MySql

    • JQUERY e AJAX
    • Il processo di comunicazione asincrono tramite Jquery: la funzione $.ajax(), i suoi parametri e la metodologia d'uso
    • Introduzione a XML (eXtensible Markup Language)
    • Il documento XML - Struttura, formattazione, validazione
    • Il formato di dati JSON (Javascript Object Notation)
    • Gestire le risposte in formato testo e HTML
    • Gestire le risposte in formato XML tramite PHP, Javascript e DOM
    • Gestire le risposte in formato JSON tramite PHP, Javascript e DOM
    • Eseguire script js in modalità asincrona
    • Case studies
  • Responsive Web Design 15 ore


    • Il Responsive Web Design
    • I principali browser per dispositivi mobili (Safari, Mozilla Firefox, Google Chrome)
    • Da un layout multicolonne ad un layout monocolonna
    • Realizzare layout elastici a griglie fluide
    • Introduzione al 'Responsive Design'
    • Riconoscere un dispositivo mobile
    • Orientare lo schermo: Landscape e Portrait
    • Il meta tag 'Viewport'
    • Stili per il mobile: layout, dimensioni, font
    • Stili per il mobile: la navigazione
    • I 3 approcci per un layout Responsive: Desktop First, Mobile First, Content First
    • 10 regole da rispettare per realizzare un layout responsive
    • Strumenti per i test, siti web di riferimento

    • Organizzare i contenuti in modalità responsive
    • Realizzare immagini responsive con il tag PICTURE
    • Caricamento condizionale delle immagini di sfondo con i CSS
    • Realizzare immagini responsive con la libreria JQuery Picture
    • Caricare dati esterni con la libreria Ajax Include
    • Realizzare video elastici e responsive
    • Gestire snippet di codice condizionale con javascript
    • Risorse utili e casi pratici
    • Rendere una tabella di dati responsive
    • Realizzare una TabMenu in modalità responsive
    • Ridurre il peso delle pagine visualizzate dai dispositivi mobili
    • Creare sprite CSS per aumentare le performance del proprio sito web
    • Utilizzare Web Icon Font
    • Il formato di file Data URIs per la rappresentazione di icone
    • Rendere i menù di navigazione responsive
    • Gestire layout responsive con la Tecnica off-canvas
    • Realizzare Slide Gallery Responsive con effetto Parallax
    • Risorse utili e casi pratici
  • CSS Flexbox + CSS Grid + CSS Sass15 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

    • CSS SASS
    • Installare Sass e Compass
    • Usare SASS
    • Lavorare con Sass e Compass da riga di comando
    • Impostare un progetto Sass
    • Lavorare con i partial files
    • Dichiarare variabili
    • Nesting, Extend, Placeholders e Mixins
    • Media Queries CSS3 avanzate con Sass
    • CSS3 semplificati con Compass
  • React e Redux 36 ore


    • Introduzione a React
    • ES6. Brevi cenni su utilizzo delle ultime specifiche Js. Arrow function, Desctructuring Array, Class, Import/Export Statement, Template String
    • NodeJs. Introduzione a Node, npm e loro utilizzo in ambiente ReactJs
    • Babel. Cosa è un transpiler e a cosa serve
    • Componenti. Come si creano e come si usano
    • Jsx. Javascript come html. Suo utilizzo
    • Gestione degli eventi
    • Cosa è uno State e cosa è una prop. Come interagire.

    • Richieste Ajax con React.js
    • Componenti di tipo funzione
    • Creazione di liste
    • List item key
    • Componente di visualizzazione dettaglio
    • Utilizzo dei CSS nei componenti

    • Redux: Modellare lo stato dell'applicazione
    • Reducers: come si creano e come si usano
    • Containers: come si implementano e loro utilizzo
    • Action e Action Creators.
    • Render condizionale

    • Redux: Middleware
    • Creazione di una piccola app con consumo di API
    • Utilizzo di Axios per chiamate http
    • Redux-Promise
    • Mapping props

    • React Router e React Form
    • Installazione di React Router e suo utilizzo
    • Utilizzo del Link Component
    • Redux Form
    • Field Component
    • Validazione dei dati
    • Conditional Style
    • Data dependencies
  • Angular 36 ore


    • Generalità su Angular
    • Applicazioni web client/server, lo stack MEAN (Mongo DB, Express, Angular, Node.js)
    • Getting started: il set up dell'ambiente Angular, il CLI (Command Line Interface)
    • Costruzione, compilazione ed esecuzione di un nuovo progetto di un'applicazione Angular

    • Anatomia di un'applicazione Angular
    • Moduli
    • Componenti
    • Selettori
    • Template

    • I "Componenti" di Angular
    • La sintassi Typescript
    • Il Template e la rappresentazione visiva dell'interfaccia utente
    • Il binding di Angular tra i dati dell'applicazione e il layout
    • Applicazioni "mono component" ed applicazioni "multi component"

    • Le direttive in Angular
    • Direttive strutturali (NgIf, NgFor, NgSwitch)
    • Direttive di attributo (NgStyle, NgClass)

    • Gestire gli eventi in Angular
    • Sintassi
    • Alcuni gestori di evento (click, submit, keydown etc)

    • Passaggio dei dati tra Component e Template: il Binding in Angular
    • Interpolazione
    • Event Binding
    • Property Binding
    • Doppio Binding
    • Le Template Reference Variables

    • Angular FrontEnd
    • Installare ed utilizzar Angular Material

    • Applicazioni Master - Detail
    • Passaggio dei dati tra Component parent e Component Child
    • I Decorator @Input e @Output

    • Le Form in Angular
    • L'approccio Template Driven legato al controllo dei markup della form
    • Il modulo FormsModule e le direttive per la validazione dei dati (NgValid, NgTouched, NgDirty, etc)

    • I Service in Angular
    • I Service come classi condivise tra più Component
    • La Dependency Injection: Il meccanismo di "Iniezione" del Service nei Component dell'applicazione
    • Case Study: accesso a web services esterne tramite un Angular Service

    • Il Routing in Angular
    • le Single Page Application
    • La gestione delle rotte di un'applicazione
    • L'oggetto Router e la metodologia per creare / navigare tra le varie "rotte"

    • Richieste http Ajax in Angular
    • Get Request e Post Request
    • Utilizzo di Promises e Observables: la richiesta e la ricezione delle risposte
    • Case Study: realizzazione di un'applicazione web client server in Angular con utilizzo di un DB esterno

    • Il deploy di un'applicazione Angular

  • Grafica per il web 12 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
  • UI/UX design15 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
  • La libreria Boostrap6 ore


    • Bootstrap: il framework CSS/JS
    • Responsive bootstrap
    • Bootstrap per il mobile
    • Elementi di bootstrap
      • CSS di base e avanzato
      • Componenti JS (Accordion, Tabs, Tooltips, Popover, Carousel...)
    • Personalizzazione di bootstrap
    • Temi
    • Componenti aggiuntivi di terze parti
  • I video HTML5 3 ore


    • Introduzione ai video in HTML5
    • TAG Video VS iFrame: pubblicare contenuti video in una pagina web
    • I video in modalità responsive
    • Le API JavaScript del TAG Video
    • JavaScript e i metodi play, pause, currentime, ecc...
    • Gestire la riproduzione video con gli eventi (scroll, click, ecc...)
    • Video Background: inserire un video come sfondo di una pagina web
  • La geolocalizzazione e le API di Google Maps 3 ore


    • Introduzione alla Geolocation
    • L'oggetto navigator.geolocation in JavaScript
    • L'oggetto navigator.geolocation per catturare la posizione del browser

    • Le API di Google Maps
    • Maps JavaScript API
    • Simple map
    • Simple map con simple click event
    • Creare una mappa personalizzata (colori, balloon, ecc..)
    • Personalizzare il contenuto delle infowindows

    • Geolocation + API Google Maps
    • Individuare il valore della latitudine e della longitudine
    • Creare una mappa dinamica sfruttando la posizione dell'utente
    • Implementare in un modulo il sistema per chiedere a Google l'integrità di un indirizzo
    • Implementare nel proprio sito web il sistema per chiedere a Google le informazioni di un percorso
VOGLIO SAPERNE DI PIÙ

Docenti

  • Giovanni

    È 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.

  • John Doe

    È l'ideatore di LABFORTRAINING insieme a Giovanni 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 front end e web development.

  • Ivano

    Insegna Mobile e Web Development a LABFORTRAINING.
    iOS, XCode, Objective-C, Swift, Cocoa framework, Phonegap e IONIC sono i suoi ambienti di sviluppo mobile.
    Nei linguaggi per il web è esperto di PHP/MySQL, PHP5, Wordpress, Bootstrap, CSS Sass e dello stack MEAN (MongoDB, Express, Angular e Node).
    Si è laureato in Tecnologie Informatiche all'Università degli Studi di Roma "La Sapienza" con una tesi sulla georeferenziazione di punti d'interesse e sul Mashup di web API come Google Maps API, Panoramio API e Flickr API.
    Dopo la laurea si è occupato di diversi progetti web e di sviluppo di applicazioni iPhone e iPad, di streaming multimediale, di ottimizzazione di database, di spider dei motori di ricerca e di semantica web.

  • Antonio

    È, insieme al fratello Giovanni e a John Doe, titolare (e docente) della scuola.
    Insegna PHP, Javascript, jQuery, Ajax e lo stack MEAN (MongoDB, Express, Angular e Node) a LABFORTRAINING.
    Laureato in Fisica alla Sapienza di Roma, si è poi specializzato in linguaggi web come ASP, PHP, HTML, Javascript, ecc...
    Si occupa di formazione aziendale di linguaggi web e linguaggi di programmazione come C, C++ e Java, da più di 20 anni.
    Prima di dedicarsi a tempo pieno al progetto LABFORTRAINING, per oltre 10 anni è stato sia docente invitato alla Facoltà di Scienze della Comunicazione Sociale dell'Università Pontificia Salesiana di Roma, dove ha insegnato Teoria e Tecniche della Comunicazione in Internet, che docente di PHP allo IED.

  • Marcello

    Insegna Angular, React e C# a LABFORTRAINING.
    Si occupa di formazione da 30 anni sia presso aziende private, statali, che scuole di formazione. Svolge il suo lavoro con passione e dedizione.
    Marcello ha migliorato le proprie capacità professionali, partecipando a corsi per la crescita personale (Public speaking, P.N.L.), che gli hanno consentito di acquisire le giuste metodologie di comunicazione, aumentando anche le proprie capacità relazionali. Grazie alla sua pluriennale esperienza ha anche collaborato, in qualità di Project Manager, in progetti industriali.

  • Ryan

    Insegna JavaScript a LABFORTRAINING.
    Amante a 360 gradi della tecnologia e grande fan e appassionato di Javascript e Typescript, in continuo aggiornamento sulle ultime novità del linguaggio.
    Muove i suoi primi passi nella programmazione con Python all'Università, poi si appassiona al web development fino a diventare un Full Stack Developer, lavorando in progetti per la pubblica amministrazione con Typescript, Angular, Java e Spring.
    Ha avuto anche esperienze nello sviluppo di app ibride con Ionic Framework.
    Ha potuto approfondire la conoscenza di Javascript, Typescript e Angular lavorando come consulente Frontend per un'azienda produttrice di applicativi software per il settore ospedaliero.

  • Enrico

    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.

  • Anna

    Insegna Graphic Design e Visual Communication a LABFORTRAINING. È visual designer, art director e insegnante appassionata di cultura visiva. Diplomata in Graphic Design e Visual Communication presso l’Istituto Superiore di Design di Napoli, ha lavorato per diversi anni fra Napoli e Milano, in agenzie e studi di design, prima di stabilirsi a Roma. Dal 2009 al 2015 è stata Direttore dell’Area Comunicazione dell’azienda Lucebianca e del brand LeBebé Gioielli, lavorando su diversi aspetti, dal brand design e la comunicazione strategica, al packaging, l’advertising, l’exhibit e il pop design. Nel 2016 fonda a Roma il proprio studio - Anna Mercurio Design Studio - specializzato sul branding e la comunicazione strategica. Dal 2017 è direttore creativo della rivista The new’s room. Nel corso degli anni ha sviluppato progetti per numerosi marchi di gioielleria, design, food, vino, editoria. Molti dei progetti sono stati pubblicati ed esposti in diverse mostre internazionali, fra cui la Biennale dei giovani artisti dell’Europa e del Mediterraneo.

#iorestoacasa...e studio

Con i corsi LABFORTRAINING in modalità Live Streaming puoi studiare senza muoverti da casa.

Scopri i corsi online

Scrivici se vuoi saperne di più sul Corso Front End Development e sulle modalità di iscrizione

  • Frequenza

  • Orario

  • Ho letto l'informativa sulla privacy e accetto le condizioni

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.

Open Day LABFORTRAINING | 3 e 4 luglio 2020