Press "Enter" to skip to content

GOTO 2012 • Your First Look at the Dart Editor • Jaime Wren


quindi il mio nome è Jamie Wren. Lavoro su
progetto di dardo specifico sul dardo
editore e quindi dardo è un nuovo linguaggio
è stato rilasciato un anno fa a questo
conferenza molto bella lingua non lo sono
parlerò della lingua
troppo anche se i muri effettivamente vedono
qualche codice la maggior parte di questo discorso sta andando
essere una demo entrerà effettivamente e
effettivamente guardare lo strumento in modo che il progetto
su cui lavora è l’editore di freccette
è stata una bella opportunità per lavorare
un nuovo tool per il nuovo editor di codice sorgente per
una nuova lingua ti consente di iniziare
gratta e dì okay, cosa sappiamo?
di cosa hanno bisogno gli sviluppatori per il linguaggio
una nuova lingua proprio nello specifico
perché tutti arrivano alla lingua
sarà nuovo e quindi è carino
unico e ho intenzione di mostrare solo cosa
tipo di camminare attraverso alcuni dei
le cose che abbiamo dovuto enfatizzare
e fare in una lingua e sì sì
è di questo che parleremo
quindi la prima cosa da quando tutti sono nuovi
fare la freccetta è assicurarsi che sia facile
per le nuove persone, quindi assicurati che
è molto veloce da ottenere bootstrap e
in realtà vedere un’applicazione dart in esecuzione
nel dartium e ti mostrerò cosa
il dartium è qui a breve capire
i diversi punti di integrazione tra
i diversi pezzi di dardo e
diversi strumenti e dal momento che è un nuovo
strumento stesso un modo semplice per inviare feedback
quello risultò essere uno dei migliori
caratteristiche che inseriamo nel nostro strumento e
spero che dopo poche ore o giorni
gli utenti chiederanno altre cose
e loro chiederanno cose come
conosci il completamento del codice e cerca e
errori e avvisi e soluzioni rapide e
cose che sono già familiari
con l’essere che saranno
lo sviluppo e un tale nuovo linguaggio è
sarai importante lo sai
hanno una specie di strumenti che sono
usato e tipo di aspetto familiare e così
vediamo nelle diapositive ne ho alcune
screenshot ma stiamo solo per andare
direttamente a una demo e mostrare tutto questo così
demo quindi questo è l’editor del dardo e se
sei familiare con Eclipse e
probabilmente l’hai riconosciuto
è un RCP è un insieme di plugin che
abbiamo eseguito noi in realtà
avere una storia di plug-in, ma non lo è
quello che sottolineiamo enfatizziamo il dardo
editore il RCP e se lo sei
curioso di sapere perché abbiamo preso quella decisione
sentiti libero di venire a trovarmi, sarò in giro
così subito, come ho detto, mandare
feedback proprio lì in modo che possiamo inviare
feedback possiamo sapere append registri
con informazioni extra e tutto ciò
entra qui va all’intero dardo
la posta in arrivo del redattore è quindi molto veloce
iterare sullo strumento specialmente per il nuovo
gli utenti abbiamo anche le Preferenze giuste
sulla barra degli strumenti in alto e se puoi se tu
vedere in alto a destra
c’è una piccola icona che lo dice
c’è in realtà una nuova versione da essere
scaricato e questo è proprio qui così
scarica gli aggiornamenti automaticamente e questo
proprio come in chrome, come puoi dire okay
Vorrei aggiornare ora e chiude
giù l’applicazione e la riavvia
simile tipo di esperienza molto gentile
ottimizzato soprattutto rispetto a
eclissi se conosci il
clip e poi una delle altre cose
che volevamo a differenza delle clip e diversamente
altri strumenti è davvero l’obiettivo
proprio all’inizio e rimase così
per un po ‘non ci sono preferenze di sorta
ci dovrebbero essere pochissime preferenze
semplicemente perché titted per minimizzare il
superficie dell’interfaccia utente e per ottenere davvero
l’ esperienza utente giusta e se tu
avere troppe preferenze in particolare a
l’inizio quindi non puoi non poter fare
così facilmente così uno dei primi
le cose che ho menzionato è che dovrebbe essere facile
per essere riavviato con alcuni semplici
codice dardo e così con due clic possiamo
fallo e così questo è quello che vedi quando
lanci l’editor per freccette e se io
clicca sul campione di orologio che carica
il campione dell’orologio lo mette qui e
mi mostra la classe di dart così dispiaciuta del
file dardo e con un altro clic posso
lanciarlo e lancia il dartium
il dartium è ciò che chiamiamo cromo con
il dardo VM incorporato e lo è
correndo e mi mostra i frame per
è arrivato quaggiù ed è successo velocemente
così
lasciami andare avanti e limitati a chiuderlo
Diciamo che vogliamo un altro campione
vai a sfruttare sfruttando andiamo io
particolarmente come questo è il
solare e possiamo lanciarlo e di nuovo il
dardo VM si avvia velocemente al dartium
il cromo si avvia rapidamente e l’utente
sta facendo girare il codice dardo alle cricche
in particolare è molto importante
per aver cercato di imparare a usare il codice dardo
rapidamente questo era un requisito molto difficile
quello è il dartium che è il dardo VM possibile
esegui il tuo codice dardo nel browser in
vm ma una delle fantastiche caratteristiche del dardo
è che abbiamo il compilatore di dart2js così
compila il codice dardo in javascript
per te e tu puoi fare tutto questo
la riga di comando puoi anche farlo
all’interno dell’editor così dal solare
scusa, Leslie è saltata all’una
semplicemente vai su strumenti genera JavaScript
e passerà attraverso e genererà
JavaScript ma se vogliamo ancora più facile
esperienza e questo è un po ‘di più
complicato ma ancora relativamente semplice
Diciamo che vogliamo un nuovo
JavaScript avvia l’orologio JavaScript e
stiamo andando a dire che vogliamo Firefox
lanciando il nostro JavaScript generato
versione di questa applicazione così quando tu
hit run lancia la freccia verso J’s in the
thread di sfondo che sta per stampare
fuori l’output e mette il generare
generato JavaScript proprio accanto al nostro
file di dardo e poi si accenderà
Firefox e qui andiamo così semplici come
così hai l’editor per dart che hai
il dardo che va su dardo alla chiamata di J è tutto gentile
di perfettamente integrato così ho intenzione di
chiudi Firefox qui ora sono tutti
campioni è anche importante avere un
sai che alcuni nuovi contenuti generano essere
relativamente semplice, quindi con pochi clic
fallo così bene
vai a generare nuovi contenuti e siamo su
e correndo e questo è il mondo ciao
campione e utenti stanno ora sviluppando la freccetta
codice così ci sei tu così questo è il
come ottenere bootstrap all’interno del
editor di dardo per la prima volta così ora mi
voglio mostrare alcuni dei reali così di più
funzioni avanzate così come ti muovi così
cerca quindi un’esperienza di ricerca anziché
altri editori non può essere ingombrante
con molti dialoghi non so se
hai familiarità con Eclipse
dialoghi puoi specificare di conoscerti
vorrebbe cercare un particolare
campo chiamato questo con questo particolare
portata molto potente Dio abbiamo preso un
approccio leggermente diverso che doveva
avere solo una casella di ricerca in alto per dire
okay sto cercando qualcosa e io sono
inizierò a digitare e così via
da qui possiamo dire che sta usando questo
le informazioni che conosciamo sul
linguaggio e tutte le analisi che abbiamo eseguito
oltre il codice questo sarà un
in particolare conosci la lezione o loro possono
vuoi cercare il testo all’interno di
tutti i file che hanno aperto in questo
caso inizino a digitare nel corpo planetario
e la classe si apre e questo è
in realtà quello che sto cercando, quindi facciamolo
andare a così così questi sono ciascuno di questi
gli oggetti sono le cose che sfrecciano intorno
il Sole attorno ai pianeti e così dentro
dell’editor di dart non solo abbiamo
in un diverso comando per rapidamente
modifica del codice taglia copia incolla tutto il
tipi di cose standard che abbiamo anche
eseguire molte analisi oltre a fare le cose
come la ricerca di fare cose come
chiama la gerarchia quindi diciamo okay lasciami fare
bene sto cercando di capire questo codice
fammi trovare capire chi lo chiama
classe che costruisce questa classe a
capire dove sono tutti questi pianeti
proveniente da ed ecco un metodo chiamato
iniziare e si chiama 11 volte da
all’interno di questo e se zoomiamo attraverso lo zoom
qui possiamo vedere che sai che abbiamo il nostro
pianeti differiti
quindi una delle cose uniche di
linguaggio delle freccette è che è iped obsoleto
quindi in questo particolare codice posso specificare
che Giove sarà un planetario
corpo posso anche specificare che è solo un
variabile in runtime ignoriamo la digita
corre di nuovo più veloce che non ho intenzione di ottenere
nella lingua troppo ma dentro
lo strumento qui che possiamo fare è che possiamo
dedurre il tipo se non lo sappiamo così dentro
questo caso Giove è stato dichiarato come
variabile ma quando veniamo quaggiù noi
posso dire ok bene Giove e sto andando a
mostra questo pezzettino di completamento del codice
I punti di Giove danno ora un nuovo planetario
corpo attorno a Giove ora nel codice sorgente
è dichiarato come variabile ma noi abbiamo
effettivamente fatto qualche tipo di inferenza qui
quindi un po ‘interessante un po’
strumenti più potenti all’interno del
editore così qui possiamo dire nuovo planetario
corpo nuovo corpo planetario e ci arriveremo
cose semplici e semplici standard che
gli sviluppatori sono abituati a codificare
completamento quindi ora possiamo passare al riempimento
nei nostri stessi argomenti e siamo a posto
andare così uno dei fantastici vantaggi di
programmazione e dardo è una rete
la lingua è il rapido turnaround e
quando javascript o qualsiasi sviluppatore web è
lavorare sul web è uno dei più interessanti
le caratteristiche sono che puoi dire ok ricarica
la pagina ho appena modificato il testo
ricarica di nuovo la pagina che ho appena creato
un altro cambio di testo e quindi voglio
mostralo un po ‘, così ho detto
prima che vm è piuttosto veloce e
quindi abbiamo davvero questa storia qui
quindi diciamo così, facciamo funzionare il solare
esempio di nuovo e ho intenzione di lasciare
Dartium proprio dietro di me quindi sono a
intorno al 46 47
fotogrammi al secondo lasciami fare un po ‘
testare lo stress test forse sul mio
applicazione diciamo che voglio vedere
come si comporta con alcuni di più
asteroidi nella fascia degli asteroidi, quindi sono
andando a salvare ho intenzione di venire
qui e clicca su ricarica e ora siamo giù
a circa 13 fotogrammi al secondo e tu
può vedere tutti gli asteroidi extra in giro
quindi il rapido turnaround di essere in grado di
cucinalo dire ok modifica un pezzo di codice
Aggiorna il mio browser è qualcosa che
gli sviluppatori non perdono anche se
stanno lavorando in modo più fortemente tipizzato
lingua rispetto a quella di altre lingue in
il web e quindi di nuovo voglio dire che possiamo farlo
di nuovo così possiamo dire ok bene se lo fa
avere una fascia di asteroide per l’aggiornamento degli asteroidi
e nessuna sorpresa stiamo correndo
fotogrammi più alti al secondo quindi questo è un
un veloce turnaround è qualcosa che ho guardato
mettersi in mostra e finalmente visto che è un vm
e noi sappiamo che lo chiamiamo noi
avere un debugger quindi ho intenzione di mettersi in mostra
supporto per il debug e poi ho intenzione di farlo
essere fuori dal tempo, quindi qui è orologio andiamo
avanti e lanciarlo e sta generando
il javascript per me andiamo avanti e
assicurati di aver lanciato il corretto
orologio e c’è un ciclo che passa
nel mio esempio di orologio che si sta assicurando
tutto è disegnato e ogni secondo è
chiamato così se ho impostato un debugger di breakpoint
sta per apparire dicendo che hai appena colpito a
punto di rottura e da qui posso esplorare
gli oggetti di livello superiore campi tutto
nell’oggetto corrente e quindi locale
anche variabili come hover
supportato e con questo i miei 15 minuti sono
verso l’alto

Please follow and like us: