Curs de creació de webApps

Objectius:

• Aprendràs a construir aplicacions web de treball per l’iPhone, utilitzant HTML i CSS Web
• Aprendre el que és una aplicació web mòbil és i com es diferencia d’una aplicació nativa per l’iPhone
• Crear gestos i animació usant Javascript i les biblioteques de la IIU i jQTouch
• Integrar la teva aplicació web amb les funcions de l’iPhone diverses
• Crear senzilles aplicacions per l’iPhone natiu utilitzant el TapLynx biblioteca sense necessitat de programació!
• Aprèn a construir en la seva noves habilitats de desenvolupament d’aplicacions web per l’iPhone.

Temari del curs

Dispositius iOS
WebApps vs. aplicacions natives;Safari-mobile;Llenguatges suportats;Importació d’arxius i hyperlink suportats per a dispositius iOS

Testeo i emulació (provar la teva webApp des de):
el teu mac: Simulador iOS;dispositius iOS (iPad, iPhone…)

Viewport
WebClip: icona de la webApp, personalitzat en la pantalla d’inici;Ocultar interficie mobile-Safari;Smart-image (imatge d’obertura)

HTML5:
Àudio: Eines de conversió i formats suportats. Interactivitat amb javaScript;Video: Eines de conversió i formats suportats. Edició bàsica. Mitjanes condicionals per a dispositius de diferents amples de pantalla;Etiquetes semàntiques;Importació d’arxius vectorials .svg;Geolocalización;Emmagatzematge local Manifest cache(treball offline);Formularis (tags i protocols) teclats virtuals

CSS3 -webkit:
Opacitat, degradats, cants arrodonits, ombres (per a objectes i text);Imatges amb màscares i reflexions (només per a safari);Mitjanes condicionals CSS3: detecció d’amples de pantalla

Tipografia:
Fuentes per a dispositius iOS: natives + importació d’arxius de fonts;Grandària fonts: relatiu vs. absolut, problema de dispositius amb diferents resolucions;Efectes amb text: punts suspensiu dinàmics en text desbordat;Multi-columnes de text (medianil, corondel)

Animació:
Transformacions, transicions, i animació 2D i 3D (sense i amb interactivitat javaScript);Adobi Edge (introducció): Permet generar animacions, (html5, css3, i javaScript) suportades nadivament per dispositius iOS, sense picar codi, Amb una interficie gràfica similar a After Effects;Instal·lació, requeriments, interficie;Animació;Animació amb interactivitat simple;Animar contingut web ja existent

Esdeveniments javaScript: de toc i de gest
Eines online:Librerias online;Convertir webApp en una aplicació nativa