Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wp-pagenavi domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/nuvicom/domains/campus-digitale.nuvicom.it/public_html/wp-includes/functions.php on line 6114
Corso Web Front End Developer | Campus Digitale
Campus Digitale

Corso Web Front End Developer

Categoria:
Con stage
Finanziamento:
Finanziato/Gratuito
Durata corso:
480
Corso Web Front End Developer

Gli obiettivi del corso Front End Developer sono quelli di fornire le competenze per progettare e sviluppare Web Application efficaci, occupandosi in particolare delle componenti Front End.

Il Front End Developer ha il compito, in particolare, di progettare e sviluppare le interfacce di utilizzo delle applicazioni web che, in genere, si nutrono di dati provenienti da servizi esterni e da componenti di back end.

Le tecnologie utilizzate saranno basate sui Cluster tecnologici di HTML, CSS, BOOTSTRAP ma soprattutto Javascript e REACT per la parte Front End; durante il corso saranno affrontate le tecniche efficaci per reperire e mostrare i dati provenienti da varie fonti strutturate.

Completano le competenze di base, la conoscenza e l’utilizzo dello strumento GIT.

Organizzazione del corso

  • INIZIO CORSO: 23/10/2023 
  • CHIUSURA DELLE ISCRIZIONI: 27/09/2023
  • DURATA: 480 ore (3 mesi) di formazione teorico-pratica (con docente e tutor dedicati)
  • IMPEGNO: dal lunedì al venerdì, 9:00-13:00 / 14:00 - 18:00 
  • SEDE AULA: 100% online, aula Webex dedicata
Richiedi info

A chi è rivolto

Giovani NEET (Not in Education, Employment or Training) tra i 18 e 34 anni in possesso di un titolo di studio secondario superiore provenienti da tutta Italia.

Cosa imparerai a fare

  • Conoscere le basi dei protocolli internet, le basi della programmazione e delle architetture software; 
  • Creare la parte visiva di un sito web desktop e mobile; 
  • Conoscere e saper applicare le nozioni base di progettazione della UX e UI di un prodotto digitale; 
  • Creare pagine Web statiche; 
  • Creare pagine Web dinamiche e interattive; 
  • Usare veri linguaggi di programmazione; 
  • Conoscere e utilizzare i framework front-end più diffusi; 
  • Creare applicazioni Web complesse; 
  • Collegare il front-end al back-end attraverso i web service; 
  • Gestire un progetto con metodologia Agile e lavorare efficacemente in team.  

Contenuti del corso

  • Settimana 1 - SITO WEB: HTML - CSS

    40 ore

    • Il ruolo del Front End Developer - Client/Server e protocolli - Panoramica sui CLOUD e FTP - Struttura
      di un sito web - Gli standard W3C - Sintassi e tag base HTML
    • Tabelle in HTML, Form, Audio/Video (Html5), Tag per layout
    • Introduzione al CSS, Colori e unità di misura, Css per i testi, Selettori, Pseudo classi
    • Background, Box model
  • Settimana 2 - INTRODUZIONE A JAVA SCRIPT E DATA TYPE

    40 ore

    • Introduzione a JavaScript, Dove inserire JS, Sintassi, Gestione output
    • Variabili e costanti, DataTypes, Operatori, Stringhe
    • Types strutturali: Oggetti e Array, Conditionals (if..else)
    • Switch, While, For
  • Settimana 3 - ELEMENTI DI PROGRAMMAZIONE

    40 ore

    • Lavorare con le date, Funzioni
    • Array (recap), Metodo degli array, metodi delle stringhe
    • Oggetti (recap), introduzione alla programmazione OOP, Introduzione al DOM
    • Eventi, Intro async, Intro ajax, Intro ES6
  • Settimana 4 - Build Week 1 (Esercitazione pratica)

    40 ore

    • Attività di gruppo che prevede l'implementazione di un template HTML
  • Settimana 5 - LINGUAGGIO CSS

    40 ore

    • UX/UI, Usabilità, Responsive
    • Css positioning
    • CSS flex
    • Animazioni e accenni a CSS Grids
  • Settimana 6 - CONTENUTI E LAYOUT SITI

    40 ore

    • Introduzione a bootstrap, Testi e utility varie, Grid Layout
    • Layout, Elementi di contenuto, Customizzazioni
    • Sass, Ambiente, Variabili, Partials e nesting
    • Mixins, Funzioni, Extends, Funzionalità avanzate
  • Settimana 7 - LA PROGRAMMAZIONE AD OGGETTI

    40 ore

    • Programmazione ad oggetti classica, Gli oggetti, Le proprietà, I metodi, This
    • Programmazione ad oggetti ES6, pattern di programmazione
    • JSON, Storage locale, API REST, Postman
    • Fetch, Intro a NPM e Node
  • Settimana 8 - Build Week 2 (Esercitazione pratica)

    40 ore

    • Attività di gruppo che prevede la realizzazione di applicazione CRUD vanilla js
  • Settimana 9 - I REACT (PARTE 1)

    40 ore

    • React Basics
    • React & SPAs
    • State & props management
    • Controlled inputs & forms
    • Data fetching
    • Loaders & error handling
  • Settimana 10 - I REACT (PARTE 2)

    40 ore

    • React Advanced + Redux Intro
    • State Lifting & Components Lifecycle
    • React Hooks
    • React Router
    • Redux Intro
    • Pure Functions
  • Settimana 11 - ARCHITETTURE PER IL WEB

    40 ore

    • Redux Advanced & TypeScript
    • Multiple Reducers
    • redux-thunk and asynchronicity
    • redux-persist
    • TS Intro (syntax, interfaces)
    • TS for building React Applications
  • Settimana 12 - Build Week 3 (Esercitazione pratica)

    40 ore

    • Attività di gruppo -  Front End PW: Build in team a LinkedIn Clone using React, TypeScript and Redux

Come Funziona

Per accedere al corso è prevista una selezione in ingresso che consiste in  test tecnici oltre a un colloquio individuale motivazionale.

Al termine del percorso formativo d’aula, verrà valutata con ciascun allievo la possibilità di inserimento lavorativo attraverso lo strumento del tirocinio formativo extra curricolare.

Certificazioni

  • Attestato di frequenza IFOA

Partner

Corso Web Front End Developer

Richiedi info

Compila il form sottostante per ottenere il download della scheda di dettaglio del corso.

Grazie!
Scarica la scheda per scoprire tutti i dettagli del corso.

Download

Compila il form sottostante per iscriverti all'evento di presentazione.