Bootstrap 4 : Creare una landing page | Hidran Arias | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Bootstrap 4 : Creare una landing page

teacher avatar Hidran Arias, Programming is fun!

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

13 Lessons (2h 9m)
    • 1. Introduzione e installazione di bootstrap 4

    • 2. Griglia a 12 colonne. Creare layout responsive

    • 3. Barra di menu : navabarnav

    • 4. Componente barra di navigazione :navbar navbar

    • 5. Componente JUMBOTRON

    • 6. Aggiungere call to action al jumbotron

    • 7. Componente CARD

    • 8. Componente CARD-DECK

    • 9. Card footer e conclusioni

    • 10. Aggiungendo recapiti alla landing page

    • 11. Aggiungendo un form di contatto

    • 12. Navabar. Aggiungere barra navigazione fissa in alto

    • 13. Componente Scrollspy

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Bootstrap è il framework css, html e javascript più famoso e più usato per creare siti web responsive e mobile first.

In questo video corso ti mostrerò come installare ed usare l'ultima versione di bootstrap, la 4, che anche se è ancora in alpha 4, è già utilizzabile.Se conosci già bootstrap 3, allora imparerai nuovi componenti come le CARD, Scrollspy e le nuove classi per gestire le posizioni delle colonne.

Vedremo come creare un layout fluido. Vedremo come fare in modo che la nostra pagina web sia responsive e quali sono i punti di ruttura, breaking point, a seconda del dispositivo.

Vedremo come formattare un form, aggiungere delle schede di prodotti con il componente CARD.

Vedremo come creare una barra di navigazione con un menù e vedremo come evidenziare i link automaticamente quando si fa scroll col componente SCROLLSPY.

Vedremo come muovere le colonne a destra e sinistra utilizzando le classi con pull e push.

Finito questo corso, potrai creare qualunque layout ti verrà in mente, utilizzando bootstrap

Meet Your Teacher

Teacher Profile Image

Hidran Arias

Programming is fun!


I'm a cuban living in the beautiful city of Turin, Italy. I have a university degree in computer sciences in the field of automation engineering. I am a software engineer since 2002 and since then I have worked for different italian companies developing web applications with the latest technogies, most of them open sources, such as PHP, MYSQL, ORACLE, CSS, HTML, NODEJS, MONGODB and javascript libraries such as EXTJS, SENCHATOUCH, JQUERY, ANGULARJS.

When I am not programming, I am learning new languages,currently German and Arabic. Currently I speak SPANISH, my mother tongue, ITALIAN,almost my second mother tongue, ENGLISH, FRENCH and PORTUGUESE.

Playing GUITAR is one of my hobbies and passions and I dedicate it as much time as for languages and computer.

People say ... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.