talk-rimini

View Github Repository Open presentation in a new window

EdoPut

See all presentation from EdoPut

talk-rimini

0 0

talk-rimini

On Github EdoPut / talk-rimini

Sviluppare app per Firefox OS

Perché Firefox OS?

A chi appartiene Internet?

A chi appartiene Android/iOS?

EdoPut?

Pubblicata a fine marzo 2015 GRATIS 100+ pagine adatta a chi vuole imparare

Pubblicata a marzo 2015

https://leanpub.com/guidavelocesviluppofirefoxos

120 lettori

collabora con noi!

Cosa facciamo oggi

Oggi cominciamo un nuovo progetto

guida superveloce

Tenterò di spiegare a voi in massimo un'ora il materiale di 3 mesi

focus

domanda: cosa mi piace dello sviluppare per il web divisione degli scopi negli strumenti che utilizzo

strumenti

HTML, JS e CSS sono i nostri 3 assi nella manica

HTML - focus sul contenuto

CSS - focus sul design

JS - focus sulla logica

I tre strumenti alla base del web come lo conosciamo adesso

Benefici del web

Il web è multipiattaforma

Telefono, tablet, desktop, laptop e qualunque cosa inventeranno

Requisiti minimi molto blandi

Distribuibile e distribuito

Il tuo sito accessibile da chiunque

I tuoi tempi di approvazione, i tuoi criteri di approvazione

quali sono i benefici di questo approccio per uno sviluppatore? multipiattaforma ma non solo, è anche multi device 1991 è la data di nascita, quindi almeno per la parte dei contenuti possiamo essere sicuri che i requisiti sono molto blandi distribuibile perché è aperto a chiunque abbia una connessione internet distribuito perché non centralizzato, non esiste padrone

openwebapp

Il sistema operativo è il web ed il browser fa da collante tra il tuo pc ed il web

Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).

cosa c'è sul tavolo

Web API, sono delle interfacce per accedere a determinate funzioni

Sono diverse per Firefox e Firefox OS

  • Canvas & WebGL
  • Posizione fisica, orientazione e connessione
  • Lettura/Scrittura di file
  • Bluetooth, Wifi
  • Fotocamera, microfono

4 grandi classi Comunicazione, Hardware, Dati & Altro

Come si espone il tuo pc al web? semplice, tramite delle API del browser

I want NEW shiny things!

Mi dispiace ma non cambia niente, continuerete ad usare i vostri strumenti preferiti

scherzone

Abbiamo una marea di nuovi strumenti per voi

Firefox Developer Edition

Tutti gli strumenti per sviluppatori, anche quelli inclusi nel canale Nightly

Avete quindi accesso alle nuove feature 18 settimane prima degli utenti

6 per nightly + 6 per beta + 6 per aurora

WebIde

Un ambiente di sviluppo integrato in Firefox, adatto a simulare Firefox OS

Editor HTML, CSS, JS e gestisce il simulatore

strumenti per sviluppatori di Firefox come debugger

strumenti del WebIde

  • Analisi pagina
  • Debugger JS
  • Editor CSS/SASS
  • Analisi network per richieste HTTP, XMLHTTP e WebSocket*
  • Analisi prestazioni
  • Editor LocalStorage
  • Editor animazioni CSS

*: in arrivo

Ma io voglio Sublime Vim Emacs Atom Brackets WebStorm

il vostro workflow, i vostri strumenti

Grunt

Un taskrunner basato su Node.JS

Bower

Un package manager basato su Node.JS

strumenti della comunità

TO-DO LIST

Aprire Firefox

Scaricare la guida

apri le seguenti pagine

  • Mozilla Developer Documentation
  • StackOverflow
  • reddit

Leggi tutto ciò che puoi su Firefox OS Prendi una delle applicazioni italiane e studia/adatta al tuo caso

Quando state per battere la testa sul tavolo contattateci

RECAP

I vostri strumenti

Il web come lo conosciamo ma con più API

Nuovi giocattoli

Una guida per aiutarvi, aggiornata, semplice e completa

> ping --help

ping mozilla-italia at forum.mozillaitalia.org

ping EdoPut at edoput.it

ping guida-veloce at github.com/MozillaItalia/firefoxos-quick-guide