Lezione gratuita dal corso Web Development
Fino a qui abbiamo realizzato tutto quello che è contenuto nella boxe, default della nostra pagina.
Abbiamo detto tutto quello che l'utente vede senza scrollare.
Ora cominciamo a raggiungere le altre Section.
Andiamo a guardare il design su Fig.
Ma la prossima in ordine sarebbe questa sorta di barra di navigazione dei dei lavori, che vedremo poi aggiungere nel nostro layout.
Quindi una sorta di sottomenu che andremo a sviluppare.
Andiamo nel nostro mark up.
In questo caso possiamo riutilizzare il principio adottato per il primo menu principale, quello che abbiamo messo nel nostro header, ovvero andare a creare una section di tipo nave.
Quindi creiamo una nuova section.
Anche in questo caso la classe.
Siamo con un nome specifico che ci servirà per aggiustare un po' di posizionamenti chiamiamo works section è anzi works manu e aggiungiamo il suo container perché anche questa avrà il contenuto raggruppato container bene all'interno di container.
Dobbiamo semplicemente replicare questa questo listing di elementi, quindi utilizzeremo di nuovo il tag Bull assieme a lì e vediamo dall'aspetto che in questo caso si tratta di un pulsante, un elemento che abbiamo già composto in fase iniziale, mentre a Sembravamo M.
Bays components.
Quindi i componenti quelli del cor del nostro design system.
Io quindi inserirò un nulla all'interno, aggiungerò il I e questo sarà un link che al momento lascio senza collegamento.
Ok, Glass onion Night Light Reigns comincia a riprodurli.
Ok, facciamo copia incolla.
Li facciamo prima Okay, salviamo e vediamo il risultato nel browser.
Ok, Anche in questo caso abbiamo da rimuovere dal nostro listing un po' di elementi come i puntini dell'istat o ed allinearli sulla stessa riga.
Adotteremo anche qui lo stesso principio, quindi stile remo, il nostro menù per cui Works man you e prenderemo L'hull accuseremo li stai TTIP, non Okay, allineiamo gli elementi con con la Xbox e in questo caso aggiungo solo la proprietà Flex.
Mi va bene così.
Mi basta un allineamento orizzontale e a questo punto aggiungiamo anche un margine per distanziare un po' i nostri i nostri elementi.
Quindi il selettore sarà Words man Bull Lee e diamo un margine.
In questo caso margin-right di troviamo ventiquattro pixel dovrebbe rendere Okay, cosa notiamo? Torniamo sullo yacht principale.
Come dicevamo, questi non saranno dei semplici link, ma avranno l'aspetto di un pulsante.
Quindi come abbiamo gia' preparato prima la classe Button, Quello che ci basterà fare sarà aggiungere ai nostri elementi è ancora quindi alter ego ha la classe baht.
Aggiungiamo la A tutti e tre salviamo ed ecco che il loro aspetto è cambiato.
Quindi, riutilizzando una classe che avevamo creato a priori, abbiamo in un attimo assemblato quella che è la section di navigazione.
Ora, man mano che svilupperemo Ia item facente parte del nostro portfolio, collegheremo il link.
Nel frattempo abbiamo completato anche questa section.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare 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.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
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.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è 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.