Ciao a tutti. Benvenuti in Introduzione a CSS3. Nelle prossime quattro settimane, impareremo come prendere semplice codice HTML5 e trasformarlo in qualcosa di veramente bello. Allora, cosa ci farà nelle prossime quattro settimane? Bene, l'obiettivo principale sarà l'apprendimento dei fogli di stile CSS. Parleremo del motivo per cui sono un modo migliore di stile rispetto a quello che la gente usava nei primi anni 2000 e alla fine degli anni '90. Una volta che sai che è un modo migliore per usarlo, come possiamo assicurarci che tu stia scrivendo un codice davvero buono? Una volta che hai capito la sintassi, andremo avanti e parleremo anche degli strumenti di sviluppo. Quando fai web design, è molto raro che tu stia seduto lì e che tu codice, e non guardi a sinistra, o guardi a destra, o vai a guardare sul web. Invece, userai altri strumenti per vedere come puoi cambiare il tuo codice senza dover effettivamente scrivere il codice in anticipo. Infine, come sempre, parleremo di problemi di accessibilità. È sempre divertente aggiungere colori e animazioni e cose interessanti alla nostra pagina. Quando lo facciamo, vogliamo assicurarci di non farlo a costo dell'accessibilità. Vogliamo assicurarci che tutti possano vedere tutto sulla nostra pagina. Parliamo di quello che faremo in ciascuna delle quattro settimane. Nella prima settimana, l'attenzione è davvero sul solo iniziare, bagnare i piedi e ottenere un po 'di fiducia nel sapere che si può fare questo. Inizieremo parlando dei tre metodi comuni per il codice di stile. E una volta che li copriremo, parleremo di come interagiscono questi metodi, quali sono migliori in situazioni diverse. E cose diverse che si può sentire sicuri sapendo come si può meglio stile la vostra pagina in qualsiasi situazione specifica. Successivamente parleremo dello stile di base dei font. Entro la fine della prima settimana, voglio davvero che tu sia in grado di prendere una pagina web e cambiare qualcosa di davvero ovvio. È possibile modificare il testo in modo che sia corsivo, sottolineato o un colore diverso? Infine, parleremo molto brevemente di posizionare elementi sulla pagina. Questo sarà un elemento importante di tutte le nostre quattro settimane. Sta cercando di capire come puoi mettere la tua intestazione qui o un'immagine laggiù. E puo' essere complicato, ma va bene cosi'. Perche' lo ripeteremo settimana dopo settimana. Tra la seconda settimana parlerò di una cosa chiamata «modello di scatola». Questo è un concetto molto comune per qualsiasi sviluppatore web, perché parliamo di come ogni elemento della tua pagina è in realtà una scatola. Successivamente, parleremo di link e liste di stile. Tutti noi amiamo i link nella nostra pagina. Il web è il web perché abbiamo dei link, quindi come possiamo farli sembrare davvero cool? Successivamente, parleremo di selettori avanzati. All' inizio del corso, faremo molta attenzione nello stile di elementi semplici come lo styling di un elenco o lo styling di un paragrafo o lo styling di un'intestazione. Poi, vorremmo parlare di cosa succede se volessimo solo modellare alcuni dei link, non tutti i link? Infine parleremo delle funzionalità del browser. Proprio come quando hai imparato a conoscere HTML5, hai imparato che alcuni browser supportano alcuni tag mentre altri no. Allo stesso modo, i browser trattano i CSS in modo diverso. E voglio che tu sappia come reagire al meglio. Nella terza settimana, parliamo di pseudo classi ed elementi. Queste sono una specie di questa fantastica idea di come possiamo far accadere cose diverse quando passiamo sopra una pagina. Parla anche di come possiamo modellare solo alcune cose come l'ultimo paragrafo della pagina o il primo paragrafo. Parleremo anche di transizioni. Questo è un modo per cambiare l'aspetto di uno degli elementi della tua pagina, che è molto simile all'idea delle trasformazioni. Le trasformazioni sono il modo in cui possiamo ruotare le cose sulla pagina, inclinarle, renderle sempre più grandi e fare cose diverse del genere. Infine, ancora una volta parleremo del posizionamento, di come possiamo far andare le cose in un certo punto e rimanere lì tutto il tempo. Tutti abbiamo visto davvero fastidiosi menu pop-up e diversi annunci pop-up. Ora è possibile creare il proprio fastidioso annuncio pop-up. Nella quarta settimana, non copriremo il nuovo materiale. Invece sarà campioni, campioni e altri esempi e campioni. In particolare, voglio mostrarti diversi modi in cui possiamo modellare una tabella e diversi modi per creare un menu di navigazione. La maggior parte della quarta settimana sarà davvero spesa a lavorare sul tuo progetto finale. Quindi voglio che tu sappia subito a chi serve questa classe e se sei pronto e sei interessato a prenderlo. Prima di tutto, non vuoi prendere questa classe a meno che tu non sappia già di HTML5. Potresti seguire un corso su di esso. Potresti essere solo andando online e leggendo su di esso, ma devi sentirti a tuo agio se cito cose come tag o elementi o convalida. Successivamente, questa classe è per le persone che hanno persistenza. Non codificherai mai le tue pagine nel modo giusto la prima volta. Anche la seconda volta, a volte la terza, quarta e quinta volta. Si tratta davvero di godersi l'intero processo di voler davvero ottenere qualcosa per lavorare e sentire piccole vittorie quando succede. Infine, questa classe è per coloro che sono disposti a fare più di quello che ho intenzione di fare in queste lezioni. Ci sono cosi' tante informazioni che posso darti. Sta a te esercitarla, modificarla, cambiarla e cercare di vedere davvero cosa succede oltre quello che ti sto mostrando. Quindi, se vuoi sapere qualcosa di piu' su di me e perche' scelgo di insegnare questa lezione, ecco un po' di informazioni di base. Ho un dottorato in Informatica. Ma ad essere onesti, questa e' davvero la parte meno importante. Quello che ho davvero sono due decenni di esperienza nell'insegnamento. E durante questo periodo, ho insegnato una vasta gamma di studenti e una vasta gamma di argomenti. E ho scoperto che mi piace molto spiegare le cose in modi diversi, e mi piace molto rivolgermi agli studenti che forse hanno più domande. La mia enfasi sull'educazione è sempre stata in giro per la classe, aiutando gli studenti a eseguire il debug, incontrandoli uno contro uno. Il carico di lavoro per questo corso sarà piuttosto semplice. Ogni settimana ci sarà un quiz molto breve, tipicamente domande a scelta multipla. Ancora più importante, avrai incarichi settimanali peer-graded. Perché posso parlare tutto quello che voglio su CSS3, ma finché non inizi a digitare le cose e a giocare con esso, non c'è nessun altro modo per impararlo. Quindi ogni settimana, ogni studente avrà lo stesso HTML. Creerai il tuo look unico per questo. L' ultimo incarico peer-graded, quello della quarta settimana. Sarà abbastanza sostanziale al fine di creare qualcosa di cui si può davvero essere orgogliosi e che avrà il proprio timbro unico ad esso. Quindi parliamo di come puoi avere successo in questo corso. In un mondo perfetto, si incontra con gli amici, si codificano insieme, si impara dagli errori degli altri, e si impara anche dai successi degli altri. Quindi, anche se non abbiamo quella esperienza uno contro uno, assicurati di usare le bacheche. Non solo per fare domande, ma per vedere quali altre domande le persone stanno ponendo. Puoi imparare molto in questo modo. Non riesco a sottolineare abbastanza che non voglio che ti senta come se stessi cercando di ingannarti, o che sto dando qualche tipo di problemi di trucchi. Se hai mai lavorato su qualcosa e ci sei bloccato per più di 15 minuti, vai avanti. Questo è CSS, è styling. C' è sempre qualcosa che puoi cambiare, e puoi trovare qualcos'altro su cui preferisci lavorare. Assicurati di cercare le cose da solo. Non potro' mai insegnarti tutto quello che devi sapere. Ed è per questo che puoi andare su Internet e guardare diverse risorse, e vedere se c'è qualcosa là fuori che vorresti ricreare. Infine, è molto importante che tu pratichi questo il più possibile. Se fai il minimo richiesto per questo corso, e sei soddisfatto di questo, è fantastico. Sono felice che tu sia in grado di imparare qualcosa. Ma se vuoi davvero essere uno sviluppatore web, è così importante che ti stia godendo quello che stai facendo, e stai andando via da solo, e stai creando qualcosa di bello ogni volta che puoi. Quindi vi do il benvenuto alla classe e non vedo l'ora che vi uniate a noi mentre impariamo di più sui fogli di stile a cascata. Grazie.