Cos'è Tailwind e come funziona - TAILWIND CSS TUTORIAL ITALIANO 01
HTML-код
- Опубликовано: 10 сен 2024
- Lezione di 01 di Tailwind CSS. Oggi introduciamo questo splendido framework CSS vedendo come funziona nello specifico Tailwind e come può aiutarci a migliorare il lavoro sui nostri progetti. Vedremo inoltre come si differenzia rispetto ai classici framework css che potremmo già conoscere come Bootstrap. É una delle lezioni più importanti del corso a mio avviso, prestate perciò attenzione.
🟩 ► Corso Completo di Tailwind sul mio sito
codegrind.it/c...
🌐 ►Ti serve un hosting per mettere online il tuo sito?
bit.ly/3ViVqhm
💻 ► Il mio sito su cui trovare corsi e documentazione:
codegrind.it/
📚 ► Consigli per libri e postazione da lavoro:
amzn.to/3g0gSXZ
💰 ► Sostieni il canale con una donazione:
bit.ly/3CIHBjR
bit.ly/3EurJnh
💬 ►Social e Community
Gruppo Telegram: bit.ly/3MnRZ4X
Canale Telegram: bit.ly/3Vhrn9C
Discord: bit.ly/3rOR97L
Linkedin: bit.ly/3ExG7Lv
🟩 ► Corso Completo di Tailwind sul mio sito
codegrind.it/corsi/corso-tailwind-completo
che immensa salvezza questo corso
Da quando ho scoperto il tuo canale faccio tardi la notte 😁👍
Non mi ritengo responsabile per ritardo agli appuntamenti del giorno dopo 🤣🤣
@@EdoardoMidali 😁😁😁 addicted
Che forza, n1° !!
Grazie.
Molto ben spiegato come sempre. Grazie
bravo ragazzo
davvero ben fatto, complimenti
sei la salvezza, non riesco a trovare un buon corso su udemy di tailwind, dovresti fare udemy, hai molto talento
ho il mio sito e per fine anno uscirà un corso avanzato di tailwind. Bello udemy, ma non mi piace avere il mio lavoro solo su piattaforme altrui.
@@EdoardoMidali certo, ovviamente è una scelta personale, ti dico è un mese e mezzo che studio angular su udemy, ora sto seguendo il tuo corso per un refresh, posso dirti che il tuo modo di spiegare è veramente bello e intuitivo, secondo me pensaci anche perché potresti far fare dei progetti ai tuoi allievi.
Ps non ho ancora visto il tuo sito.
Grande❤
Domanda banale ma spero che risponderai comunque. Penso di avere buone competenze di CSS puro, ho imparato ad utilizzare Bootstrap in quanto mi aiutava molto con le componenti ma come hai spiegato tu ha molta meno personalizzazione e se dolessi cambiare una componente di bootstrap per fare qualcosa di originale preferisco creare direttamente una mia classe personalizzata. Ancora però non capisco le potenzialità di Tailwind, avere tutto quello stile nelle classi html mi sembra simile ad averlo nell'attributo style, con la differenza che ha una nomenclatura più compatta, ma comunque mi "sporca" il codice HTML quando potrei avere tutto in modo ordinato in un foglio di stile specifico. Quali sono perciò i vantaggi di Tailwind?
Il fatto di non toccare mai lo stile css e stilare ciascun elemento, ma se vuoi un html pulito non credo faccia per te.
@@EdoardoMidali grazie per la risposta! E grazie per i video, sono tutti molto scorrevoli ma allo stesso tempo dettagliati. Finirò comunque di vedere il tutorial su Tailwind, vedo che è molto richiesto
Ciao, domanda tecnica, c’è un modo per spostare le classi di tailwind in un separato foglio di stile, cosi da migliorare la leggibilità?
video sulla personalizzazione di tailwind, vedi se fa al caso tuo
ciao Edo grazie per il tuo splendido lavoro che condividi, subito dopo aver visto questo primo tutorial su tailwind mi è sorto un dubbio da puro neofita, ma dal punto di vista dell'accessibilità e della seo tailwind integrandosi in html non rischia di rendere il codice meno leggibile dai vari bot ?
nono perchè sono classi, quindi vengono saltate
Buongiorno
Vista questa atomicità così spinta nella definizione degli stili degli elementi, non c'è un overhead *mostruoso* nella creazione di un progetto? Faccio un esempio utilizzando proprio Bootstrap: creo un componente (o ne uso uno già pronto), e in un attimo mi stilizzo, che so, tutti i pulsanti di un intero sito in un colpo solo. Se un giorno devo fare una modifica a tutti i pulsanti, mi basta modificare il componente Bootstrap che ho usato, e *tutti* i pulsanti nello stesso istante rifletteranno tali modifiche. Con la granularità di Tailwind, invece, una modifica globale rischia di diventare un incubo allucinante.
Cosa non ho capito? 🤔
Continuo a guardare tutta la serie... 😅
puoi personalizzare tailwind per avere codice riutilizzabile. Comunque se lavori con un qualsiasi framework hai già i componenti riutilizzabili, quindi non vedo il problema 😁
ovvio che per fare tutto questo, devi tener già ben in mente quello che vuoi fare. poi hai sempre la possibilità di creare e formattare ogni classe a tuo piacere.
ed un programma che aiuta moltissimo ad avere un idea ben chiara è Adobe XD
Ciao a tuo parere per chi parte da zero è consigliabile imparare questo e lasciar perdere bootstrap?
si, sono 2 framework diversi per logica di base
Vorrei farti un altra domanda. Non ho capito se è preferibile conoscere più questo framework oppure bootstrap. Faccio ancora confusione. Ho seguito il tuo corso di C# e adesso vorrei iniziare a fare qualche sito personale. Sto studiando per il momento html. E volevo capire dopo cosa dovrei studiare. Grazie a prescindere se rispondi o no. Capisco che il lavoro che fai per noi non é semplice.
Grazie grazie grazie
se vuoi fare sito da zero html + css + javascript minimo. Bootstrap e Tailwind sono 2 framework molto validi, bootstrap più vecchio perciò lo troverai su molti progetti già esistenti, tailwind più nuovo perciò in crescita.
@@EdoardoMidali ma con java ti sei stoppato😔...aspetto da molto il seguito
Edo grazie come sempre per i tuoi corsi. Vorrei chiederti per questo corso ho bisogno di conoscere css?
sisi assolutamente
A me sembra tanto lavoro in più, sicuramente c'è più personalizzazione ma perchè sei costretto a farla. Anche bootstrap può essere personalizzato se si vuole. E hai tutta una serie di componenti già fatti che all'occorrenza però puoi rendere tuoi e che non devi fare da zero. Come può questo framework consentirti di creare un sito più in fretta di bootstrap che ha tutto già fatto?
c'è tailwind ui, flowbite etc..
quanti episodi sarà questo corso?
24 se non sbaglio
@@EdoardoMidali ottimo
L'unico problema è che hai classi lunghe 125km 🙄
lo preferisco ai 125km di scroll verticale nei file css 🤣
@@EdoardoMidali ognuno ha le sue preferenze come è giusto che sia
Siamo passati dal css inline alle classi, dalle classi ai componenti, ai componenti alle classi inline 😂😂😂