Lezione dal corso Web Development
Adesso andiamo a creare la lista il listato di immagini a corredo del nostro elemento di portfolio.
Vediamo che dopo subito dopo la parte di informazioni, troviamo le nostre immagini elencate verticalmente con un effetto di dislocazione, cioè qualcuna più allineata verso verso destra, qualcuna centrata qualcuna verso sinistra.
Anche in questo caso, secondo me, possiamo utilizzare le xbox per gestire questi allineamenti, questi aggiustamenti di light.
Ma la prima cosa che possiamo fare innanzitutto a importare le immagini qui sul mio desktop ho già pronta la cartella delle immagini che il designer mi ha fornito già ritagliate, già nominate e in formato jpeg.
Quindi quello che faro' sarà semplicemente importare questa cartella immagini all'interno del mio progetto per cui la sposto nella nella root quindi del nostro progetto proprio allo stesso livello del file index e comincerò a elencarle all'interno del foglio html.
Ma ci troviamo all'interno del primo elemento del portfolio subito dopo working for io creerei un divo che farà da rapper da contenitore.
In questo caso abbiamo una classe, chiamiamola semplicemente immagino al suo interno.
Comincerò a elencare le immagini con il tag immagino quindi crea un tag e specifiche rough il source, quindi il puntamento all'immagine, che in questo caso sarà relativo alla stessa cartella in cui si trova il mio file index.
Quindi se guardiamo un attimo, apriamo velocemente la Sai bar di via Scott per vedere un po' la alberature.
Vediamo che la cartella immagini allo stesso livello di index html, per cui per raggiungere l'immagine che voglio in questo caso sarà la prima immagine dell'elemento fluide glass.
Io dovrò specificare un pat dove il primo frammento sarà appunto la stessa cartella immagini e quindi entro dentro la cartella immagini e da lì dentro poi riesco ad riesce a abbastanza intelligente da elencarvi da suggerirmi il contenuto della cartella.
Io seleziono l'immagine che mi serve, quindi Douglas una é salvo.
Diamo subito un'occhiata al nostro al nostro sito vediamo comparire la prima immagine non appena ricarichiamo la pagina, quindi siamo sulla buona strada.
Cominciamo a raggiungere le altre molto velocemente a totem cartella immagini riesco ad mi suggerisce e mettiamo la seconda.
E per finire mettiamo anche la terza qui l'editor ci aiuta tanto salviamo Ecco le nostre immagini ok, sono tutte allineate orizzontalmente.
Cominciamo a giocare con la disposizione.
Io comincerei a dargli un default, per cui le metterei centrate e metterei centrate poi sulla base di di questo allineamento cominciare a creare delle classi che ci facciano da utilities per poter poi decidere se spostarne alcune a destra e alcuna sinistra.
Torniamo sul l'editor.
Chiudiamo il pannello con il file explorer in questo momento non ci serve e focalizziamoci sul mar Cap.
Creiamo all'interno del foglio css, il selettore per il container di Magis e cominciamo ad assegnare la proprietà display display flex.
In questo caso abbiamo un allineamento verticale, quindi una flex Direction colon e volendo centrare i nostri elementi verticalmente, utilizziamo allinei items center.
Okay, salviamo ricarichiamo e tutte le nostre immagini sono centrate verticalmente.
Ovviamente servirebbe dare un po' di spazzatura tra l'una e l'altra.
Sono tutte abbastanza appiccicate, quindi definiamo la nuova regola che come selettore avrà il magistrato e il nostro container é img spazio mg.
Quindi le immagini contenute dentro il container, immagino alle immagini io darei un margine botto di ma facciamo ventiquattro pix salviamo ricarichiamo, vediamo l'effetto.
Beh, cominciano a distanziarsi.
Forse anche qualcosina in piu' apriamo anche un trentasei pixel.
Dai, ma si' margin-bottom trentasei.
Direi che va bene.
L'abbiamo distanziato abbastanza.
Adesso, tornando sul sul, sul design, cominciamo ad assegnare un po' di allineamenti a destra a sinistra la prima immagine sarà tutta verso verso destra, quella quella centrale resta centrata, mentre invece la terza immagine andrà a sinistra.
E sappiamo che con le Xbox e abbiamo la possibilità di far ghettizzare uno specifico elemento uno specifico frexit quindi e andare a dargli un allineamento ben preciso.
Quindi utilizzeremo in questo caso la proprietà line self piuttosto che in innestare nuovi selettori.
Creeremo quelle che in gergo nove in gergo vengono chiamate delle delle utilities.
Quindi creeremo delle classi mirate con il solo scopo di applicare questa regola.
Per cui io farei una una prima utile chiamata immagino right, il cui unico scopo sarà quello di assegnare Alain Self su flex.
Ok, per avere l'allineamento a destra contestualmente posso crearne un'altra che chiamero' invece immagino left e a questa assegnerò alla in self takes start.
Ok, avendo queste due utili nel mio markup, posso adesso divertirmi e cominciare ad assegnare queste classi.
Quindi alla prima immagine assegnero' una classe, immagino immagine right l'ultima è la seconda.
Resta così com'è centrata, mentre sulla terza assegnerò il Magic Bullet.
Abbiamo e ricarichiamo bene.
Beh, abbiamo allineato le nostre immagini come volevamo, per cui direi che il contenuto di un primo item abbiamo abbiamo completato abbiamo assemblato il primo item del nostro portfolio.
Quello che adesso ci resterà a fare è replicare la stessa struttura con le stesse classi e cambiarne solo i contenuti per creare i restanti e avere così tutta la sezione completa.
Piccolo preambolo
1) sono utente fin dal suo lancio
2) quest’anno ho speso oltre 3000 ore sulla piattaforma con oltre 13 corsi
3) Pago di tasca mia l’abbonamento e non ho conflitto d’interessi
Esperienza
Quando Learnn è stato lnaciato ho deciso di abbonarmi perchè ho visto nella piattaforma una possibilità di affrontare argomenti di cui sono carente.
Mi occupo di IT ma non sono così miope da non capire che il digital marketing va conosciuto passando per chi lo pratica.
Ho avuto e avrò anche abbonamenti? Si
Perchè allora dici di iscriversi a questo servizio? Perchè a prescindere di quale servizio specialistico a cui ti abbonerari questa è la base. La base per tutti gli argomenti del digital Marketing oggi e in futuro visto che ogni settinaman escono corsi nuovi e vengono aggiornati, ampliati, approfonditi gli esistenti con gli stessie con nuovi docenti.
I docenti poi sono professionisti e hanno reale esperienza rendendo estremamente pratico applicare i concetti.
Ho una iniziativa nel non-profit e per riuscire, nel tempo libero, a non fare danni e a crescere mi serviva portermi aggiornare e capire come funzionano alcune parti del digital marketing con Learnn ci riesco, mi diverto e sopratutto posso delegare perchè ho capito come funziona quell’ambito.
Avere questo allo stesso prezzo di un abbonamento di streaming permette di ampliare la conoscenza in un ambito in cui troppi parlano senza padronanza.
Prendiamo come società Learnn perchè volevamo avere più il controllo della situazione su ciò che succedeva nel nostro dietro le quinte. Ci sembrava che il nostro venditore non fosse sul pezzo, dormisse sugli allori e non studiasse nuove strategie.
Dopo 1 settimana abbiamo eliminato il nostro “venditore”, ne abbiamo trovati altri validi nel sito con i quali collaboriamo, abbiamo acquisito competenze e abbiamo grazie alla competenza, un sacco di consapevolezza in più, dato che adesso lavoriamo solo online.
Uno degli investimenti migliori mai fatti, insieme ai 50k risparmiati (che non era un problema spendere, volevamo “solo” il lavoro fatto bene)
Learnn è la soluzione olistica alla formazione di imprenditori e professionisti. Professionalmente, essendo un Growth & Innovation Advisor, utilizzo la piattaforma per ampliare la vision e per rimanere sul pezzo grazie a imprenditori e professionisti di altissimo livello presenti al suo interno, che offrono il loro contributo in maniera a dir poco magistrale.
L’abbonamento Learnn permette di avere a disposizione un tool di formazione continua, sempre aggiornato su temi e trend professionali.
Uso Learnn per tenermi costantemente aggiornato sul mondo del digital marketing e per approfondire tutti quelli aspetti dove non sono verificale (sono dei specialist) e lo reputo molto utile per un infarinatura.
Piattaforma estremamente professionale e professionalizzante. Corsi di qualità, docenti anche di più e le risorse a disposizione sono veramente tante. Chiunque può formarsi qui, da chi parte da zero a chi ha già esperienza. La flessibilità nel seguire le lezioni è totale: ci sono lezioni fast per chi ha due minuti al giorno e corsi più strutturati per quando si ha più tempo. C’è anche una parte community da non sottovalutare: grazie alla rete di possibili contatti che hanno creato, io ho trovato lavoro come Digital Marketer!
Ho scoperto Learnn tramite una sponsorizzata IG! Mi si è aperto un mondo! Trovo tutti i corsi molto utili ed interessanti, complimenti a Luca ed a tutto il team Learnn
Learnn e’ tutto ciò che un imprenditore ha bisogno per formarsi ed avere una base solida nel mondo del digital marketing ma anche in tanti altri aspetti.
E soprattutto avere le consulenze 1to1 a pagamento sono un valore aggiunto incredibile non e’ il solito corsetto pre-registrato che poi ti abbandona a te stesso qui puoi confrontarti e secondo me e’ una cosa unica.
Learnn mi ha permesso di approfondire temi che stavo studiando all’università e mi ha fatto scoprire altri corsi che mi sono serviti molto all’inizio del mio percorso da freelance.
Ad oggi ho l’abbonamento annuale perché trovo sempre qualcosa di nuovo e interessante da approfondire.
Consiglio Learnn perché copre una vasta gamma di argomenti e permette di passare da tematiche di Growth alla User Experience passando per il GDPR e la psicologia.
Davvero molto interessante e sempre in espansione.
Ultimamente sono state inserite anche nuove funzionalità che la rendono una piattaforma veramente completa e super utile.
Grazie alla community si possono scambiare opinioni con altre persone che stanno studiando e poi ci sono gli esperti che hanno messo a disposizione anche degli slot a prezzi ragionevoli.
Ultimo ma non meno importante il prezzo che è veramente affrontabile anche per gli studenti universitari.
Luca e tutta la sua squadra hanno davvero fatto un ottimo lavoro, grazie.
Scoprire Learnn è stato un salto di qualità per la mia formazione personale. Con l’autorizzazione dell’azienda, ascolto corsi anche mentre lavoro: con una cuffietta sempre in ascolto e uno dei tre schermi esclusivamente dedicato.
Ritengo che Learnn sia una piattaforma che abbia una mission reale e vera. Si percepisce semplicemente dal prezzo super accessibile e dalla qualità elevata di quasi tutti i corsi.
Avendo completato più di 80 ore posso dire veramente grazie a tutto il team di Learnn che mi ha svoltato la formazione e svoltato a livello pratico il mio lavoro!
Il titolo della recensione sarebbe il Netflix della formazione ma sarebbe troppo da clickbait, però è quello che penso. Buon lavoro!
Learnn è la piattaforma di formazione per ottenere maggiori risultati professionali e di business attraverso formandosi nel digitali (e non solo). In un unico abbonamento hai accesso a 400+ corsi, 120+ risorse, 25+ percorsi, live webinar e certificazioni. 190.000 professionisti/e e oltre 700 aziende si formano su Learnn per crescere.
Vogliamo digitalizzare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
In un unico abbonamento hai accesso a 400+ corsi, 120+ risorse, 25+ percorsi, live webinar e certificazioni. Potrai fruire i corsi sia dalla piattaforma web che dall’app.
I corsi sono on-demand, mentre i webinar sono live e poi caricati nella piattaforma per essere visti on-demand quando vuoi.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Certamente. Learnn ha un piano gratuito che ti permette di accedere al 40% di ogni corso in maniera gratuita e solo con la tua email, no carta richiesta. Crea il tuo account per iniziare a seguire qualsiasi corso.
Learnn Pro costa 16.99 euro al mese nel piano trimestrale, ma offriamo sconti per il piano annuale. Crea il tuo account per vedere il prezzo corrente.
Si, le nostre certificazioni vengono rilasciate al completamento dell’80% di ogni corso dopo il superamento di un quiz di 10 domande.
La certificazione potrà essere condivisa sul proprio profilo personale Learnn e sui proprio profili LinkedIn e CV.
Le nostre certificazioni sono riconosciute da centinaia di aziende che formano i loro team su Learnn e queste aziende assumono abitualmente dentro alla nostra piattaforma.
Iscrivendoti a Learnn avrai accesso ad una community con 190.000 professionisti dove potrai confrontarti, fare networking e trovare nuove opportunità.
Inoltre potrai partecipare a workshop live e fare domande ai professionisti che hanno tenuto i corsi.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
Ogni acquisto ti garantisce 14 giorni di garanzia per richiedere il rimborso.
In qualsiasi momento puoi disabilitare il rinnovo automatico dalla tua area membri in pochi click e senza dover parlare con un operatore.
Non offriamo invece rimborsi per i rinnovi.
Vogliamo rendere l'Italia famosa nel mondo per l'esecuzione.
Learnn
è nato per accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.