FrontendPills/Corso Front End Developer: tutto quello che non sai.

  • 249 €

Corso online per diventare Frontend Developer

  • 84 Lezioni

75 utenti hanno scelto questo corso

Con un'assistenza personalizzata da parte mia e 45 minuti di incontro finale, partiremo dalle basi fino ad arrivare alle tecniche più avanzate per diventare uno sviluppatore web per il mondo del lavoro.

Questo è il corso online di sviluppo web per Frontend Developer più completo che ci sia. Parola di studenti!

Soddisfatto o rimborsato*

Perché scegliere questo corso sullo sviluppo web

Scopri i vantaggi di questo corso di sviluppo web per diventare sviluppatore web.

1. Sarò il tuo Tutor

Ti seguirò e ti motiverò a fare del tuo meglio.

Sarò disponibile per chiarire qualsiasi dubbio sul corso e sul tuo percorso futuro. Diventare uno sviluppatore web non è semplice e una guida è fondamentale per dimezzare i tempi.

2. Sempre aggiornato

Nuovi aggiornamenti ogni anno e accesso per sempre!

La tua carriera come sviluppatore web sarà in continuo aggiornamento. Per questo, ogni anno rilascio nuove lezioni di questo corso per lo sviluppo web che potrai consultare quando vuoi.

3. Diventa autonomo

Ti darò gli strumenti per creare il tuo proprio metodo e trovare le soluzioni in totale autonomia.

Per diventare un vero e proprio sviluppatore web avrai bisogno di capire il perché di determinate scelte.

4. Incontro finale

Parliamo del tuo futuro alla fine del corso.

L'unico corso di programmazione web con un incontro finale di ben 45 minuti per studiare i tuoi prossimi passi come Frontend Developer.

Descrizione del corso per sviluppatore web - Diventare Frontend Developer

Infografia del corso

Un'immagine vale più di 1000 parole. Per questo ho preparato quest'immagine molto descrittiva del corso.

🙄 Cosa faremo in questo corso

In questo corso per diventare sviluppatore Frontend andremo a creare e a mantenere un portafoglio virtuale.

Utilizzeremo le tecnologie più richieste a livello lavorativo ad uno sviluppatore web:

  • JavaScript, HTML5, CSS3, ECMAScript, Gulp, Browserify, Babel, ESLint, Prettier e JSDoc.

Utilizzeremo NodeJS per creare un server e comprendere come i dati, presenti in un database, arrivino al Frontend.

Utilizzeremo Postman, un'applicazione per il testing delle API e degli endpoints che andremo a implementare nel nostro server.

Testeremo la nostra applicazione con Jest, un avanzato framework per unit testing, e con Puppeteer scriveremo i test end to end, che ci permettono di verificare la parte visuale, simulando un utente.

Tutto il progetto verrà gestito con Git, permettendoti di salvare il tuo progetto nel tuo proprio GitHub che arricchiremo con una documentazione tecnica grazie a JSDoc.

Contenuti del corso

Vedi il programma per diventare sviluppatore web Front End. Puoi cliccare sui pulsanti Preview per vedere in anticipo qualche lezione.

Introduzione

Introduzione al mondo del Web con Git e configurazione dell'ambiente di sviluppo Visual Studio Code.
Introduzione alle tecnologie Web
Anteprima
Configurazione ambiente di sviluppo
Installazione Git
Inizializzazione progetto

JavaScript: la logica dell'applicazione

Iniziamo analizzando JavaScript. Vediamo quindi che tipo di linguaggio è, le sue proprietà, come scrivere il codice correttamente, i tipi di dati e di variabili. Studiamo come gestire gli errori e come effettuare un corretto debugging dell'applicazione.
Introduzione capitolo
Anteprima
JavaScript: analisi del linguaggio
I tipi Primitivi
I tipi Oggetto
Il Naming
Le variabili
Quiz: il linguaggio, i tipi, le variabili e il naming
JavaScript: le funzioni
Scope e contesto
Hoisting
Gli operatori
Le condizioni
Quiz: tipi di funzione, contesto, hoisting, operatori e condizioni
Array
JSON
La gestione degli errori
La gestione delle date
Come immagazzinare i dati
Come effettuare un corretto debugging
Quiz: Array, JSON, Date, Errori, Debugging, Storage
Prima parte pratica
Seconda parte pratica

JavaScript: la gestione delle dipendenze

Analizziamo due tecnologie importantissime nel mondo del Front End: NodeJS e npm.
Anche se NodeJS è un ambiente per sviluppare applicazioni lato server, vedremo perché ci servirà e come utilizzare npm per gestire le dipendenze del progetto.
Introduzione
NodeJS e NPM
Quiz: NodeJS e NPM
Parte pratica

Gulp e Browserify: come mettere insieme i pezzi

Sezione dedicata interamente al processo di sviluppo per l'automatizzazione di determinati processi attraverso i cosiddetti task runner. In questo mondo ti presento Gulp e di conseguenza Browserify per creare il primo bundle dell'applicazione.
Introduzione
Task Runner e Gulp
I bundler e Browserify
Quiz: Gulp e Browserify
Prima parte pratica
Seconda parte pratica

Javascript: test unitari con Jest

Il testing è un passo importantissimo all'interno di qualsiasi software. Qui analizzeremo gli unit tests e i tests end to end.
Introduzione
Unit tests e E2E tests
I patterns di testing
Librerie di testing: Jest
Quiz: tipi di tests, patterns di testing
Parte pratica

HTML e CSS: le basi

Vediamo cos'è l'HTML e costruiamo insieme il layout della piattaforma. Definiamo lo stile con il CSS e utilizziamo il Flex Design per organizzare gli elementi.
Introduzione
HTML: la creazione del layout
CSS: la definizione dello stile
CSS: il Flex Design
Come funziona un browser?
Quiz: html e css
Prima parte pratica
Seconda parte pratica

DOM: gestione dell'interazione con JavaScript

Integriamo JavaScript con il layout appena creato. Aggiungiamo, rimuoviamo e ricerchiamo gli elementi all'interno del nostro documento HTML.
Introduzione
Le gestione degli elementi con JavaScript
Gli eventi
DOM traversing
Quiz: interazione di JavaScript con il DOM
Prima parte pratica
Seconda parte pratica

JavaScript per esperti: mettiamo il boost

Questa sezione ti permette di fare un salto di qualità. Qui analizzeremo cos'è ECMAScript e vedremo tutte le sue versioni a partire da ES6 fino ad arrivare a ES11. Studieremo Babel, alcuni Design Patterns per eccellenza e il modello di concorrenza di JavaScript. Per concludere, vedremo ESLint e Prettier e i motori di JavaScript. Il tutto documentato a livello tecnico con JSDoc.
Introduzione
ECMAScript
ES7 e ES8
ES9 e ES10
ES11
Babel
I più comuni Design Patterns
Event Loop
I JavaScript engines
ESLint e Prettier
Quiz: Babel, ECMAScript, Event Loop, Design Patterns, ESLint e Prettier
Prima parte pratica
Seconda parte pratica
Terza parte pratica

Http requests e Mock Server

Una conoscenza di uno dei protocolli più utilizzati non poteva mancare. Per questo questa sezione ha l'obiettivo di fornirti le conoscenze necessarie per capire cos'è l'HTTP. Analizziamone le proprietà e vediamo come effettuare delle corrette chiamate sulla rete. Creiamo un server in NodeJS e implementiamo una semplice Rest API per comunicare con il Front End.
Introduzione
Le chiamate e il protocollo HTTP
La API XMLHTTPRequest
Quiz: il protocollo HTTP
Prima parte pratica
Seconda parte pratica

Fine!

Complimenti per aver terminato questo corso! È stato un piacere averti con me e per qualsiasi dubbio non esitare a contattarmi attraverso la piattaforma, su Facebook o su Instagram.
Video finale del corso
Come proseguire lo sviluppo Front End

Aggiornamenti della piattaforma

In questa sezione troverai gli aggiornamenti dell'applicazione che verranno effettuati per garantire il progresso tecnologico e la stabilità.
Interesseranno:
- le librerie utilizzate
- le versioni di ECMAScript
- le versioni di NodeJS e NPM
- e tanto altro...
Introduzione
ECMAScript 12 (2021)
ECMAScript 13 (2022)
Aggiornamento Jest v28 e NodeJS v18
Aggiornamento Babel

🥱 Perché scegliere questo corso per Frontend Developer?

Questo corso ha il roadmap più completo e definito che tu possa trovare. Non lo dico io ma gli studenti del corso!

Infatti, questo corso per Frontend Developer ha tutto il necessario che ti serve per diventare Front End Developer.

Dalle basi scopri come sviluppare in JavaScript, come creare la tua applicazione e come effettuare un corretto testing, garantendo quindi una certa stabilità.

Trasmetterò le mie conoscenze per garantire un corretto sviluppo seguendo delle linee guida, che sono fondamentali per eventuali collaborazioni, per aiutarti a diventare Front End Developer per il mondo professionale.

Ti introdurrò alcuni concetti fondamentali per diventare un Frontend Developer come il protocollo HTTP o il DNS. Se vuoi diventare un programmatore di qualità, non puoi saltarli!

Ho ideato questo viaggio per mostrare ogni punto dello sviluppo di un applicazione web anziché dividere in più corsi quello che puoi apprendere in uno.

Non ci sarà una soluzione unica e sarai tu stesso molte volte a completare le parti pratiche! Un modo per essere più attivo all'interno di questo corso di programmazione.

Non ci sono frameworks o librerie Front End come React o Angular, affinché possiamo concentrarci sulle basi e sono sicuro che poi sarà molto più semplice apprendere come funzionano davvero!

Completa i quiz e le prove pratiche.
Il tutto in 30 ore di contenuto!
Certificato di completamento incluso!

A chi è rivolto questo corso web

  • Chiunque voglia diventare sviluppatore web
  • Chiunque voglia migliorare e consolidare le proprie conoscenze analizzando il dietro le quinte di JavaScript
  • Chiunque voglia migliorare la propria posizione con delle basi più solide per un avanzamento di carriera
  • Chiunque abbia appena completato un coding bootcamp e voglia rafforzare le proprie conoscenze
  • Chiunque abbia intenzione di iniziare un coding bootcamp e voglia avere più possibilità di successo 

Qualche articolo sulla programmazione web

Cosa fa un Front End Developer?

Scopri cosa fa un Front End developer, quali linguaggi di programmazione utilizza, quali sono le attività che svolge e quali abilità deve avere.

Frontend Developer Roadmap 2022

Diventare un Frontend Developer può essere complesso se non hai il giusto supporto.
Qui puoi vedere il roadmap contenente tutte le nozioni che dovresti avere.

🤗 Cosa imparerai

  • Dalle basi di JavaScript alle ultime versioni di ECMAScript

  • I più famosi Design Patterns e come implementarli con JavaScript

  • Concetti sul testing e creazione di test unitari e end to end con Jest

  • Le basi di HTML e CSS

  • Utilizzo del Flex Design

  • Utilizzo di un controllo di versione come Git e implementazione dei Git Hooks

  • Apprendimento e utilizzo di NodeJS e NPM

  • Creazione server con NodeJS

  • Apprendimento chiamate HTTP

  • Come creare una documentazione con JSDoc

  • Browserify e Babel

  • ESLint e Prettier


🤞 E dopo?

Quando avrai terminato questo corso per Front End Developer avrai appreso i fondamenti di JavaScript, e come creare e mantenere una piattaforma web da zero.

L'informatica non è semplice e diventare uno sviluppatore web è una strada che non ha mai fine. Ma sì che ha un inizio! Le tue conoscenze sul mondo del Front End ti permetteranno di continuare senza alcun problema ad apprendere altre famose tecnologie come React o Angular.

Se ti stai adesso chiedendo "va bene e poi?". Ti basterà continuare con degli esercizi di programmazione e confrontarti con altre persone all'interno di gruppi online di informatica per esempio. Sarebbe perfetto se riuscissi a trovare una figura di riferimento per poter valutare il tuo progresso. Questa potrei anche essere io!

Attraverso un costante allenamento, riuscirai ad ottenere i tuoi primi colloqui. E non ti preoccupare se le prime volte non andrà bene, se ti sentirai sotto pressione o inadatto. A tutti è capitato e capiterà. L'importante è capire se stai continuando a migliorarti.

Ricordati che il tuo valore non si misura solo da quello che sai fare ma anche da come lo sai fare, da come ti presenti e da come sai venderti. Tutto questo rende te il candidato ideale per il colloquio al quale vorrai presentarti.

Se hai bisogno di un aiuto dopo il corso, contattami e sarà un piacere guidarti con la creazione del tuo profilo tecnico su LinkedIn, del tuo primo portfolio di sviluppatore web, sui tipi di esercizi di programmazione da fare e su come presentarti al meglio. Questo perché anche io ho esperienze come esaminatore nei colloqui e ti potrò svelare ciò che veramente conta per diventare Front End Developer e come migliorarsi.

Requisiti 🙃

- Una buona connessione a Internet
- Un PC di medie prestazioni
- Saper accendere il PC e avere un minimo di dimistichezza con la tecnologia
Nessuna conoscenza previa del Front End è richiesta per questo corso di programmazione per Front End developer.

Aggiungerei anche tanta voglia di imparare e costanza!

Certificato 📝

Una volta terminato questo corso di programmazione per diventare Front End Developer riceverai questo certificato di partecipazione.

✍ Esperienze ✍

Tanti studenti consigliano questo corso per l'efficacia che ha.
Di seguito potrai leggere alcune recensioni che ho ricevuto che possono aiutarti nella valutazione.

Antonio B.

⭐⭐⭐⭐⭐

Corso molto approfondito!
Flavio non si limita a buttare due parole così a caso, ma spiega la differenza tra le implementazioni.

Il suo metodo mira a far capire quale metodo scegliere e non usarlo per il semplice "l'ho visto fare così".

Persona super preparata e super disponibile a spiegare e rispiegare se qualcosa non si è capita.

Consigliatissimo!

⭐⭐⭐⭐⭐

Il corso mi ha aiutato a consolidare e riorganizzare conoscenze di base che avevo su JavaScript ed era proprio ciò che cercavo.

È curato nei minimi dettagli a partire da ogni singola slide e nulla viene mai lasciato in sospeso spiegando sempre il perché di quel tipo di approccio e logica di programmazione per ogni specifico contesto.

Si parte dalla comprensione teorica per arrivare all'applicazione pratica mettendo mano ad un progetto reale nella realizzazione di una Money-tracking-app, in un viaggio che parte dalle basi e dai concetti fondamentali fino alle ultime specifiche di EcmaScript, utilizzando anche tecnologie a me assolutamente nuove che è stato bello e interessante man mano scoprire.

Il tutto viene sempre salvato tramite Git, imparando quindi a padroneggiare questo strumento fondamentale.

Contento e soddisfatto di aver concluso questo percorso, e di aver conosciuto Flavio, sempre disponibile e pronto nell’aiutare a risolvere qualsiasi tipo di problema.

Super consigliato!

Ricky

Dani

⭐⭐⭐⭐⭐

In questo corso ho ritrovato il roadmap più completo: ottime basi, ECMAScript, HTTP e per finire la parte di testing.
Questa non l'avevo mai vista in nessun corso.
Finalmente un corso che non parla solo di Bootstrap.

Marco L.

⭐⭐⭐⭐⭐

L'ho trovato pieno di definizioni e di spiegazioni interessanti dato che in pochi corsi spiegano la teoria.

Ho imparato molto ad esempio su Git e Github. Inoltre ho appreso tante funzionalità mai viste.

Marco Lo P.

⭐⭐⭐⭐⭐


Un gran bel corso che non trovi su YouTube. Dopo tanti libri e tanti progetti ho scoperto tante cose che non sapevo. Complimenti!

FAQs

Ho riscontrato problemi durante il progetto

In questo caso non esitare a condividere i tuoi dubbi tra i commenti dell'episodio nel quale hai avuto difficoltà o, se preferisci, contattami direttamente attraverso il pulsante di messaggistica.

Ho già delle conoscenze previe. Mi potrebbe comunque servire questo corso per Front End Developer?

Assolutamente! Ci sono tanti contenuti avanzati che ti faranno conoscere come funziona JavaScript dietro le quinte, o come avviene il rendering attraverso il browser e concetti per migliorare le proprie qualità.
Sei ancora indeciso? Contattami e valutiamo insieme cosa ti potrebbe servire.

Dove posso trovare il codice del corso?

Lo puoi trovare seguendo questo link. Potrai comparare il codice della piattaforma, che è stato mostrato durante il corso, con il tuo. 
All'interno trovi anche gli screenshots dell'applicazione, molto utili quando dovremo creare il layout del sito.

*Come funziona il rimborso?

Nel caso in cui avessi visto solo il primo capitolo e non ti fosse piaciuto, sarò lieto di venire incontro alle tue esigenze, e qualora non trovassimo una soluzione, riceverai il 100% di ciò che hai pagato.

  • 49 €

Corso Front End Developer 2022 (Basic)

  • 73 Lezioni

La versione Basic contiene lo stesso contenuto eccetto i quiz, l'assistenza personalizzata, il materiale in PDF e il meeting finale.

Seguimi sui Social Media

Scopri tanti contenuti di programmazione web gratuiti sulle piattaforme Instagram e Facebook.

Recensioni verificate ✅

⭐⭐⭐⭐⭐ 5/5

Sono su TrustPilot, la piattaforma leader che raccoglie recensioni autentiche in base ai servizi forniti.