Musa Formazione

Corso Sviluppatore Web Frontend

Impara a sviluppare il front end di un Sito Web con HTML CSS e Bootsrap | Realizza Pagine Web Dinamiche imparando il linguaggio client-side Javascript

CONTATTACI
Diventa Programmatore Web Front End

Un percorso professionalizzante e completo con un approccio pratico finalizzato a farti conoscere in maniera approfondita, partendo dalle basi, i linguaggi di programmazione e i framework più utilizzati nello sviluppo web lato front end

RICHIEDI INFORMAZIONI
Lezioni Online Live: 115 ORE
Videolezioni Registrate: 33 ORE
Accesso alla piattaforma di e-learning 7/7
Esercitazioni
Forum con Docente e Colleghi
Accesso da PC o Mobile
Simulatore d'esame
Certificazione: HTML and CSS MTA 98-383 | JavaScript 98-382
Incontri one-to-one con il docente

Obiettivi Formativi

Con questo corso tecnico-pratico imparerai a sviluppare un sito moderno, dinamico e responsive. Come? Acquisendo competenze e conoscenze tecniche approfondite dei linguaggi di programmazione e framework essenziali per questa tipologia di progettazione web:

  • HTML CSS e Bootstrap
  • Javascript e Jquery

Con le conoscenze e le competenze apprese sarai in grado di acquisire le certificazioni Microsoft:

  • HTML and CSS MTA 98-383
  • JavaScript 98-382

Attestando le competenze attraverso queste certificazioni internazionali darai un boost al tuo CV e potrai trovare più facilmente lavoro in un settore in cui la figura del Front End Developer è richiestissima.

Nella community attiva, all’interno della piattaforma di formazione, troverai docenti esperti a colleghi corsisti pronti a confrontarsi sempre, anche dopo il corso. Un ambiente stimolante per la tua crescita e formazione continua.

Sbocchi Professionali

Con le competenze acquisite durante il corso e le certificazioni Microsoft potrai tranquillamente operare come programmatore Web Junior, specializzato nella programmazione Front End. Sia come dipendente che come freelance. In particolare potrai ricoprire i seguenti ruoli:

  • Web developer junior
  • Front End Developer junior
  • Web designer junior
  • Programmatore Informatico con HTML
  • Sviluppatore Web in HTML e CSS
  • Javascript Developer Junior

Programma

Diventare un Front End Developer

IMPARA A PROGRAMMARE CON HTML

1. Presentazione

  • Presentazione docente
  • Presentazione corso

2. Siti web

  • Come è fatto un sito web
  • Browser
  • IDE
  • Introduzione HTML / CSS / JS
  • QUIZ 1

3. Introduzione HTML e tag di base

  • Accenni / storia HTML
  • Struttura HTML head e body
  • QUIZ 2
  • Tag per il testo
  • Tag per enfasi del testo
  • Tag di base “secondari”
  • Tag hr
  • Tag per elenchi
  • Commenti e indentazione codice
  • Minifier / Beautifier codice
  • Tabelle
  • QUIZ 3

4. Link e Tag Multimediali in HTML

  • Tag per link e attributi dei tag
  • Ancore HTML
  • Link assoluti e relativi
  • Navigazione tramite link ipertestuali
  • QUIZ 4
  • Tag iframe
  • Tag svg
  • Tag canvas
  • Tag HTML5 audio / video
  • Tag HTML5 picture
  • Attributo srcset per retina
  • Attributo srcset per width
  • Picture con srcset
  • QUIZ 5

5. Tag struttura e Tag HTML 5

  • Tag div e span
  • Tag di struttura HTML5
  • Tag HTML5 secondari
  • Validazione codice
  • QUIZ 6

6. Tag per head

  • Tag head
  • Tag noscript
  • Charset
  • QUIZ 7

7. Creare un Form in HTML

  • Introduzione form
  • Attributi input, e tag fieldset, legend e label
  • Password
  • Select
  • Radio e Checkbox
  • Label
  • Textarea
  • Hidden
  • Button e submit
  • Email e number
  • Pattern e URL
  • Input HTML5
  • QUIZ 8

DAI STILE ALLE PAGINE WEB CON CSS

8. Introduzione a CSS

  • Introduzione CSS
  • Incorporare i CSS
  • Media e Import
  • Commenti CSS
  • Regola CSS
  • Inspector
  • QUIZ 9

9. Proprietà CSS, font, colori e spaziature

  • Proprietà del testo
  • Google Fonts
  • Proprietà del testo secondarie
  • Colori in CSS
  • Spaziature in CSS, margin e padding
  • I bordi
  • Box model, altezza e larghezza
  • Background
  • Cursori
  • QUIZ 10

10. Proprietà CSS, posizionamento nello spazio

  • Display
  • Float e Clear
  • Introduzione Flex
  • Posizionamento
  • QUIZ 11

11. Selettori in CSS3

  • Selettori di base
  • Selettori di classe e ID (parte 1)
  • Selettori di classe e ID (parte 2)
  • Selettore universale
  • Selettori combinati
  • Selettore di attributo
  • Selettore di attributo avanzato
  • Pseudo classi
  • Pseudo elementi
  • Conflitti
  • QUIZ 12

12. Impara CSS3

  • Media query
  • Transizioni
  • Opacità
  • Animazioni
  • Gradienti
  • Trasformazioni
  • Colonne
  • Filtri
  • Unità di misura

IMPARA A SFRUTTARE TUTTO IL POTENZIALE DI BOOTSRAP

13. Introduzione A Bootstrap

  • Cosa è e perchè è utile
  • Installare con CDN
  • Installare in locale
  • Browser e altro

14. Utility

  • Colore
  • Testo
  • Border, Clearfix, Close, Embed
  • Utility varie
  • Display
  • Spacing
  • Flex (introduzione)
  • Content
  • Grid
  • Responsive utilities
  • Responsive in utility

15. Componenti

  • Alert
  • Badge, Breadcrumbs
  • Button
  • Card
  • Form
  • Altri componenti
  • Componenti JavaScript

16. Bootstrap avanzato

  • Bootstrap 5
  • SCSS e compilazione
  • Github

CREARE UN SITO WEB

  • Introduzione
  • Creare un header
  • Creare footer e splash
  • Creare una homepage
  • Creare le pagine interne

IMPARA A CREARE PAGINE DINAMICHE CON JAVASCRIPT

1.Introduzione al corso

  • Introduzione a Javascript

2. Basics

  • Come Installare VS Code
  • Fare il Setup Project VS Code
  • Short Program Javascript
  • Variabili, costanti, comments code
  • Operatori aritmetici,logici,di confronto,ternario
  • log vs document.write
  • Control flow (costrutti di condizione ed iterazione,comandi di gestione del flow code)
  • Approfondimenti

3. More Basics and OOP

  • Data Types e Typeof
  • Array and Objects
  • Function and Scope
  • Uses Math
  • Uses Date
  • String methods: trim, replace, concat, length, toUpperCase, toLowerCase
  • Introduzione all’Oriented Object Program
  • Advanced Oriented Object Program
  • Handling Exception (try-catch-finally-throw)
  • Debugging and Use Strict
  • Approfondimenti

4. Document Object Model and Browser Object Model

  • Introduzione al DOM
  • Traversing DOM, createdocument, getElementByID class e tagname, setAttribute
  • Inner Html, Html attributes and elements
  • Dialog box
  • Form Input validation, getpost process submission
  • Events
  • Objects BOM: Navigator-Window-History-Screen-Location

5. Ecmascript

  • Intro Javascript ES
  • let vs var
  • Template literal
  • Arrow function
  • Array ed object destructuring
  • Spread operator
  • Array find, map, filter
  • Approfondimenti

6. Javascript with Jquery

  • Sintax
  • Selectors
  • Events
  • Hide, Show, Fade, Callback, Slide ed Animate
  • Jquery DOM
  • Approfondimenti

7. More Ecmascript con Node JS, Express JS

  • Async Await
  • Promises
  • Fetch API
  • JSON
  • Intro a Node JS
  • Http Request e Http Response
  • Create web server
  • Express JS
  • Conclusione corso
SCARICA PROGRAMMA COMPLETO
Senior Trainer

Fabio Di Gloria

IT Mobile Full Stack Developer Flutter. Java | Spring | Javascript | Angular | Python | Ios Android |
Docente Javascript e Jquery
Senior Trainer

Fabio Folgori

Frontend Developer - Wordpress - Vue - Angular - Blockchain
Docente Corso HTML e CSS - Bootstrap

SEI IN OTTIMA COMPAGNIA

Sto seguendo il corso di Web Developer Full Stack. Posso tranquillamente dire di essere soddisfatto della praticità e della chiarezza del corso.
Carlo Paladino

Sto seguendo il corso Web Developer. Mi trovo benissimo. Il docente è bravissimo. Non avrei potuto trovarmi meglio.
Lorenzo Merola

Insegnanti preparati con evidente esperienza, piattaforma funzionale, materiale didattico ben costruito ed abbondante, aggiornamenti ed approfondimenti continui ed ottima assistenza. Senza dubbio la mia miglior esperienza formativa.
Andrea Toma

RICHIEDI INFORMAZIONI

Richiedi oggi stesso gratuitamente informazioni su questo corso
  • This field is for validation purposes and should be left unchanged.

PARLANO DI NOI

crossmenu