Prerequisiti da conoscere prima di imparare Sap UI5
Il framework UI5 utilizza molte librerie e API’s. Ma vi sono dei prerequisiti per imparare sapui5 ? Per facilitare il processo di apprendimento di SapUI5 occorre avere alcune conoscenze fondamentali di altre teconologie Web e altri pre-requisiti. Poiche’ UI5 utilizza un approccio differente per il suo framework
non c’e’ bisogno di imparare tutto delle librerie usate da SapUI5, ma sono alcuni fondamentali di programmazione Web sono fondamentali.
Se vuoi conoscere la programmazione web ci sono un sacco di tecnologie ed e’ quasi impossibile eccellere in tutte. Cosi vediamo di mettere a fuoco cosa occorre sapere prima di imparare UI5.
Non ti perdere cercando di assimilare un sacco di cose. Quello che serve e’ facile da imparare e non richiede moltissimo tempo. Una volta assimilate queste cose sara’ molto piu’ facile partire con la programmazione web.
Sapui5 e HTML – Hyper Text Markup Language.
E’ il piu’ potente linguaggio con marcatori per la programmazione web, anche conosciuto come backbone del web. Tutto cio’ che viene reso dal browser viene convertito in formato HTML prima di venore visualizzato dal browser. Quindi e’ importante conoscere gli elementi di base HTML e la loro struttura. Senza conoscere l’ HTML sara’ dura andare in debug e capire il codice in UI5.
Cose chiave da imparare:
Uso e fondamenti dei tags: <h1>, <a>, <li>, <table>, <img> ecc.
Classi HTML, ID’s e differenti attributi dei tags
Struttura dei files HTML : index.html, linking JS, CSS files in HTML
Differenze fra HTML e HTML5
HTML5 API’s: web worker, geolocalizzazione, invio eventi del server
JavaScript
E’ il Backbone del framework UI5. Tutto cio’ che richiede in UI5 e’ in codice JavaScript. la maggior parte delle librerie in UI5 e’ sviluppato utilizzando differenti librerie JavaScript. Quindi bisogna avere una conoscenza sufficiente per poter comprendere il codice JavaScript.
Elementi chiave da imparare:
I fondamenti di JS: variabili, arrays, objects, functions, cicli di loop (while, for, if)
Scopo delle variabili
JS array e string methods
JavaScript prototypes
Cambio delle classi CSS di HTML usando JS, creazione dinamica di elementi HTML tramite JS
CSS – Cascading Style Sheets
Tutto sembra vuoto senza stile, questo vale anche per le pagine web 🙂 . CSS dona stile e senso alle pagine web HTML. HTML creera’ uno scheletro di dati ed elemnti. Tramite il CSS possiamo allinerare gli elementi, applicare i colori efare molte altre cose dare uno stile all’insieme degli elementi.
Cose chiave da sapere:
Le basi di CSS: selectors (class, id, universal, element ecc.)
CSS box model, margin and padding
Colori, Colori in background-color, bordi, altezza e larghezza degli elementi HTML
Proprieta’ CSS e valori per la visualizzazione, chiarezza e posizionamento.
jQuery
Una delle migliori librerie JavaScript library mai costruite.la maggior èparte del codice JavaScript puo’ essere ridotto usando jQuery. Lo Styling e l’animazione degli elementi HTML e’ piuttosto semplice tramite jQuery. Poiche’ si tratta di una libreria JavaScript sara’ facile da comprendere se conosci jQuery
Punti di attenzione chiave da imparare:
Le basi di jQuery: Come usare jQuery, incluso jQuery in HTML
Accesso agli elementi HTML usando jQuery.
jQuery chaining
Il Debugging di PagineWeb – Debug HTML, JS e CSS
- Imparare a usare la console del browser (CTRL + SHIFT + I) o F12.
- Modifiche CSS in locale
- Tracciamento delle variabili JS in run time
- Uso dei breakpoints per codice JavaScript.
Buon apprendimento!
Prossimamente: Introduzione a SAPUI5
