Corso Front End Developer 2022 (Basic)

Corso per diventare Front End Developer - Basic

75 acquistati!

Il corso di programmazione per diventare Front End Developer da zero.
Apprendi le basi di JavaScript, HTML e CSS ad un livello professionale fino ad arrivare al livello avanzato della programmazione web attraverso la creazione di un progetto pratico.

Soddisfatto o rimborsato*

Acquista ora

Che significa Basic? 🤔

Con la versione Basic del corso si intende una versione più limitata senza accesso al materiale in PDF.
Inoltre non potrai completare i quiz, che sono disponibili invece nella versione completa. Importanti per misurare le proprie capacità.
L'assistenza è limitata alla sola comprensione della piattaforma o ad un'eventuale problema con il materiale del corso, video o progetto, escludendo l'implementazione da parte dello studente di quest'ultimo.

Se vuoi invece passare alla versione completa, clicca sul link di seguito.

Versione completa

🙄 Cosa faremo

Gestiremo la creazione di una piattaforma per gestire le entrate e le uscite di un portafoglio virtuale. Implementeremo le tecnologie web più utilizzate a livello lavorativo come HTML5, CSS3, Gulp, Browserify, Babel, ESLint, Prettier e JSDoc.
Creeremo una soluzione Back-End con NodeJS per simulare un server e per avere un servizio di mocking.
In questo contesto ti parlerò del protocollo HTTP per comprendere al meglio come avviene lo scambio dei dati tra un client e un server.
Utilizzeremo Postman, un'applicazione per il testing delle API e degli endpoints che creeremo.
Testeremo la nostra applicazione con Jest, un avanzato framework per unit testing e non solo. Vedremo i test end to end con Puppeteer.
Tutto il progetto verrà gestito con Git, permettendoti di salvare il tuo progetto nel tuo proprio GitHub. Infine creeremo anche una documentazione tecnica con JSDoc.

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.

Leggi

🥱 Perché scegliere questo corso?

Questo corso ha il roadmap più completo e definito che tu possa trovare. Ti sfido!

Questo corso contiene tutto il necessario che ti serve per diventare Front End Developer.
Un programma intensissimo incentrato su JavaScript.
Dalle basi, scopri come sviluppare in JavaScript, come creare il pacchetto della tua applicazione e come effettuare un corretto testing, garantendo quindi una certa stabilità.

Trasmetterò le mie conoscenze per garantire anche un corretto sviluppo seguendo delle linee guida, che sono fondamentali per eventuali collaborazioni.
Inoltre ti permette di studiare il protocollo HTTP e di conseguenza ti apre una finestra sul mondo delle chiamate HTTP.

Ho ideato questo viaggio per mostrare ogni punto dello sviluppo di un'applicazione 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 del corso.

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!

Acquistando questo corso inoltre avrai diritto a sconti esclusivi per i futuri corsi o webinars pubblicati.

Completa le prove pratiche e il tutto in 30 ore di contenuto!
Certificato di completamento incluso!

🤔 A chi è rivolto

Chiunque stia iniziando il proprio percorso come Front End Developer
Chiunque voglia analizzare il dietro le quinte di JavaScript
Chiunque voglia migliorare la propria posizione con delle basi più solide

🤗 Cosa imparerai

Dalle basi di JavaScript a ECMAScript 11
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 il corso avrai appreso i fondamenti di JavaScript, e come creare e mantenere una piattaforma web da zero.

Le tue conoscenze sul mondo del FrontEnd 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 e confrontarti con altre persone all'interno di gruppi online per esempio. Sarebbe perfetto se riuscissi a trovare una figura di riferimento per poter valutare il tuo progresso.
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 inadatt@. 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 candidat@ 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 su LinkedIn, del tuo primo portfolio, sui tipi di esercizi 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.

Requisiti 🙃

Nessuna conoscenza previa del Front End è richiesta. Solo tanta voglia di imparare e costanza!

Certificato 📝

Quando termini questo corso ti verrà rilasciato un certificato come questo.

✍ Esperienze ✍

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

⭐⭐⭐⭐⭐

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.

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

Super consigliato!

⭐⭐⭐⭐⭐

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.

⭐⭐⭐⭐⭐

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.

⭐⭐⭐⭐⭐

Un gran bel corso che non trovi su YouTube. Ho imparato tantissimo e aspetto nuovi corsi similari. Complimenti!

⭐⭐⭐⭐⭐

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

⭐⭐⭐⭐⭐

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

⭐⭐⭐⭐⭐

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.

⭐⭐⭐⭐⭐

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.

Contenuti del corso

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

JavaScript: le funzioni

Scope e contesto

Hoisting

Gli operatori

Le condizioni

Array

JSON

La gestione degli errori

La gestione delle date

Come immagazzinare i dati

Come effettuare un corretto debugging

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.

NodeJS e NPM

Introduzione

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.

Task Runner e Gulp

Introduzione

I bundler 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

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.

HTML: la creazione del layout

Introduzione

CSS: la definizione dello stile

CSS: il Flex Design

Come funziona un browser?

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.

Le gestione degli elementi con JavaScript

Introduzione

Gli eventi

DOM traversing

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

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.

Le chiamate e il protocollo HTTP

Introduzione

La API XMLHTTPRequest

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

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

Corso Front End Developer: tutto quello che non sai.

Corso
84 Lezioni

Con questa versione completa otterrai lo stesso contenuto e in più tanti quiz, l'assistenza personalizzata, il materiale in PDF e infine un meeting al termine del corso.

Acquista Scopri di più

Community

Con FrontendPills non ti sentirai mai solo/a.
Attraverso i canali dedicati su Discord, potrai comunicare con altri studenti o direttamente con me.
Troverai il canale di questo corso all'interno di Discord.
Entrare in contatto non è mai stato così semplice. 🥳

Unisciti

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?

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.

Seguimi sui Social Media

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

Instagram

Follow @frontendpills on Instagram

Facebook

Follow @frontendpills on Facebook

Recensioni verificate ✅

⭐⭐⭐⭐⭐ 5/5

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

Vedi recensioni