Это видео недоступно.
Сожалеем об этом.

Bootstrap Tutorial ITA - Imparalo subito! Corso rapido per principianti. Guida in ITALIANO

Поделиться
HTML-код
  • Опубликовано: 15 авг 2024
  • In meno di mezz'ora realizziamo una vera Pagina Web con Bootstrap, il Framework più utilizzato al mondo per lo sviluppo Frontend di pagine Moderne e Responsive.
    👩🏻‍💻 Diventa Web Developer con Epicode!
    epicode.com/it...
    📌 PARTITA IVA con Fiscozen: consulenza GRATIS e 50€ di sconto ⏩
    www.fiscozen.i...
    🔖 Acquista il mio corso Python per Principianti a Prezzo Scontato!
    www.pitoneprog...
    INDICE DEI CONTENUTI:
    00:00 Cosa realizzeremo in questo video!
    01:42 Preparare il file e l'ambiente per lavorare con Bootstrap
    02:38 Come Scaricare ed Installare Bootstrap
    04:26 Modificare il Titolo e il Corpo della Pagina
    05:10 Aggiungere una Barra di Navigazione ( NavBar )
    07:10 Personalizzare i Componenti Bootstrap
    08:25 Modificare le Classi CSS Bootstrap
    10:11 Aggiungere elementi HTML semplici e integrarli con Bootstrap
    11:27 Aggiungere Bottoni interattivi
    11:57 Layout e Design Responsive: Il Default Container di Bootstrap
    14:05 Personalizzare Margini e Spaziature
    15:02 Allineamento Testo: Centrare gli elementi in un contenitore
    15:41 Modificare i Parametri di stile: Style CSS
    17:10 Aggiungere e modificare le Card Bootstrap
    19:34 Le Grid Bootstrap: Impostare Righe e Colonne con le Griglie
    21:09 Design Responsive: I Breakpoint Bootstrap
    23:15 Adattamento automatico delle Colonne in una Riga
    24:15 Nei prossimi video di questa serie...
    Sito Bootstrap:
    getbootstrap.com/
    Scarica la cartella "images" usata in questo tutorial:
    drive.google.c...
    Tutorial rapido HTML e CSS:
    • TUTORIAL HTML E CSS IT...
    """ In questo bootstrap tutorial ita vedremo bootstrap cos'è. Questo video mostrerà come iniziare con bootstrap guida bootstrap 4 e bootstrap 5 e capiremo ogni componente bootstrap come funziona e anche come installare bootstrap download. La localizzazione del video è bootstrap italia e bootstrap italiano, e nei prossimi video vedremo come creare un sito web con bootstrap react django mysql fullstack, frontend e backend. Come si usa bootstrap e cos'è bootstrap lo vedremo in questo corso bootstrap per principianti su come programmare front end e back end e full stack """

Комментарии • 180

  • @mrsworder
    @mrsworder 3 года назад +27

    Wow, con solo un primo episodio mi hai fatto creare un sito molto migliore di tutti quelli che creavo con le semplici conoscenze html, css e js: sei davvero bravissimo a spiegare, complimenti

  • @darth.ico07f11
    @darth.ico07f11 3 года назад +35

    Già siamo al primo episodio ed è bellissimo dovresti fare anche altre serie completa sei un mito

  • @francescofaggioni1295
    @francescofaggioni1295 3 года назад +2

    Sto studiando da zero conoscenza lo sviluppo web, non conoscevo Bootstrap (o meglio, sapevo della sua esistenza). Davvero molto interessante!

  • @RassRocket
    @RassRocket 3 года назад +5

    Aspetto sempre i tuoi video per sapere in pochi minuti nozioni che altrimenti l'avrei imparate in 3 anni. In più mi diverto con i tuoi commenti "strani" (per esempio durante la programmazione di Flappy Birds con Pyton). Spero che continui questa serie perché sei l'unico in ITALIA a fare questi tutorial ISTRUTTIVI ma allo stesso tempo DIVERTENTI (e non fai addormentare dopo 5 minuti di video). BIG LIKE!!!!!

  • @samuelerapis6036
    @samuelerapis6036 3 года назад +7

    Grazie mille! Grazie a questa serie posso preparare un ottimo progetto di terza media e tutto grazie a te!

  • @mikydj5522
    @mikydj5522 2 года назад +1

    Sto studiando il linguaggio Java e naturalmente tutto, compreso Bootstrap e´importante... Sei davvero chiaro in tutto quello che insegni. Grazie

  • @karinabezhushko558
    @karinabezhushko558 5 месяцев назад +2

    adoro, capisco meglio con questo video che con il corso che pago

  • @andreagiraldi3565
    @andreagiraldi3565 3 года назад +3

    Sei un grande!!!I tuoi tutorial non sono mai noiosi o pesanti e Spieghi benissimo anche facendo divertire le persone complimenti !!!!!!

  • @Zar7575
    @Zar7575 3 года назад +3

    Video TOP, ho seguito altri corsi riguardo al Bootstrap sinceramente poco chiari, questo credo sia davvero il TOP spiegato in maniera semplice e lineare, complimenti. Attendo con ansia la serie completa.

  • @Mat12143
    @Mat12143 3 года назад +4

    Lo aspettavo con ansia. Come sempre il migliore

  • @robertocarriero
    @robertocarriero 3 года назад +5

    Bellissimo tutorial introduttivo, ho apprezzato l'esposizione orale! Piccola nota personale: non ho mai digerito il sistema grid di bootstrap, ho sempre preferito utilizzare il display flex del css custom...

  • @nuno2032
    @nuno2032 3 года назад +1

    Complimenti per il video. Semplice, rapido e con la giusta dose di ironia.

  • @aidasworld3815
    @aidasworld3815 6 месяцев назад +1

    Grazie tantissimo per la guida! bootstrap mi sembrava chissà cosa già ero impanicata!!

  • @fernandal.l3385
    @fernandal.l3385 3 года назад +1

    sei fantastico. i tuoi video scorrono in modo super gradevole e mi piace un sacco la tua voce. Sto cercando di diventare un programmatore e sto provando a formarmi il più possibile. Spero che la serie continui !!

  • @antonioacquavia2766
    @antonioacquavia2766 3 года назад +2

    Bravissimo davvero, complimenti. Aspettavo una serie di questo tipo.

  • @paolobietolini7054
    @paolobietolini7054 3 года назад +2

    Video molto bello. Mi piacerebbe diventare full stack dev . Grazie per questi tutorial

  • @illeggilibri3175
    @illeggilibri3175 Год назад

    E' da vent'anni che non metto mano a una riga di codice. Tutto quello che fanno i framework odierni un tempo veniva fatto tutto a manina 🙂. Recentemente essendo cambiate parecchio le mie circostanze di vita, ho trovato di nuovo lavoro nel mondo della programmazione e mi sto riallineando.

  • @fabiomazzilli5144
    @fabiomazzilli5144 3 года назад +3

    Secondo me sei un genio... :-) Bravissimo!

  • @cicciopasticcio51
    @cicciopasticcio51 2 года назад +1

    ciao ti stimo un sacco perché riesci ad affrontare tematiche ultra interessanti ed essendo io giovane sei riuscito a darmi una impronta su come gestire in generale un metodo di lavoro per quando si programma in quanto se si è inesperti all'inizio si rischia di fare una gran confusione, ma invece non è successo, complimenti!!

  • @LucaFrancioli-en6nw
    @LucaFrancioli-en6nw 5 месяцев назад

    i tuoi tutorial mi hanno ispirato a diventare un programmatore ,sei forte continua così!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :)

  • @jhonnypixel6752
    @jhonnypixel6752 3 года назад +1

    Complimenti , di solito non commento mai i video ma questo commento è d’obbligo : video davvero ben organizzato è davvero lavorato , continua così complimenti

  • @StefanoNozza
    @StefanoNozza 2 года назад

    No raga ma io sto piangendo! ma che figata pazzesca mi si è aperto un mondo! Come sempre GRAZIE PITONE!

  • @marcolizzo
    @marcolizzo 2 года назад +1

    La mia storia è questa: sono un designer che sta convertendo la sua figura da stampa in digitale e mi sono iscritto a un corso di UX/UI. Bè credo che abbia perso un sacco di tempo scrivendo codice html e css quando puoi fare tutto in automatico con Bootstrap. Gran video spiegato in maniera semplice ma approfondita!

    • @alessioguida5237
      @alessioguida5237 8 месяцев назад

      Il tempo passato scrivendo codice non è mai perso fidati. 😉

  • @we.arduino.python463
    @we.arduino.python463 3 года назад +3

    Complimenti, ottimo video

  • @Axel_Vicino
    @Axel_Vicino Год назад

    Considerando che ho acquistato un corso su Udemy per imparare la programmazione HTML, devo dire che questo video mi ha lasciato alibito. Spiegazione semplice ed intuitiva. Bravo!

  • @gvkerma
    @gvkerma 2 года назад

    Sono un programmatore backend Java, groovy, scala… sei un fenomeno!!!!!!!

  • @pneumatictuna886
    @pneumatictuna886 Год назад

    Sei bravissimo,spieghi le cose nel modo più naturale possibile

  • @illeggilibri3175
    @illeggilibri3175 Год назад

    Complimenti per il lavoro e per il modo semplice, chiaro ed entusiasta di insegnare. Credo che nelle scuole ci vorrebbero insegnanti di questo tipo (per tutte le materie). Il tutto risulta molto coinvolgente.

  • @_ScyIIa_
    @_ScyIIa_ 3 года назад +3

    Video fantastico!

  • @luclions1933
    @luclions1933 2 года назад +2

    complimenti davvero per l'impegno e la dedizione che metti in quello che fai!
    ps: mi piacerebbe un tutorial su PHP! :D

  • @adminss728
    @adminss728 3 года назад +1

    Fra devi monetizzare, te lo meriti! Se avessi un lavoro o guadganvo ti offrirei un caffe

  • @hanitarek3536
    @hanitarek3536 3 года назад +2

    sei un grande gran bel video

  • @siidaf
    @siidaf 3 года назад

    tutorial fatto molto bene, dal tono della voce sembra una televendita ma i contenuti sono buoni, grazie

  • @francescocarrano4392
    @francescocarrano4392 Год назад

    Ti amo, mi hai salvato 😍. Hai tutta la mia stima 🙏

  • @michele1899
    @michele1899 2 года назад

    Mi sono iscritto dopo aver visto 2 minuti del tuo video, porti positività, complimenti

  • @danielediscepoli3408
    @danielediscepoli3408 3 года назад +1

    sei molto bravo a spiegare le cose complimenti

  • @vittoriorizzo7714
    @vittoriorizzo7714 3 года назад

    Mi stai aiutando un botto con l'elaborato di maturità, penso di amarti♥️

  • @lucac92
    @lucac92 Год назад

    Complimenti! Sei bravissimo nello spiegare.
    Sto imparando più semplicemente e anche molto di più dai tuoi video, che in 3 mesi di corso che ho seguito.

    • @PitoneProgrammatoreOfficial
      @PitoneProgrammatoreOfficial  Год назад +1

      Grazie mille Luca, gentilissimo! 😊 Mi viene spontaneo chiederti...quale corso hai seguito? 😁

    • @lucac92
      @lucac92 Год назад

      @@PitoneProgrammatoreOfficial posso contattarti in privato su qualche social?

    • @PitoneProgrammatoreOfficial
      @PitoneProgrammatoreOfficial  Год назад

      puoi contattarmi via email all'indirizzo pitoneprogrammatore@gmail.com

  • @cristian-qv8yc
    @cristian-qv8yc 3 года назад +2

    sei un grande!!💪 continua questa serie oppure quella su unity con qualche semplice gioco 2d oppure fai altro, tanto seguirò lo stesso i tuoi video 👍😉

  • @jack-pb3yi
    @jack-pb3yi 3 года назад

    Grazie mille pitone il programmatore con questo sito sono riuscito ha fare cose che cio messo mesi ha farle

  • @giovannischimmenti4237
    @giovannischimmenti4237 Год назад

    complimenti ... tutto spiegato in maniera chiara e anche divertente ;) sono un appassionato di sviluppo web (frontend e backend) e seguo con particolare interesse molti video-tutorial perchè spero un giorno non molto lontano di diventare un developer professionista

  • @DarioDomenici
    @DarioDomenici Год назад

    Sei proprio bravo a spiegare! complimenti

  • @pythongera6981
    @pythongera6981 3 года назад

    ho creato la pagina passo dopo passo, è stato divertente 😁. grazie pitone per questo bellissimo tutorial! 👏🏻😄

  • @eugeniociuccio1338
    @eugeniociuccio1338 2 года назад

    bellissimo video, erano giorni che sbattevo la testa su manuali noiosi, almeno in questo modo piu' dinamico, faccio molta piu'pratica, per noi novellini penso che il trucco sia non copiare, ma battere tutto passo passo

  • @Mikypot
    @Mikypot Год назад

    Complimenti per la tua spiegazione semplice e intuibile da tutti🤗

  • @fillochannel3025
    @fillochannel3025 3 года назад +2

    Grazie davvero di cuore sei mitico!

  • @jeffs4118
    @jeffs4118 3 года назад

    Grande pitone 🐍 non sai quanto mi stai aiutando❤️❤️❤️

  • @streemix03
    @streemix03 3 года назад +3

    Si ma il tutorial intermedio del Python😹😹?Comunque bravissimo spieghi veramente bene

  • @The-Dev-Ninja
    @The-Dev-Ninja 3 года назад +3

    Bravissimo

  • @cristiandicesarea1307
    @cristiandicesarea1307 3 года назад +3

    Grande. Puoi fare una serie su angular oltre a continuare questa serie?

  • @donatogolia40
    @donatogolia40 3 года назад

    Grazie, molto chiara la spiegazione e molto facile da usare, a differenza di quello che mi avevano raccontato.

  • @gixalpe5854
    @gixalpe5854 3 года назад

    Bravissimo rendi facile programmare un sito web sei il migliore ^^ TOP ^^ seguo i tuoi video per passione per la programmazione..

  • @marioaurelios
    @marioaurelios 2 года назад

    Tu sei un grande. Grazie 🤗💙

  • @barbaragiuliani3796
    @barbaragiuliani3796 3 года назад

    Chiaro e interessante come sempre! Aspetto con ansia il prossimo video!

  • @jalalbounaim
    @jalalbounaim 3 года назад

    Questa pagina youtube è stupenda!!!!!

  • @diegomaso5336
    @diegomaso5336 3 года назад

    I tuoi video sono magnifici , in effetti questo argomento mi interessa molto per fare un sito grazie mille

  • @giuseppecesarino1859
    @giuseppecesarino1859 Год назад

    grazie mille come sempre mi hai risolto molti grattacapi

  • @yoonig3935
    @yoonig3935 2 года назад

    Mi stai salvando la vita, e sei divertentissimo grazie mille ♥️

  • @AttilioBongiorni
    @AttilioBongiorni 2 года назад

    Bravissimo! Veramente encomiabile!!!

  • @Novicik
    @Novicik 3 года назад

    Bellissimo! Non vedo l’ora che tu faccia un video anche su Laravel!

  • @manudemarmi5760
    @manudemarmi5760 2 года назад

    Semplicemente sei fantastico 😉 🙏🏼

  • @wlady0220
    @wlady0220 3 года назад +2

    bah insomma, bellissimo video come al solito e davvero bello come porti questi contenuti in modo professionale e efficiente però non mi convince bootstrap conosco un minimo il html e css e sinceramente preferisco scrivere il codice da zero. nel nego che per alcune cose sia utile per esempio se mi serve un pulsante però boh scrivere tutto il codice in bootstrap non mi convince capisco bene che per motivi di tempo e semplicità per te è più utile spiegare attraverso questo framework

  • @ifasa8256
    @ifasa8256 3 года назад +2

    veramente utile!

  • @ARES040893
    @ARES040893 3 года назад +1

    Video ottimo, se facessi un video corso a pagamento su bootstrap/CSS/HTML e magari anche come integrarli su WordPress lo comprerei subito

  • @irisradiolovedueofficial7427
    @irisradiolovedueofficial7427 2 года назад +2

    Ciao @PitoneProgrammatore!!! Ho un problema con l esecuzione di questo tutorial: Mi escono tutte le card, ma non sono incolonnate su tre colonne, ma su una unica!! Puoi dirmi perché è come risolvere il problema??? Grazie e Buona Domenica!!!

  • @ivofrusin9563
    @ivofrusin9563 Год назад

    Ottimo tutorial, grazie mille.

  • @vincenzocolella8817
    @vincenzocolella8817 2 месяца назад

    Ciao e grazie per semplicità con cui esponi i passaggi. Il sito sta prendendo corpo. Ti segnalo che in alcuni casi per ottenere la stessa vista del tuo video (5.0.2), devo selezionare altre versioni (per Card la 4.6.x)

  • @GiovanniFerrariCastu
    @GiovanniFerrariCastu 3 года назад +1

    Bravissimo !

  • @nandomendesoficial2533
    @nandomendesoficial2533 Год назад

    Sei bravo!!!

  • @avanu.official
    @avanu.official Год назад

    Complimenti!!! Sarebbe interessantissimo capire come inserisci online un sito web creato da zero :D

  • @devaketan
    @devaketan 10 месяцев назад +1

    Ciao se ti dovesse capitare puoi fare un video magari partendo da questo sito sushi dove inserisci più pagine? sono sicuro che il React Router sapresti spiegarlo bene perché un pò difficile da digerire e visto che si parla di sushi.....

  • @umbertohe5723
    @umbertohe5723 3 года назад +1

    grazie del tutorial!

  • @danielegaming8929
    @danielegaming8929 3 года назад +2

    Se importo una immagine nel sito me la carica, però se dopo metto l'immagine in una cartella non la carica perché ha un percorso diverso. Esiste un modo per evitare questo?

    • @matteolambertucci282
      @matteolambertucci282 3 года назад

      Cambiando il percorso dell'immagine

    • @emanuelelibertini6242
      @emanuelelibertini6242 3 года назад

      In genere un sito web risiede in una cartella o nella root del server, questo in previsione di pubblicare il sito on line, Windows rende disponibile il LOCALHOST che è inserito nella cartella INETPUB/WWWROOT, se non la vedi, basta andare nel Pannello di controllo e installare i componenti aggiuntivi di Windows, creando un nuovo sito web in locale, in INETPUB/WWWROOT, la tua pagina INDEX.HTML la creerai nella cartella principale, e così, creerai la cartella IMAGES in cui metterai le immagini del tuo sito che richiamerai con ./images/nomedelfile.est

    • @danielegaming8929
      @danielegaming8929 3 года назад

      Ok grazie

  • @_penry_
    @_penry_ 2 года назад

    Bel video!

  • @sergjogjoka4802
    @sergjogjoka4802 3 года назад

    grande solo grande si può dire

  • @nawfal6043
    @nawfal6043 3 года назад +1

    Gran bel tutorial

  • @gianlucagermani6853
    @gianlucagermani6853 2 месяца назад

    Grande!!

  • @alessandropichierri9869
    @alessandropichierri9869 3 года назад

    Video SPETTACOLARE, grazie mille😍 (sei per caso Alfista? Perché nel video hai fatto un paragone con una concessionaria Alfa Romeo. Io sono un grande Alfista❤🇮🇹🐍)

  • @fabiolarussa6674
    @fabiolarussa6674 11 месяцев назад

    bello grazie !

  • @jurigemignani7
    @jurigemignani7 3 года назад +2

    aspetto questo video dall'ultimo video

  • @andreacuore7700
    @andreacuore7700 3 года назад

    Tu sei il re di tutti i re.....

  • @tutorialutili4896
    @tutorialutili4896 3 года назад +1

    Ciao! volevo chiederti, se puoi fare un video, dove crei un vps, mi farebbe molto piacere,grazie

  • @tommasotiso6805
    @tommasotiso6805 3 года назад

    lezione grandiosa....solo una domanda avrei seppur mi hanno consifgliato di non farlo....ma se ad esempio volessi mettere il logo al centro, tutto, come dovrei fare??ho provato a mettere text-center al container dell header ma non si sposta nulla!

  • @umbertohe5723
    @umbertohe5723 3 года назад +2

    che estensione usi per autocompletare in html ?

  • @manuelpaiusco9307
    @manuelpaiusco9307 Год назад

    Ciao! Super tutorial complimenti, l'unica cosa è che non sono riuscito a inserire l'immagine png del logo =(

  • @pittoretedesco8135
    @pittoretedesco8135 3 года назад +1

    Ciao Pitone, potresti portare un tutorial su come pubblicare e hostare un sito web?

  • @FrancescoRos-gg7rp
    @FrancescoRos-gg7rp Месяц назад

    Ma il codice non é difficile poi da modificare essendo sporco? Dico a livello di semantica perché con Atom puoi dividere html e css. Io mi sono appena approcciato alla programmazione e cerco di capire scusa per la domanda

  • @lucaquaranta5804
    @lucaquaranta5804 3 года назад

    Una domanda minuto 4.30 viene importato Popper, cosa sarebbe? E serve per l'uso di bootstrap?

  • @BeniaminoGhiani
    @BeniaminoGhiani Год назад

    Bellissimo video e ottima spegazione. Ho solo un grosso e al momento insormontabile. Ho seguito minuziosamente le farie spiegazioni ma non c'è verso di riuscire ad allineare le card in orizzontale. Ho rifatto dieci volte il file ma niente. Dove sbaglio?
    Grazie

  • @tkwandre
    @tkwandre 3 года назад

    SEI UN MITO

  • @giovannisardisco4541
    @giovannisardisco4541 3 года назад +2

    Farai una PL per questa serie?

  • @DansTricks
    @DansTricks 2 года назад

    Ciao a tutti, bel tutorial e semplice da capire! Volevo chiederti, o a chiunque legga questo commento, se c'è un modo su bootstrap per dire alle colonne di prendersi tutto lo spazio disponibile in modo che siano sempre centrate.
    Mi spiego meglio.. quando "stringiamo" lo schermo le colonne vanno tutte sulla sinistra, non c'è modo di farle centrare? grazie mille

  • @Recker96890
    @Recker96890 Год назад

    video molto utile :)

  • @benedettaocello9728
    @benedettaocello9728 2 года назад

    Buongiorno! Ti ringrazio dei video che sono mooolto coinvolgenti. E' possibile averne uno su Bootstrap via NPM?

  • @codcod1250
    @codcod1250 3 года назад +1

    Ti prego puoi fare un video dove fai vedere come si crea uno shop su python ?. Pls

  • @francescopellegrino5508
    @francescopellegrino5508 6 месяцев назад

    bravissimo

  • @davidegreen5685
    @davidegreen5685 2 года назад

    Complimenti.
    Per integrarlo in un CMS Joomla, hai modo di spiegarcelo ?
    Grazie.

  • @dennisdeluca3896
    @dennisdeluca3896 3 года назад

    il migliore

  • @FilippoDanieleLegname
    @FilippoDanieleLegname Год назад

    Grazie.
    Sarebbe interessante vedere la realizzazione di un sito più complesso, magari cercando di ricreare un sito preesistente

  • @LeonardoTaddei210
    @LeonardoTaddei210 3 года назад +2

    fai un tutorial sul c++