Corso Completo di CSS + Progetto Pratico

[@alicecroce]

Ciao Omar, ti ringrazio vivamente per questo corso che sto seguando come estensione del tuo corso su React acquistato su udemy: sei stato limpido, descrittivo, elementare e soprattutto hai rapportato ogni frame del codice all'esempio pratico visibile, sei stato davvero lapalissiano nelle tue spiegazioni e non posso fare altro che consigliarti. Complimenti per l'ottimo investimento che stai facendo realizzazndo questi video tutorial!

[@Out-of-Class]

Grazie mille Alice! Ci impegneremo al massimo per portare nuovi contenuti di valore al più presto. Per qualsiasi suggerimento sui contenuti e/o domanda il sono e siamo a disposizione su Discord :)

[@maurov6861]

Incredibile, sono partito da 0 da questo tutorial, e ora sviluppo siti web con Next.js13 e Tailwindcss.

[@Out-of-Class]

Chi si ferma è perduto!

[@iugin74]

Guarda, video davvero fantastico! Non solo esaustivo e chiaro, ma anche con un tempo ottimo, senza tanti fronzoli, molto concreto e ben spiegato. Parlata tranquilla, ottimo tono di voce, esempi ottimi con solo il necessario per capire, senza una riga in più di codice del necessario. Secondo me il miglior video su questi argomenti visto finora. Sono curioso di sapere se hai trattato in altri video altri linguaggi tipo C o C++. Intanto ti lascio in bel like e mi iscrivo al canale!

[@Out-of-Class]

Ciao iugin, scusa la risposta tardiva. Comunque non tratto linguaggi come C e C++, sono disponibili un approfondimento di Javascript da più di 6 ore e un'introduzione a React :)

[@karytry]

Tra quelli visti fin ora IL MIGLIORE. principalmente perchè spiega lentamente le cose e per un principiante è fondamentale! odio quelli che ( allora fai cosi tac tac tac e apposto ) senza farti capire ( perchè si chiama così , dove si mette, quando e come ) .

[@andreaandrea6165]

il miglior corso visto fino ad ora, ben strutturarto ed esaustivo! complimenti!aspettando javascript...

[@Out-of-Class]

Ciao Andrea! Grazie per i complimenti. Sto già lavorando su Javascript :)

[@oldgekino4219]

Perfetto! Molto pratico e concreto. Spiegato benissimo.

[@tuttodroid8084]

Bellissimo corso seguito dall inizio alla fine congratulazioni

[@Mr.Wilson1]

Sono ancora a meta video pero voglio farti i complimenti e ti incito a continuare a creare altri contenuti :D (questo, penso sia il mio quarto commento in tutta la vita quindi vuol dire che te lo sei meritato)

[@Out-of-Class]

Grazie tanto, continuerò a creare tanti contenuti! Continuerò ad utilizzare questo formato di "video unico" perché mi sembra il miglior modo per affrontare un argomento ! A breve rilascerò Javascript :)

[@maarlok]

Bravo, serio e professionale! Complimenti!👏

[@Out-of-Class]

Grazie mille

[@filippolombardo4703]

Un corso formativo al massimo!! complimenti veramente!

[@Out-of-Class]

Ti ringrazio molto per il complimento e sono contento ti sia piaciuto !

[@filippolombardo4703]

Aspettando anche quello su javascript 😁😁

[@Out-of-Class]

Entro il 12 Marzo uscirà il corso di Javascript :)

[@nicho1530]

Grazie mille per il corso gratuito. MI serviva proprio questo tipo di corso dato che ho studiato già html. Complimenti!

[@Out-of-Class]

Sono contento ti sia piaciuto e ti sia stato utile! Tra 2 settimane arriverà anche Javascript 🚀

[@Mimi-rc9gt]

top video lo sto vedendo pian piano grande !!

[@Out-of-Class]

Grazie mille! È presente anche Javascript sul canale !

[@aymendridi2534]

ciao @HPV film, non capisco perchè la funzione nth-child non mi funziona, è tutto corretto ma non me la prende...hai suggerimenti? grazie mille

[@Effekappaofficial]

Dopo aver studiato bene l'HTML e appreso i rudimenti del CSS, cercavo qualcosa di più "corposo". Non ho ancora visto il video ma ti faccio già i complimenti.

[@Out-of-Class]

Grazie Mille! Anche io sono super fan dei video lunghi che trattano un argomento dalla A alla Z ! Spero che ti sia stato d'aiuto !

[@andrearampazzo8787]

Grazie mille! Utilissimo, chiaro e coinciso.

[@pino9507]

Grazie di tutto. Voglio solo chiedere come impostare le diverse colorazioni del codice nella pagina di inserimento. Ho notato che nel filmato sull'inserimento dei comandi CSS, per esempio, il riferimento ai tag è di colore viola, mentre il colore di riferimento degli pseudo-selettori è verde. Nel mio foglio di creazione del foglio CSS, il colore dello pseudo-selettore rimane uguale a quello del selettore (arancione), creando difficoltà per una ricerca visiva. Senza contare poi alcuni elementi scritti in corsivo. Praticamente vorrei sapere dove cercare nelle impostazioni, per personalizzare i colori ed il layout dei vari comandi per renderli più visibili a colpo d'occhio.

[@Out-of-Class]

Ciao Pino, si chiamano “Temi di Vs Code”. Io attualmente uso Dracula come tema. Se fossi interessato ad una configurazione avanzata questa è quella del mio VsCode github.com/omardeangelis/VS-CCODE-SETUP

[@pino9507]

Ciao@@Out-of-Class , grazie di tutto. Ho scaricato e impostato "Dracula Official", va benissimo. Non sapevo che i temi erano tra le applicazioni da scaricare.

[@Yoannes-zy7jj]

Buonasera, quando apro il contenitore(Div) per impostare un immagine di background insieme ad un colore(come da esempio nel video al MINUTO 1:11:12), l immagine non copre la parte destra dello schermo, e anche il colore scelto resta nella zona sinistra dello schermo. Ho provato a creare un div che lo racchiudesse ed in questo modo il colore va a destra, ma non posso inserire ne immagine ne altro. Anche aggiungendo comandi come "background-position right" o ad "X," l immagine non ne vuole sapere di muoversi dal suo campo verticale. Se imposto "backgroun-position: center" l immagine si va al "centro", ma sempre sul suo campo verticale. idee su come risolvere il mio bug? :) Buonasera e grazie per l attenzione.

[@Out-of-Class]

Senza il codice finale non riesco ad aiutarti, magari semplicemente il div non ha nessuna larghezza specifica e quindi diventa largo quanto l'immagine

[@playsuper5008]

ciao sto provando ad installare bracket pair ma mi dice DEPRECATED, devo attivarla dai settings?

[@Out-of-Class]

Si è integrata di default in VS Code senza bisogno dell’estensione

[@playsuper5008]

@@Out-of-Class come la setto?

[@xxdanixx1740]

Ciao, sei stato molto bravo e ho seguito una parte di video con interesse nonostante che per aprire le parentesi graffe di css abbia dovuto digitare la combinazione di tasti sulla tastiera.C' è un modo per aprirle in automatico quando si fa click invio sul'elemento selezionato?grazie

[@Out-of-Class]

Non penso proprio: puoi mapparti la tastiera in modo che la graffa ti possa essere più comoda da digitare. Oltre questo non credo ci siano altre soluzioni se non digitarla

[@xxdanixx1740]

@@Out-of-Class a ok quindi non funziona come con i tag di html che quando ne selezioni uno apre e chiude le parenetsi che lo delimitano?

[@Chiedimiditutto]

ho appena iniziato a seguire il tuo corso ma mi sembra già fatto molto bene, unico consiglio meglio fare più video con una playlist in modo che chi avesse poco tempo possa seguire tutto senza perdersi i pezzi, io ho fatto così per il corso di excel che è già disponibile sul mio canale

[@Out-of-Class]

Il video è diviso per capitoli e ha un indice che permette di navigare il video. Estendendo la descrizione del video puoi accedere all’indice ed utilizzarlo per ripartire da dove eri rimasto.

[@Out-of-Class]

In pratica funziona esattamente come una playlist ma permette all’utente di salvare un unico video e conoscere la lunghezza dell’intero corso prima di iniziarlo. Lato insegnante semplifica la fidelizzazione dell’utente che non impara un pezzo qui e un pezzo la ma rimane sul tuo canale

[@Mr.Manimal]

Non funziona " h1 + h2" il più me lo fo vedere di un altro colore e di fatti il comando non si esegue, stessa cosa per "h1 ~ h2" . Come posso risolvere?

[@Out-of-Class]

Molto strano, probabile vi sia un errore nell’HTML. Consigli di controllare che sia scritto in modo corretto i selettori sono corretti

[@Mr.Manimal]

@@Out-of-Class Grazie

[@jimmysoul287]

Complimenti per il corso, davvero ottimo! Per caso in futuro avete intenzione di farne uno simile anche per Photoshop?

[@Out-of-Class]

Non ne sono sicuro ma ad oggi ne abbiamo uno completo su Premiere Pro

[@giovanni5039]

ciao, mi sai dire come mettere la piattaforma visual studio code in italiano? grazie!

[@Out-of-Class]

Ciao segui pure questo tutorial: www.effe1.info/come-cambiare-lingua-visualizzato-visual-studio-code/

[@maurov6861]

Ciao! Dove la trovo l'opzione in VSC che mi permette di cambiare il colore nel momento che commento una riga? E' che rimane verde acceso e lo preferirei di un grigio, meno visibile. Grazie!

[@Out-of-Class]

Ciao ti lascio questo link dove ci sono diverse risposte e soluzione alla tua domanda: stackoverflow.com/questions/45195023/how-do-i-change-color-of-comments-in-visual-studio-code

[@giulianocortesi3533]

Ottimo video ne farete altri sul css

[@aymendridi2534]

come fai a scrivere contemporaneamente su più righe?

[@tranceandflight4992]

Ciao scusa... sono riuscito a seguirti fino a che non hai incominciato a mettere gli articoli in colonna ... sei troppo bravo e vai velocissimo. Volevo chiederti.. ma il parametro che decice dhe orizzontalmente ci stanno tre articoli quale e? in nessun poso ho visto che sono segnate tre colonne. E' la larghezza del titolo e del sottotilolo che decide quanto articoli stanno orizzontalmente nella pagina?

[@Out-of-Class]

Dipende dalla larghezza dei singoli elementi, se lo spazio disponibile è di 1000px e i tuoi elementi sono di 300px l'uno ne avrai 3 sulla stessa riga e 1 sotto se scegli di usare flex-wrap: wrap. Se usi invece flex-wrap: no-wrap; i tuoi elementi invece saranno sempre sulla stessa riga

[@tranceandflight4992]

@@Out-of-Class Grazie mille!!

[@tranceandflight4992]

LOGO Home Sicurezza Informatica Gestione Tecnica Info Intranet Ced facendo cosi', non riesco a far stare le voci tipo sicurezza informatica o gestione tecnica sulla stessa riga e non mi vengono allineati a destra come succede a te. DOVE sbaglio se puoi correggermi?

[@Out-of-Class]

Sei sicuro di star usando il mio stesso foglio di style ? Quello che puoi scaricare da qua ? github.com/omardeangelis/css-tutorial Perché io copiando ed incollando il tuo HTML e usando questo stile funziona tutto correttamente.

[@tranceandflight4992]

@@Out-of-Class ciao , grazie mille per avermi risposto, sbagliavo con i pixel della nav bar e di conseguenza non stavano le voci. Ora pero' ho un altro problema: la pagina ha una larghezza, ma sotto mi ritrovo con la barra orizzontale che scorre verso destra.... ma a destra non ho piu' niente , come e' possibile che mi si attivi la barra orizzontale del bronswer? cosi' facendo se scorro la barra la nav bar e' piu' corta del bronswer. Sto impazzendo!!

[@aymendridi2534]

come fai a disattivare le righe?

[@Out-of-Class]

Da Windows mi sembra ctrl + ù da Mac comand + Shift + 7

[@aymendridi2534]

@@Out-of-Class ottimo grazie mille :)

[@lorenzozennaro6778]

non riesco a collegare la cartella css ad index.html. qualcuno sa dirmi il perchè? grazie

[@Out-of-Class]

Non devi collegare la cartella ma il singolo file

[@giuseppeprandel]

ciao, ho seguito il tuo corso HTML (veramente interessante) e adesso iniziavo col CSS ma tra le estensioni non c'è più HTML Snippets .. con cosa si può sostituire ? Grazie per una tua eventuale indicazione.

[@Out-of-Class]

Credo non ce ne sia bisogno e che sia stato integrato nativamente all’interno di VS Code :)

[@giuseppeprandel]

@@Out-of-Class ah, ok .. grazie

[@Mr.Manimal]

Quale è il comando veloce per i commenti? Complimenti per il corso, molto professionale.

[@Out-of-Class]

Ciao 👋 Dipende dal sistema operativo che stai usando, ad esempio su Mac è cmd + shift + 7. Su Windows dovrebbe essere cmd + ù (accentata) o cmd + shift + ù (accentata). Conviene comunque googlare

[@Mr.Manimal]

@@Out-of-Class Grazie e complimenti per il corso.

[@francescomontella122]

Complimenti!

[@Out-of-Class]

Grazie !

[@giosueluraghi9259]

Videocorso fatto molto bene... complimenti!! Una domanda: come fai a modificare più righe contemporaneamente? Grazie

[@Out-of-Class]

Tenendo premuto alt ci permetterà di selezionare più punti contemporaneamente

[@giosueluraghi9259]

@@Out-of-Class Grazie mille!

[@adienerlopez1547]

Domanda: Come fai a scrivere su più righe contemporaneamente?

[@Out-of-Class]

Ciao Adrien, per selezionare più righe è sufficiente tenere premuto ALT e poi clickare sulle righe che vorresti selezionare. Ti lascio il link a tutte le scorciatoie da tastiera di VS Code code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

[@simonebattiato1873]

Hey ciao ho provato a usare la sintassi con img[src] ma non funziona

[@Out-of-Class]

Ciao simone, Ti manca una parta in quel selettore img[src="valore"]. Nel selettore per attributo bisogna anche indicare il valore dell'attributo dell'elemento che si vuole selezionare

[@LuigiZambetti]

Ci saranno playlist anche sulla programmazione e sui database?

[@Out-of-Class]

Al momento il nostro team è composto principalmente da Frontend professionisti. Però stiamo spingendo per trovare un backend che voglia unirsi al progetto e approfondire questo tipo di contenuto che ci è molto richiesto

[@stayrock7620]

Secondo te ha senso starsi ad impazzire col CSS se poi arriva Bootstrap a semplificare il tutto?

[@Out-of-Class]

Si il CSS è fondamentale, quando si lavora con un Designer non si usa bootstrap ma si realizzano componenti unici nel loro stile.

[@cristianorattazzi3955]

Ciao, ti faccio i complimenti perché sei riuscito a spiegare bene e far capire tutto anche ad un 14enne, avresti intenzione di realizzare un corso js? Del resto grazie per il contenuto gratuito

[@Out-of-Class]

Ciao Cristiano, massimo entro il 12 Marzo uscirà il corso di Javascript ! Stay tuned!

[@apexclipitalia294]

che tema di vsc utilizzi?

[@omardeangelis813]

Dracula (:

[@andrearaguso6761]

Guarda posso dirti che se il mio professore spiegasse come lo fai tu non mi annoierei mai. Ho una domanda da farti, sto studiando tutti i fondamenti per un web developer per ora so html,css,php,sql,boostrap e un pò di js cosa mi consiglieresti di studiare ora? Per quanto riguarda qualchè progetto stimolante per mettere in pratica le conoscenze si può trovare online da qualche sito una traccia giusto per non fare cose no sense

[@Out-of-Class]

Ciao Andrea, in primis ti ringrazio per i complimenti! Sul cosa studiare: - Consolida javascript (nel giro di 2 settimane rilascerò anche un video dedicato a Javascript ) - A quel punto scegli se preferisci lavorare sul backend o sul frontend . - Apri linkedin, infoJobs e guarda nella tua zona (o dove ti piacerebbe lavorare) quali Framework richiedono. Individua il più richiesto, studialo e cerca di farti assumere. Alla cieca se volessi fare frontend, consoliderei Javascript ed imparerei React. Se volessi fare backend, C# o Go con relativi framework Se volessi fare App Developer, Dart + Flutter ( cercano tantissimo queste figure ) Per i progetti su JS insieme al video rilascerò anche una Repo di Github con diversi progetti al suo interno

[@andrearaguso6761]

@@Out-of-Class Fantastico grazie mille, attivo la campanella per ricevere la notifica per il corso di javascript... Se non è un problema una bella guida su come funziona e come si usa al meglio git hub sarebbe stra interessante (molte aziende chiedono di saperlo usare)

[@Out-of-Class]

Grazie per il suggerimento, è un argomento che sicuramente abbiamo intenzione di trattare prossimamente!

[@Mr.Manimal]

2 ore, 24 minuti, 21 secondi : come fai a selezionare tutti i div per poi scrivere "style" solo una volta?

[@arbalestarbalest5155]

Ciao, gran bel corso! Vorrei chiederti una cosa in merito alla parte di design responsivo usando le media queries. Sul web alcuni suggeriscono di utilizzare unità relative come %, vw, vh, em e rem in modo tale che, rimpicciolendo o ingrandendo lo schermo, gli elementi vadano a riposizionarsi di conseguenza senza troppi sbattimenti ( invece con px, mm o altre unità di misura fisse ogni volta devi cambiare manualmente ). Secondo la tua esperienza ha senso fare una cosa del genere? Poi, se ne conosci, potresti indicarmi qualche fonte in cui si parla in maniera approfondita di questo argomento? Grazie in anticipo!

[@Out-of-Class]

Nella mia esperienza ho sempre lavorato insieme a dei designer e la dimensione degli elementi tra i vari dispositivi viene definita da loro. Quindi ti trovi a lavorare molto di più con maxWidth in px e width al 100% rispetto che a rem. Per vh e vw si usano ma solo quando vuoi occupare tutto lo schermo a prescindere dal dispositivo

[@dendyog1955]

Bel video 😊

[@Out-of-Class]

Grazie ! C'è qualcosa che avrei potuto spiegare meglio o qualche argomento che vorresti che venisse approfondito ?

[@dendyog1955]

@@Out-of-Class no va benissimo così questo video e perfetto

[@valerioghirardotto4649]

3.32.25 Non ho capito perché dobbiamo mettere anche questo div. Comunque complimenti!

[@Out-of-Class]

Ciao Valerio, noi non "dobbiamo" mettere per forza questo div, potremmo aggiungere la classe "flex-container" al div che lo precede e sarebbe tutto uguale. Ma è buona prassi cercare di dare un unico "compito" ad ogni elemento, quindi il primo div con la classe di "container" ha il compito di centrare il contenuto e gestire il layout generale. Ed il div di cui mi chiedi tu invece lo usiamo per assegnargli il compiti di gestire il display degli elementi in modo che flexino :)

[@valerioghirardotto4649]

@@Out-of-Class tutto chiaro, grazie mille!

[@feik3llo164]

Io non ho capito nulla 3 volta che lo vedo

[@feik3llo164]

Non per dire che non e utile pero non riesco a capire quasi nulla

[@Out-of-Class]

E guardalo una quarta

[@feik3llo164]

@@Out-of-Class sto iniziando ad entrare nell ottica

[@valeriopistolozzi4374]

Daunlodando? Rannando? Ma porca puttana...

[@Out-of-Class]

Non mi accorgo nemmeno più di mescolare inglese ed italiano... Purtroppo è un modo di parlare che contagia tutti noi sviluppatori che nasce dal fatto che i comandi che si lanciano da terminale sono sempre "run", "kill", "push", "branch" e da qua derivano i vari runnare o killare l'app, pushare il codice, branchare il progetto.

[@valeriopistolozzi4374]

@@Out-of-Class no. Non contagia "noi sviluppatori" ma i bimbiminkia che non sanno parlare in italiano e credono che l'inglese faccia figo

[@Out-of-Class]

Grande Valerio, sei il numero 1.

[@Incognito-tx1jq]

@@valeriopistolozzi4374 per favore fai un favore al mondo e cerca di non diffondere il tuo seme..