Sviluppatore Front End

Applicare uno stile a tutti gli aspetti della piattaforma

Lunghezza: 2 giorni
Tipologia: Pubblico, Privato, Online*
Versioni di Liferay: DXP
Prerequisites: Prerequisites:  Questo corso richiede experienza nello sviluppo front-end attraverso HTML/CSS.

*Docente per 3 giorni , 5 ore al giorno

Rivolto a

  • Responsabili tecnici
  • Sviluppatori Front-End
  • Sviluppatori UI/UX

Clienti che si affidano alla formazione Liferay:

Il corso è stato fantastico. Mi ha aiutato realmente a capire alcune cose fondamentali. Non ne avevo idea quando ci stavo lavorando. Ora conosco meglio la piattaforma.

Manovinayak Ayyappan
NCS Pte Ltd

Programma

Giorno 1

  • Elements/toggle grey Sviluppo del front end in Liferay
    • Elements/toggle grey Strumenti di sviluppo per l'interfaccia utente
      • Node.js | Yeoman | Gulp
  • Elements/toggle grey Il nuovo panorama UI
    • Elements/toggle grey Lexicon: il linguaggio di design di Liferay
      • Offrire una User Experience coerente su tutti i dispositivi
    • Design JavaScript moderno con ES2015
    • Creare componenti UI con Metal.js
    • Manutenzione della UI Alloy
  • Elements/toggle grey Sviluppare i temi
    • Costruire e generare i temi
    • Personalizzare i componenti Lexicon e Bootstrap
    • Dare stile alle applicazioni
    • Creare e riutilizzare i Themlets
    • Presentare i contenuti in temi
    • Incorporare le applicazioni
  • Elements/toggle grey Personalizzare il layout di pagina
    • Creare modelli di layout
    • Incorporare le applicazioni nei modelli

Giorno 2

  • Elements/toggle grey Dare stile in Liferay con Display Templates
    • Opzioni per la creazione dei template
  • Elements/toggle grey Distribuire esperienze di contenuti coerenti
    • Dare stile ai contenuti Web mediante i Template
    • Creare e visualizzare in anteprima I template di contenuto
  • Elements/toggle grey Personalizzare le notifiche via email
    • Creare notifiche con i FreeMarker Template
    • Usare le librerie di Tag nei Templates
  • Elements/toggle grey Personalizzare le applicazioni Uis
    • Controllo della presentazione dell'applicazione
  • Elements/toggle grey Template avanzati
    • Uso dei template di Google Closure con Metal.js