Bootstrap 4 : Creare una landing page
4.4 (18 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
121 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Bootstrap 4 : Creare una landing page to your Wishlist.

Add to Wishlist

Bootstrap 4 : Creare una landing page

Impara bootstrap 4 creando una landing page da zero
4.4 (18 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
121 students enrolled
Created by Hidran Arias
Last updated 7/2017
Italian
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 2 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Utilizzare i componenti principali di bootstrap
  • Creare un sito web responsive
  • Creare una landing page
View Curriculum
Requirements
  • PC, MAC o LINUX e accesso a Internet per scaricare la libreria
Description

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

Who is the target audience?
  • Sviluppatore web con conoscenza di html e css
  • Aspiranti a web designer
  • Sviluppaore wordpress
  • Chiunque voglia creare una landing page senza avere tante conoscenze di css e html
Compare to Other Web Development Courses
Curriculum For This Course
16 Lectures
02:16:02
+
Start Here
1 Lecture 06:31
+
Installazione e layout
15 Lectures 02:09:50

In questa lezione vedremo come installare bootstrap 4 e come avere  il template base

Preview 06:46

In questa lezione di bootstrap 4 vedremo come utilizzare il layout a 12 colonne e come creare

una pagina web responsive

Preview 12:30

In questa lezione di bootstrap 4 vedremo come aggiungere le voci di menu alla nostra barra di navigazione utilizzando il componente navbarnav

Preview 09:16

In questa lezione di bootstrap 4 vedremo come aggiungere la barra di menu alla barra di navigazione
Bootstrap 4: Barra di menu
10:13

In questa lezione di bootstrap 4 vedremo come aggiungere  il componente jumbotron per creare una call to action

Bootstrap 4: Componente JUMBOTRON
08:51

In questa lezione di bootstrap 4 aggiungeremo una call to action  e vedremo come inserire un campo di testo e pulsante di invio form

Bootstrap 4: Aggiungere call to action al jumbotron
12:53

In questa lezione di bootstrap 4 vedremo come utilizzare il componente CARD per  formattare una scheda di prodotto

Bootstrap 4: Componente CARD
12:07

In questa lezione di bootstrap 4 vedremo come raggruppare le nostre schede prodottti con il componente CARD-DECK

Bootstrap 4: Componente CARD-DECK
11:23

In questa lezione di bootstrap 4 aggiungiamo un footer alle nostre card

Bootstrap 4: Card footer e conclusioni
07:33

In questa lezione di bootstrap 4 vedremo come aggiungere dai di contatto alla nostra pagina

Bootstrap 4: Aggiungendo recapiti alla landing page
09:24

In questa lezione di bootstrap 4 vedremo come creare un form di contatto e aggiungeremo dei componenti come input e button

Bootstrap 4 : Aggiungendo un form di contatto
14:03

In questa lezione di bootstrap 4 vedremo come fare in modo che la nostra navbar rimanga fissa in alto

Bootstrap 4 : Navabar. Aggiungere barra navigazione fissa in alto
04:08

In questa lezione di bootstrap 4 vedremo il componente scrollspy e come fare a evidenziare le voci di menu man mano che si fa sroll

Preview 09:24

Codice sorgente del corso
00:05

Bonus Lecture
01:14
About the Instructor
Hidran Arias
4.4 Average rating
1,344 Reviews
9,355 Students
16 Courses
Software Engineer

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 I am an easy talker, always ready to help people and I love teaching what I know and mainly new technologies. I try to keep always up to date not only by teaching but also by learning and taking courses such as the ones found here in UDEMY .