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