"Che tu voglia scoprire i segreti dell'universo o semplicemente inseguire una carriera nel ventunesimo secolo, le basi della programmazione sono una competenza essenziale da imparare" 

Questa celebre frase di Stephen Hawking spiega in poche parole quanto sia importante al giorno d'oggi saper programmare, ed è proprio per tale ragione che abbiamo deciso di realizzare questo corso base di programmazione dove avrai la possibilità di iniziare a programmare da zero utilizzando HTML e CSS, Javascript e Bootstrap.

Il corso è strutturato in tre moduli:

  • il primo dedicato a HTML e CSS: dimentica i termini front end e back end, se ti stai approcciando al mondo dello sviluppo web per la prima volta, questi due linguaggi sono la base con cui iniziare a muovere i primi passi, qualsiasi sia il ramo in cui vorrai specializzarti in futuro;
  • il secondo dedicato a Javascript, il linguaggio front end attraverso il quale sarai in grado di dare dinamicità alle tue pagine web;
  • il terzo modulo dedicato a Bootstrap, il framework front end più popolare al momento con cui ottimizzare sensibilimente i tempi di lavoro attraverso l'utilizzo di template personalizzabili. 

Tutti e tre i moduli sono strutturati in modo da farti apprendere in modo graduale e intuitivo, attraverso la realizzazione di progetti pratici con i quali potrai capire le logiche fondamentali alla base della programmazione. 

Sei pronto/a ad iniziare? Ti aspettiamo sul corso! 

 

--> RIGUARDA LA PRESENTAZIONE DEL MASTER <--

I moduli che compongono la Masterclass
  • 1 Presentazione del corso completo di introduzione alla programmazione web

      • 01. Introduzione alla programmazione web 53s
      • 02. Cosa significa programmare? 1m : 43s
      • 03. Linguaggi High e Low level 1m : 42s
      • 04. Diversi tipi di app 2m : 31s
  • 2 Corso base di HTML e CSS

    I linguaggi HTML e CSS costituiscono la base di ogni sito web, oltre che il primo passo per chi vuole approcciarsi al mondo della programmazione.

    Prima di imparare altri linguaggi, infatti, qualsiasi sviluppatore ha iniziato proprio da qui. Ecco perché è necessario innanzitutto imparare a programmare in HTML e CSS per strutturare i contenuti principali di una pagina web e, solo successivamente, andarea ad aggiungere gli attributi estetici che ne miglioreranno lo stile e l'usabiltà. 

    In questo corso base di oltre 6h andremo a mettere a terra dei veri siti web con HTML e CSS. Ecco nel dettaglio gli argomenti che affronteremo: 

    • brevi cenni teorici sul web e i linguaggi HTML e CSS,
    • elementi fondamentali di HTML, come  header e paragraph, lists, div, title e molto altro,
    • elementi fondamentai di CSS, come sintassi di CSS, Box Model, selettori complessi e molto altro,
    • Costruzione effettiva degli elementi principali di un sito come navbar, header e content,
    • Messa online del nostro sito e come utilizzare GitHub per farlo,
    • Approfondimenti vari su HTML e CSS, come i dev tools  e molto altro.
      • 06. Introduzione a HTML 3m : 7s
      • 07. Il text editor - Sublime Text 1m : 54s
      • 08. La struttura del codice 5m : 15s
      • 09. Header e Paragraph 5m : 40s
      • 10. Lists 6m : 19s
      • 11. Div 2m : 35s
      • 12. Title 1m : 47s
      • 13. Link - Parte 1 5m : 23s
      • 14. Link - Parte 2 12m : 11s
      • 15. Immagini 5m : 39s
      • 16. Introduzione a CSS 2m : 52s
      • 17. La sintassi CSS 9m : 52s
      • 18. Proprietà tipografiche 10m : 53s
      • 19. Box Model - Padding, border, margin 15m : 11s
      • 20. Box Model - Width, height, auto 4m : 58s
      • 21. Box Model - Display 5m : 30s
      • 22. Selettori complessi, class, id 4m : 30s
      • 23. L'Header 11m : 16s
      • 24. La Navbar 9m : 2s
      • 25. Content 6m : 21s
      • 26. Introduzione alla messa online del sito 40s
      • 27. Utilizzare l'host di GitHub per andare online 4m : 21s
      • 28. Pubblicare aggiornamenti al sito online.mp4 3m : 9s
      • 29. Acquistare un dominio con Namecheap 8m : 55s
      • 30. Integrare Google Analytics per misurare il traffico della Landing Page 7m : 30s
      • 31. Responsive design 1m : 23s
      • 32. Mockup 1m : 45s
      • 33. HTML5 5m : 36s
      • 34. Markup di base 5m : 39s
      • 35. Header e Navigation 7m
      • 36. Tag Main 3m : 6s
      • 37. Gallery 4m : 33s
      • 38. Sfida Footer 1m : 50s
      • 39. Soluzione 2m : 53s
      • 40. Favicon 4m : 33s
      • 41. Normalize 2m : 55s
      • 42. Approccio di sviluppo 3m : 47s
      • 43. Header 6m : 12s
      • 44. Chrome dev tools 2m : 27s
      • 45. Sfida-Menu di navigazione 37s
      • 46. Soluzione 7m : 47s
      • 47. Commenti 1m : 16s
      • 48. Fonts 3m : 36s
      • 49. Unità di misura 7m : 5s
      • 50. Container 5m : 29s
      • 51. Float 4m : 53s
      • 52. Clearfix 7m : 12s
      • 53. Pseudoclassi 5m : 19s
      • 54. Responsive intro 1m : 51s
      • 55. Media queries 4m : 39s
      • 56. Gallery 4m : 11s
      • 57. Hover 4m : 57s
      • 58. Footer 2m : 25s
      • 59. Nuove pagine 12m : 36s
      • 60. Sfida- contatti 25s
      • 61. Soluzione 10m : 31s
      • 62. Font icons 6m : 26s
      • 63. Sticky footer 3m : 57s
      • 64. Meta 2m : 9s
      • 65. Intro positioning 1m : 28s
      • 66. Position Absolute 3m : 44s
      • 67. Position relative 5m : 26s
      • 68. Position fixed 3m : 7s
      • 69. Z-index 2m : 10s
      • 70. Flexbox intro 1m : 56s
      • 71. Flexbox terminology 2m : 14s
      • 72. Container properties 8m : 26s
      • 73. Header layout 6m : 31s
      • 74. Items properties 6m : 1s
      • 75. SfidaGallery 1m : 14s
      • 76. Gallery 3m : 39s
      • 77. Conclusioni e prossimi passi 1m : 7s
  • 3 Corso tutorial di Bootstrap 4

    Ogni sito web è costituito da una serie di componenti che possiamo creare da zero con HTML e CSS o affidarci a dei framework frontend con cui ridurre sensibilmente i tempi di lavoro. Tra questi, Bootstrap è il framework frontend più popolare. Esso fornisce infatti numerosi vantaggi, tra cui:

    • Componenti base come bottoni, form e input.
    • Plug-in javascript che consentono di dare dinamicità al sito senza dover scrivere codice in Javascript.
    • Ha compatibilità cross-browser ed è mobile responsive. 

    Durante questo corso tutorial di Bootstrap andremo a realizzare una landing page con cui pubblicizzare una conferenza di digital marketing, in cui i nostri utenti potranno lasciare il loro indirizzo email. In seguito procederemo a creare il sito vero e proprio della Digital Marketing Conference e, infine, vedremo come utilizzare un template di bootstrap e personalizzarlo per creare landing page in pochissimo tempo.

    Per utilizzare al meglio Bootstrap è consigliato avere già una conoscenza base di HTML e CSS, in modo da poter avere più controllo durante la realizzazione del sito. Se sei un neofita del webdesign e desideri approfondire questi argomenti puoi farlo con il nostro corso base di HTML e CSS. 

      • 06. Intro 1m : 13s
      • 07. Layout 1m : 46s
      • 08. Grid system 5m : 4s
      • 09. Grid system_2 8m : 30s
      • 10. Ordine colonne 4m : 44s
      • 11. Intro 1m : 4s
      • 12. Navbar 7m : 41s
      • 13. Banner 6m : 36s
      • 14. Bottoni 5m : 35s
      • 15. Sfida footer 53s
      • 16. Footer 9m : 44s
      • 17. Card 6m : 38s
      • 18. List group 2m : 5s
      • 19. Modali 3m : 59s
      • 20. Accordion 3m : 31s
      • 21. Form 5m : 12s
      • 22. Fine tuning 6m : 25s
      • 23. Colori 4m
      • 24. Intro 2m : 5s
      • 25. Il progetto 3m : 22s
      • 26. Importare bootstrap con sass 8m : 3s
      • 27. Parziali 6m : 32s
      • 28. Breakpoints 5m : 4s
      • 29. Variabili 4m : 54s
      • 30. Prossimi passi 1m : 8s
      • 31. Intro 1m : 51s
      • 32. Scaricare il template 2m : 52s
      • 33. Contenuto 4m : 33s
      • 34. Modificare lo stile 8m : 15s
      • 35. Conclusioni 35s
  • 4 Corso di introduzione a JavaScript

    JavaScript è diventato un linguaggio fondamentale per chiunque voglia iniziare a programmare da zero. Partito come linguaggio frontend, si è infatti evoluto, diventando un'ottima scelta anche lato backend.

    In questo corso di introduzione a Javascript andremo a scoprire le basi di questo linguaggio di programmazione attraverso la realizzazione di un vero e proprio progetto web. In particolare, nel corso delle lezioni, creeremo una versione web del gioco "Sasso, Carta e Forbice" con cui potrai apprendere le logiche fondamentali di questo linguaggio di programmazione ed imparare javascript in modo pratico e intuitivo.

     

    Demo del progetto che si andrà a realizzare

      • 01. Introduzione al corso base di JavaScript 45s
      • 02. Scriviamo il nostro primo programma in Javascript 2m : 5s
      • 03. Spiegazione dei tool che andremo ad utilizzare 3m : 19s
      • 04. Cosa sono le variabili 3m : 43s
      • 05. Il blocco if..else 4m : 43s
      • 06. Blocchi If in cascata 4m : 2s
      • 07. Il blocco else..if 2m : 37s
      • 08. Le funzioni 2m : 47s
      • 09. Gli array 3m : 5s
      • 10. L'oggetto Math 5m : 52s
      • 11. Selezionare elementi HTML 5m : 41s
      • 12. Il ciclo for 8m : 37s
      • 13. Pulizia del codice 3m : 40s
      • 14. Gli oggetti 2m : 4s
      • 15. Completare la logica 3m : 15s
      • 16. Scrivere a schermo la scelta dell'utente 2m : 22s
      • 17. La keyword return 3m : 23s
      • 18. Refactoring del metodo checkWhoWon 1m : 43s
      • 19. Convertire array di stringhe in array di oggetti 2m : 21s
      • 20. Mostrare a schermo l'immagine della scelta del computer 2m : 44s
      • 21. Completamento del progetto 3m : 32s
  • 5 Conclusioni del corso completo di introduzione alla programmazione web

      • 01. Front-End vs Back-End 4m : 46s
      • 02. Esempio di Back-End e Front-End 2m : 32s
      • 03. Come scegliere tra Front-End vs Back-end 3m : 51s
      • 04. Conclusioni 51s

COSA DICONO I NOSTRI STUDENTI

4.9

10 recensioni

Masterclass

A chi è rivolto


I tuoi istruttori

Matteo Fratesi

Matteo Fratesi

Graphic Designer e Front End Developer @Lacerba

Un architetto con la passione per il mondo del web design. Dopo la laurea e due anni di esperienza nell'architettura e nel design, si trasferisce a Berlino per immergersi a tempo pieno in quello che è la sua passione. Ora Matteo è un esperto nell'utilizzo dei maggiori programmi di grafica e sa costruire siti con HTML, CSS e Javascript.

Andrea Rocca

Andrea Rocca

Full-stack developer @ Lacerba

Dopo aver completato un corso biennale al college Elis, mi sono trasferito in Irlanda per iniziare la mia carriera come programmatore back-end. Da lì, mi sono gradualmente avvicinato anche al mondo del front-end grazie a una serie di esperienze lavorative in diversi paesi per conto di aziende quali Google e Criteo. Da due anni ho deciso di iniziare a lavorare come freelance e a collaborare in maniera strettissima con Lacerba.

Daniele Ugolini

Daniele Ugolini

Back-end developer @ Lacerba

Amante di tecnologia e appassionato di StartUp. Daniele è un esperto di Ruby on Rails, HTML e CSS. Decide di fondare Lacerba con l'obiettivo di ispirare le persone ad imparare a programmare in modo da creare una futura generazione di imprenditori che sia in grado di muoversi con agilità nel mondo digitale.

Segui un percorso dedicato

Impara progressivamente tutti gli step fondamentali e completa il corso per ricevere la certificazione.

Un team a tuo supporto

I docenti del team Lacerba sono a tua disposizione per aiutarti nella realizzazione dei tuoi progetti web durante il corso.

Entra in una community

Scopri la community di Lacerba: uno spazio con cui confrontarsi e interagire con persone che condividono i tuoi interessi e aspirazioni.

Il lavoro

Web Developer

Web Developer

Una figura professionale all'inizio del suo percorso di carriera, capace di sviluppare progetti web di livello base.

team working

team working

In grado di interfacciarsi con diverse figure professionali, come marketer e web designer.

versatile

versatile

Capace di affrontare sempre nuovi progetti e di applicare le sue conoscenze a qualsiasi richiesta.

FAQ

Domande frequenti:

Come è strutturata la Masterclass?

La Masterclass comprende un pacchetto di ben 5 corsi. I corsi sono pensati per partire da zero e guidarti passo a passo nella creazione da zero di un sito web. All'interno di questa pagina puoi trovare la descrizione dei vari corsi che compongono la Masterclass.

1

Quanto tempo ci vorrà per terminare la Masterclass?

La durata totale della masterclass è di circa 10 ore. Tieni a mente però che il tempo di apprendimento dei concetti potrebbe essere più lungo. Per questo, una volta acquistati i corsi, Lacerba si impegna a renderli disponibili a vita!

2

Posso vedere le lezioni più volte?

Certo! Una volta acquistato il corso sarà tuo per sempre. Puoi rivedere le lezioni ogni volta che vuoi, in qualsiasi momento. I video non sono live, sono registrati e sempre disponibili sulla piattaforma.

3

Cosa succede se non sono soddisfatto della Masterclass?

Non vorremmo mai che tu rimanga insoddisfatto/a di uno dei nostri corsi! Se dovesse accadere, contattaci e cercheremo di risolvere entro 24h qualsiasi problema tu abbia riscontrato. Alternativamente, procederemo al rimborso di quanto speso!

4

Masterclass

Perchè Lacerba?

certificazione

La scuola del digitale

Selezioniamo per te i migliori docenti e usiamo un format collaudato, per proporti contenuti di alta qualità che non ti facciano solo studiare, ma anche imparare davvero.

corsi pratici

Corsi pratici

Vogliamo insegnarti il "fare", e non solo la "teoria del fare". Per questo durante i corsi spieghiamo tools e strumenti che ti aiutino a lavorare efficacemente fin dal giorno 1 ai tuoi progetti.

docenti professionisti

Professionisti del tech

Selezioniamo i migliori professionisti, che lavorando nel tech sono continuamente aggiornati sui trend di mercato, per insegnargli a trasferirti le loro conoscenze e trucchi del mestiere.

video hd

Video di alta qualità

Registriamo i video in HD, senza inserire slide fisse e mostrandoti sempre il docente, non solo la sua voce. I contenuti vengono integrati con grafiche e animazioni in post-produzione.