questo è un rapporto di esperienza questo è questo
è una riflessione personale di tutti i punti di vista
espresso sul mio tutto storico
i riferimenti sono interamente inventati
in particolare tutto ciò che riguarda le date
Che altro va bene Sono molto entusiasta
lo sviluppo del web va bene, è troppo lungo
non ha letto la versione se hai bisogno di ottenere un
caffè puoi andare ora perché quello è il
tutto il discorso va bene Sono molto emozionato
sullo sviluppo web e sono un po ‘di
trepidazione con questo discorso perché questo
discorso coinvolge mostrando roba che mostra
cose nel browser e quel tipo di
cosa che di solito faccio nei discorsi così
quello che ho fatto è che ho installato molto
dispositivo costoso chiamato Scott
Hanselman e lui è seduto di fronte
fila se qualcosa va storto, apparentemente io
sto solo strillando ed è così
voce attivata
come uno scotch afferrarlo jogger e il
arriva solo di corsa e mi salva così
Mi sento molto bene, mi sento bene
ha una bella sensazione per il resto di
questo e così va bene ho 50 minuti da fare
un discorso di un’ora che nel run-through
era circa tre ore quindi inizierò il
il discorso sarebbe stato bello, si chiama
il browser è morto ma è solo
perché questo titolo scivola davvero piccolo
è in realtà il browser è morto a lungo
vivi il browser così bene chi sta facendo
app enterprise per lo sviluppo aziendale
roba così stai facendo cose sul web ma
li stai facendo tu non li stai facendo
per milioni di persone le stai facendo
per decine di persone o forse centinaia
di persone ma quelle decine o centinaia di
le persone mangiano nella stessa mensa come te
okay e loro conoscono il tuo indirizzo email
e sanno che il tuo manager va bene così
quel tipo di mondo non milioni di
persone che stanno facendo quella impresa-e
le imprese ti fanno bene, tu sei il mio
il pubblico va bene non ci sarà niente
ecco come scala questo per un milione
persone ed ecco come tu non faccio
che non sono in quel mondo in cui sono stato
il mondo dello sviluppo aziendale per
per soldi
sì un 20 anni che consegna sistemi a
stakeholder interni quindi sono piccoli
gruppo di persone in cattività e con cui lavoro
loro quindi ecco la cosa su di me da allora
dal momento che l’ interwebs ha iniziato o eseguito
molto dall’inizio dell’interwebs
da quando è iniziato il world wide web e
è molto importante fare un
distinzione lì Internet è stato
in giro per lungo tempo in tutto il mondo
molto più recentemente abbiamo avuto il web
browser Wars abbiamo avuto molte differenze
le bande sono diversi browser di negoziazione
diversi browser e hanno avuto il loro
proprio linguaggio di gruppo e la propria banda
dialetti e si parlarono a vicenda
modi speciali in modo che Tim berners-lee
involontariamente involontariamente fondato il
prima banda sono abbastanza sicuro che non l’abbia fatto
realizzare la scala che il mondo
Web stava per arrivare a lui ha scritto un suo
propria app chiamata
world wide web perché è un accademico
e tendono ad essere piuttosto letterale su
nominare le cose non era nel 1990
in pratica tra il 1990 e il 93 nulla
succede perché come lo sono 20 accademici
usando questa cosa ma poi Groupon NCSA
produce un browser chiamato mosaic a
ai mosaici piace è un browser grafico
puoi cliccare attraverso le cose e puoi farlo
sai che Internet è collegato o il
Il World Wide Web è collegato a quello successivo
all’anno successivo produce Netscape
navigatore che si basa sul mosaico
perché come Tron trasformarlo in a
prodotto commerciale ma loro loro loro
c’è una strana storia qui
hanno iniziato dicendo che sta andando
essere libero perché tutto il software di Internet
dovrebbe essere libero e poi ha avuto come un
grande asterisco su di esso
l’asterisco non è libero così ma
comunque l’ anno successivo Microsoft
notato che il world wide web era
accadendo e sono andati insieme dovremmo
avere un’opinione su questo e è venuto fuori
Internet Explorer così è successo e
poi l’anno successivo l’opera prodotta
opera Sto solo mettendo quello lì per
completezza davvero perchè sia il
i ragazzi dell’opera vivono in Scandinavia e allora
per opera i ragazzi intendo utenti di opera e
quindi c’è una bella citazione di Jamie
legge zawinski solinsky ogni programma
tenta di espandersi fino a quando non può leggere
mail ok felice max sai che è successo a
netscape navigator è cresciuto e cresciuto e
è cresciuto come aggiungo valore al mio al mio
browser lo faccio un browser migliore no
Ho messo un client di posta elettronica lì dentro tutti
vuole uno di quelli così Netscape
il comunicatore è successo poi niente
succede allora il tempo passa ok e poi
2004
motore della nuova Mozilla Foundation
rilascia una cosa chiamata Firefox Firefox
originariamente chiamato Firebird essendo un
riferimento a una fenice che sorge dal
ceneri di let’s get navigator come facciamo
tira fuori il browser e basta
abbiamo pensato fosse bello e lo rifaremo
c’è un grosso vuoto qui e poi di nuovo a
pochi anni dopo che Google ha prodotto
chrome tenere d’occhio in quella data che è
una data abbastanza importante e quindi Google
produce cromo quindi queste sono bande concerto
questo è come dire che il tappeto erboso
avremo il muro quindi cos’è
la tecnologia assomiglia molto all’aspetto tecnico
come questo per circa il primo gruppo di
tempo tutto quello che avevi era HTML HTTP e poi
i biscotti sono arrivati da un paio d’ anni
che abbiamo bisogno di una sorta di lato client
stato perché HTTP è una richiesta senza stato
risposta dimenticare richiesta risposta a
scordati che un cookie è SSL
punto dati interessante che significa persone
stanno iniziando a usare il web per le cose
che vogliono essere sicuri
va bene, questo potrebbe significare questo
gli affari stanno accadendo su di esso e poi
JavaScript è arrivato in quel momento come
beh, era un modo di fare cose dentro
il browser si noterà che le mie diapositive
tendono ad essere un pochino più spartani di
Scivoli di Scott altrimenti ho un
gif animate qui facendo fico
Roba JavaScript, quindi devi immaginare
quel 1996 il browser ottiene applet Java
flash e XML 1996 è stato un brutto anno per
il browser
sì è grazie che è un
cosa orribile è accaduta a chiunque
quindi ora sono in HTML del 1987 perché succede CSS
accade questo è la gente interessanti sono
iniziando a prendere il browser ora
seriamente le stesse cose stanno arrivando
giù al tuo browser dovremmo essere
separare il contenuto dallo stile e da te
conosci i web designer che sei
dicendo questo per circa cinque anni e
quelli stavano ascoltando perché la loro rete
i progettisti ma vedono ma questo è importante
Mi piace il fatto che il CSS esista ci dice
può parlare di stile indipendente da
contento tutto ciò che è bello
tutto il 1999 recito per l’olandese Oh Ajax o
un’altra richiesta XML XML lo sai
da dove proviene la richiesta HTTP XML
Microsoft ancora di più Microsoft Outlook
Outlook ha fatto una buona cosa
va bene così l’ App Web di Outlook in effetti
il team di Outlook Web App che sei
cercando di utilizzare Outlook nel browser e
hanno capito che roba del messaggio
andava avanti e indietro um e
la roba del messaggio va all’indietro e
in avanti causando una ricarica della pagina ogni volta
è solo davvero schifoso quindi sono venuti fuori
con questa idea di un HTTP asincrono
richiesta di poter sparare da
JavaScript in esso quando ottieni un XML
carico utile indietro e quindi fondamentalmente per il
dopo una mezza dozzina di anni abbiamo avuto la grafica
abbiamo avuto alcuni tentativi di diversi tipi
di grafica questo è il mio spavento grafico
faccia ok io non sono quel ragazzo quindi portiamolo via
su così ora 2008 ad ora tutto il resto
tutto il resto è interessante nel
browser è successo negli ultimi 4 anni
ok ricorda quella data di Google 2008 arriva
con un browser inizia a scuotere le cose
un po ‘
quindi devi avere D e grafica 3D
trasformazioni e WebGL e css3 e
questa è ancora la mia faccia da paura grafica ok
tuttavia questo è quello che mi dispiace di ottenere
memoria eccitata sul lato client che posso mettere
roba adeguata posso avere lo stato che non lo è
solo un biscotto mi piace avere una chiave
negozio di valore lì sul lato client
è molto bello
tradizionalmente è ho chiesto al mio browser
fare qualcosa che invia una richiesta il
la richiesta ritorna è così che è
come ha il modello mentale del web
abbiamo lavorato ora abbiamo questa idea di server
inviato evento
così WebSockets che è molto molto alto
densità full duplex IO quindi per ogni TCP
pacchetto ci sono due byte di overhead
è una fonte di eventi incredibilmente efficiente
che è un modello molto più semplice ma è così
ed è come il tuo stile asincrono
a loro piace a casa la tua banda larga è molto
molto lento e molto veloce perché
è lì che la maggior parte della roba ti arriva
non emettere video che spesso sono fonte di eventi
è lo stesso modello che ha dato che
stai principalmente tirando giù cose che sono
come se fosse l’ estensione naturale del mi piace
lunghi sondaggi quindi ecco la tua tecnologia e
quindi lo script ACMA che è simile
JavaScript tutto cresciuto e corretto Dom
manipolazione e questo tipo di cose così
tutti questi sono accaduti nel nostro in
durano quattro anni e quindi va bene così dov’era
Io quello che stavo facendo in quel momento
quindi il mio background è C in UNIX e C ++
e in Perl
purtroppo, Enterprise Java per un sacco
di tempo così nel 1987 sono andato al college
lì per quattro anni e ero su
piramide OSX che era l’OSX corretto
ok questo è quello vero allora quello che tu
i bambini ci sono dentro era un primo UNIX
Ho avuto cose come l’ elm per l’invio di e-mail
Avevo telnet e FTP per spostare cose
intorno e l’accesso a cose così
è internet internet è ancora
l’invio di dati attorno ad esso non lo era
inviando successivamente come HTTP quindi Internet
è decenni più vecchio del web e poi
per circa lo so un paio d’anni poi io
era su Usenet. Ero sull’eredità di Kampf e
domande dell’azienda X e comp. UNIX
maghi e apprendimento dell’apprendimento
di roba così così queste sono queste sono
gruppi di notizie Usenet è come il precursore
impilare troppopieno ma con scadente
la grafica e il modo in cui guadagni il karma
rispondendo davvero a molte domande
utile alle persone per sapere chi
sei pazzo ma sembra funzionare
così nel 1992 ricordo vividamente questo
La prima volta che ho visto il web ho visto il
etichette intorno al mio amico Phil Davis
house e Phil Davis è un amico della GUI UNIX
e ha detto Dan che devi vedere
questa cosa è il World Wide Web, ma io
ha detto che cosa è che Phil questo è alla ricerca di
una schermata di testo e alcune cose sono
sottolinea che dice che il testo sta arrivando
da un’università da come un college
sito ho detto ok
dice ora che clicco qui e ora
viene da un college diverso
sito ero come huh che è bello ha detto
no no tu non capisci che ero come
oops sì, mi mancava quello che vorrei
Potrei parlare con me nel 1992 997 è stato il
la prima volta che ho visto Enterprise Java e
questo ragazzo al lavoro stavo lavorando a un ISP
al momento e mi sono trasferito in chiamato
stuffin e Java sono appena usciti e
l’impresa Java è arrivata e questo ragazzo
era entusiasta di questo, quindi ho avuto JDBC
e genuino lì dentro e io ero come l’uomo
e si sa solo dire che avevo ragione um
Quindi, così uno ha perso uno e quindi ecco
alcune cose che non sono così è questa conversazione
alcune regole che ho imparato e un po ‘
di codice che mostra un po ‘ di quella roba così
qual è il browser per va bene così il mio modello
di un browser fino a metà degli zeri ok
come fai qual è la parola giusta?
nome collettivo per i primi dieci anni
del dente fuori non so naughties
così il browser sta mostrando il servlet j2e
l’output è ciò che è per lavoro e
a casa è per la visualizzazione di brochure
siti web lampeggiano tag tag marquee ok
Magenta intendo improvvisamente delle cose
è successo e questo è di nuovo il mio personale
ricordo di questa roba altre cose
stavano succedendo queste sono le cose che
Mi ricordo davvero atterrato per me che ero
utilizzando una singola mappa stradale al momento
che era come se fosse piccolo
frammenti di eh-2-zed di Londra come
fondamentalmente come una mappa stradale e lo faresti
inserire un codice postale o quant’altro
ti mostrerà un po ‘di strada
e sembrava proprio come la mappa eh-2-zed
ma sul tuo browser è abbastanza bello
e poi Google Maps è successo e io ero
come appendere questo è un drag drag e
Non lo so, non so se tu
ricorda la prima volta che hai fatto clic
Google Maps e trascina il mouse su
bordo del browser e la cosa mantenuta
andando
come fa a sapere che non può più vedere
se la tua Google Maps sta guardando fuori dal
browser il mouse è andato bene
quindi ho pensato che fosse magico e così
Sto usando un hotmail e una webmail
client e poi arriva Google Mail
e soffia via tutti gli altri e
puoi vedere cosa succede durante questo
il tempo è che stanno guidando la tecnologia
inoltrare così Google gears che è corretto
la memorizzazione lato client è avvenuta perché
Google Maps è gestito da Google
cassetta postale e avevano bisogno di mettere il tuo
cassetta postale da qualche parte sì, così sono venuti fuori
con questa tecnologia Google Docs questo è
non è una cosa di Google in famiglia a cui sono arrivato
questo e quello Google Apps interrompe
Microsoft Office che tutti usano
Microsoft Office oltre ai sette
persone che stanno cercando di usare OpenOffice
per ragioni etiche e odiandolo
ok io ero uno di loro II ancora mi piace
è un’idea che vorrei solo che lo facessero
prendere tutte le funzionalità e farlo
lavoro e cosa penso sia questo
non sono una compagnia di ricerca, sono un
società pubblicitaria per una società pubblicitaria che hanno
una tecnologia davvero intelligente ma okay
quindi ecco cosa ho imparato la prima regola
la prima cosa che ho imparato è tutto
è asincrono il nostro modello mentale di a
il browser si basa su un modello mentale di a
schermo verde o certamente come sviluppatori
così su uno schermo verde scrivo qualcosa
va al mainframe il
mainframe fa alcune cose e io ottengo a
risposta e ottengo l’ output sulla mia console
Digito qualcosa nel mio URL o clicco
su qualcosa nel browser una richiesta
si spegne una risposta ritorna ed è
viene reso ok, ma non è questo
succede e finché lo modelliamo come
che stiamo andando a fallire stiamo andando a
perdere il punto di esso così tutto è
asincrono
quando invii una richiesta da quello che succede
se alcune cose tornano non appena il
il browser può capire qual è l’altro
le cose avranno bisogno che mandi
via un mucchio di altri simultanei
chiede e dice hey, me ne vado
quella foto e lascia quell’icona di favore
piccola cosa nell’angolo che sto per fare
bisogno di questo questo non è questo e loro
tornerà ogni tipo di scattergun
diverso tu sai non nella sequenza I
chiesto loro e io aspetto così ho
tornano tutti indietro ma renderò la tua pagina e
se sono intelligente, posso farne un po ‘
rendering preventivo e spazio questo
roba davvero intelligente in corso nei browser
okay, quindi tutto è asincrono e
questo significa qualsiasi tipo di richiesta
il modello di risposta è semplicemente egoista
programmazione in modo da pensare in termini di una
bar okay cuz
abbiamo avuto un discorso sulla birra stamattina
è stato abbastanza divertente non rimandare
parlando di colli di bottiglia usando la birra
bottiglie quindi ecco cosa succede è in a
Britannico, penso che se voi ragazzi siete bravi
ho preso un pub quasi britannico poco più in là
strada qui e tu vai lì e io amo
che si comportano come un pub inglese che
devi andare al banco tu
aspetta e poi alla fine così cosa sarebbe
ti piace oh vorrei delle birre, per favore
e vanno dal prendere le birre
alla volta poi la prossima birra poi la
prossima birra e poi alla fine le tue birre
arriva e poi gli dai un po ‘di soldi
e ora puoi andare a posto vai a un
American bar e questo succede che tu entri
con i tuoi amici e ti siedi ti
inizia la tua serata arriva una fata della birra
ti piacerebbe un po ‘di birra, sì
vorrei che queste cinque birre andassero via
la fata della birra che portiamo avanti non lo siamo
bloccando okay, andiamo avanti
parlando qualche tempo dopo i bit loro
potrebbe anche venire fuori sequenza
potrebbe portare tre di loro e poi due
di loro in un po ‘ok e i tre chi
prenota chi hanno le loro birre fanno aspettare
per gli altri due sono a metà strada
attraverso loro stanno sondando oh io non amo nessuno
di questi um così richiesta / risposta è giusta
auto di programmazione ha tipo
meta messaggio puoi aspettarmi perché
Sono importante, okay, me l’hai chiesto di fare
questa cosa ti blocchi e io verrò
ritorno a te quando sono a posto e pronto okay
quindi il corollario di questo è quello modale
i dialoghi sono scortesi tutto ciò che appare
Dice che so che il più importante
cosa che devi essere guardando a destra
ora è così posso metterlo in faccia
okay e il secondo curling è il
Sorprendi i dialoghi dei cani modali o anche
lettore Oh Oh per fortuna, per fortuna
questo è solo falso perché è irritante
è quello che era ad una conferenza
la settimana scorsa a Cambridge e quello è successo
nel bel mezzo di un discorso ed è successo
nel bel mezzo di un discorso di un designer di UX
che pensavo fosse disperatamente ironico
e davvero sfortunato e poi il
La macchina è stata riavviata grazie per la conoscenza
qual è la cosa più importante per questo
macchina da fare adesso per me
è fantastico , starò qui a piedi
in giro per un po ‘ giusto era come il prossimo
dieci minuti sono andati così bene quindi ecco a
molte di Sarah hanno questo è uno dei
le persone motivano le persone come i nodi
come nodo e questi loop di eventi singoli
modelli perché non ti è permesso di essere
maleducato in questo modo va bene la cultura
non essere scortese è dare una richiamata o
sai rispondere a un evento più e
allora se vi imbattete nell’acronimo in
Swan è dai primi giorni del
Comunità rubino
è l’acronimo di Matz, è bello, così siamo
Ok, va bene che alcune app sono un ragazzo
chi ha inventato Ruby e lui è un bravo ragazzo così
ecco perché la comunità di Ruby è carina
Lo sto estendendo per sciacquare quello che è
Ryan è carino, quindi siamo carini e Ryan
dice al ragazzo che ha inventato il nodo ma
comunque se si presume che tu non sia il
la cosa più importante e tu lo farai
andare da qualche parte giusto ho bisogno di accelerare
alcune tonnellate di roba che parlano di me
voglio guardare a quella risposta la cosa
che è tornato così mai me lo manda
perché sei voluto tu dico yeah
abbia questa cosa sì che puoi
o forse solo perchè piace a te, sì
pensa che dovresti avere questa cosa ma
è inutile a meno che tu non riesca a vederlo bene
così il browser sta per renderlo per
così che cosa fa apparire come sembra
come questo tranne questo non è una pagina questo
non è una pagina ciò che è è un grande
stringa a posto con molte parentesi angolari
in essi vengono riversati sul filo
il tuo browser e una volta ottenuto il tuo browser
tutta la stringa e c’è tutto il
psiche come potrò posso trasformarla in una pagina
ricordalo per te, quindi cosa siamo
davvero , stiamo architettando perché
questa cosa qui è una piccola app che sono
andando a scrivere ed è una caffetteria oh
scusa , non è una caffetteria, è un
guida del locale quindi sono a cavallo e io
voglio una guida locale voglio sapere cosa
buone caffetterie sono qui intorno così
Cosa faccio
Farò una piccola app che è
andando ad avere liste di questi caffè
c’è qualcuno qui dentro in questo momento così
si può vedere questo URL sta per essere un
elenco di cose questo Li qui questo
probabilmente non è nel modello sul
server che probabilmente è stato abbandonato
un linguaggio per i modelli va bene così è
questo è quello che abbiamo fatto
Voglio parlare brevemente dei modelli
così in j2ee di nuovo questa è la mia esperienza
di questo con il figlio con JSP fischio fischio e
poi la velocità è arrivata per fare tutto
meglio
raggio e velocità sono diventati completi
e aveva macro e ogni sorta di pazzo
le cose fischiano e poi hanno una corda
modello che era semplice e fondamentalmente
tutte queste cose compilate in a
funzione che emette HTML è ciò che
fanno poi arrivare Ruby on Rails
Raus aveva ELB e baffi e parziali
e cose e possono pianeta a a
la funzione che emette HTML va bene
ma per fortuna Django ha il Django
modello di sistema che ci sono due cose
dice che stanno facendo i ragazzi
la stessa cosa e quella dei ragazzi di Django
non sono molto creativi nel nominare le cose
e il sistema di template di Django indovina
ciò che fa una funzione positiva
rende una CML okay, quindi quello che facciamo è finito
gli anni nessuno degli anni che proviamo e
migliorare nel fare lato server
rendering di template HTML okay, penso
stiamo risolvendo il problema sbagliato ok um
stiamo facendo il modello e i dati
combinando cosa per emettere HTML sul
server perché è lì che assumiamo
il potere del grunt è quello che supponiamo
tutte le informazioni sono perché ci dimentichiamo
quello che abbiamo è pieno abbastanza
sistema operativo nel browser
separazione delle preoccupazioni 101 come
di nuovo fai così, ecco la seconda cosa
Ho imparato e c’è il web
sviluppo molto diverso per me over
negli ultimi anni il DOM è il
modello posso fare cose al Dom
okay, facciamo un esempio, questo è il
punto in cui ho messo il the
Il dispositivo Hanselman in standby va bene
e vedo se funziona
quindi questa è la prima cosa che voglio fare
e questa è la seconda cosa che abbiamo fatto
oh ehi puoi vedermi guardare a destra
git checkout x1 dire che ho fatto tutto il mio
piccoli passi riposano le app okay quindi va bene
oh mio dio che ho, a proposito, solo per
vi mostrerà come questo è facile
Mi sto handicappando usando Windows
tutto apposto
Sto usando un prompt di DOS che sto usando notepad
plus plus Non sto usando strumenti di ID fantasiosi
venire inganno online tutto okay
è così facile è quello di iniziare con
questa roba quindi ho un index.html, facciamolo
dì start index.html oh guarda là
questa è la mia app e possiamo vedere l’origine
quella app e possiamo vedere che è tutto
questa è la mia questa è la mia guida va bene così
è ciò che avremo ora, facciamolo
supponi questo qui perché puoi farlo tu
vedere il mio topo sì è così funzionante così
questa cosa qui è il bit che voglio
modello giusto quindi questo è per tutti
uno di questi voglio mettere un
elenca la voce qui, quindi cosa faccio bene?
Sono IIIi NON sono Scott, non resisto
qui su tasse per te io sono a buon mercato io ok
fai questo è quanto velocemente riesco a digitare
perché ora posso andare così
Oh sembra sempre lo stesso, ma quello che ho
ecco ora questo elemento della lista qui questo Li
è solo un segnaposto perché quaggiù
Ho una nuova sezione e la sezione ha
uno speciale inizio in linea e io no
di solito uso gli stili in linea ma questo è un
eccezione dove dico che non lo faccio mai e poi mai
mai voglia che questa sezione appaia così
display is – style è none e questo è
importante cavalca qualsiasi altra cosa
scivolo qui scarico piccoli frammenti di
HTML va bene ora quando è il DOM
caricato che esiste come un oggetto dentro
memoria nella memoria del browser così
quello che posso fare è che posso avere un po ‘
funzione qui chiamata aggiungi elemento sommario
che gli do un oggetto un oggetto ha un URL
e ha una descrizione e cosa
cosa sta per fare è che sta per
usa un po ‘ di magia jQuery qui
dirà trovare il contenitore
trova il cercatore ul che contiene questo
cosa poi trova quel modello di oggetto trovato
quel Li che stava semplicemente fluttuando dentro
quella sezione nascosta laggiù bene ora
cosa ho intenzione di fare e questo è tutto
jQuery okay, questo è per tutti i Pixies
io vado a clonare quell’oggetto ora
avere due copie di esso uno di loro
fluttuare in giro non collegato a nulla
ok quello che ho appena clonato sono
andando a pop che alla fine del
contenitore ciò che fa è che mi dà
un nuovo elemento di elenco va bene e poi ora che
nuovo articolo, ne sto andando a farne un po ‘
valli in I’m andando a trovare la cosa
ha una classe di URL e rilascia un
HOF in I’m andando a trovare la cosa
questa è la descrizione di una classe che sono
andando a rilasciare del testo in questo è tutto
Va bene così vediamo se questo funziona giù
qui ora hahaha grazie, Microsoft
spettatore curioso puoi andare laggiù
ringrazio Scott per qualche eccellente
Insegnare ieri sera va bene questo è il mio
browser va bene e nel mio browser posso
Tipo Aggiungi oh destra Ho come se avessi
un’idea qui ho una pace che ho
una cosa che ha il completamento automatico ok
dentro
Roma all’interno di Firefox hanno browser moderni
il talling in loro è davvero eccitante quindi
Aggiungerò un elemento di sintesi, diciamo solo
zoom indietro di nuovo, vedi se stessi andando
okay ecco il sommario di Bob’s cafe ad
elemento e ho intenzione di dire URL è Martin
Fowler comm ha appena aperto un caffè
negozio e descrizione è il caffè di Martin
negozio okay BAM oh guarda quanto è eccitante
quella
ora noterai che niente di tutto ciò sta andando
su un server ovunque questo è tutto
all’interno del browser sì, sto consegnando
manipolando il a e per quelli di
tu che già fai questo per Matt
io ero come se ci fossi, quindi posso
inizia a farlo fuori con stile
sviluppo che amo fare senza di me
non ho nemmeno bisogno di essere da nessuna parte ancora su un
il browser va bene quindi non è come sono
piuttosto eccitato da quello, fammi vedere
dove andrò, allora va bene, allora facciamolo
lasciatelo per un minuto e andiamo
torna al nostro mondo di Dan e e
PowerPoint e tornerò a destra
c’è un esempio quindi ecco la cosa
jQuery sa di Dom
quindi non devi andare tutto bene
su come trovare cose nel DOM è giusto
Selettori CSS che non è necessario imparare a
nuova cosa se sai come fare il
hash blah per un documento d’identità o un documento blah per a
classe puoi trovare cose okay e jQuery
ti permette di scorrere su quelle cose che loro
ti consente di raggruppare le cose come fai di tutto
di intelligente lo muove e cosa
stai facendo ora stai manipolando
un oggetto grafico che non stai attaccando
stringhe in altre stringhe okay questo è un
cosa davvero potente da avere nella tua
tasca posteriore così l’osservazione che ho
e questo è quello che non puoi prendere nulla
altrimenti via da questo strumento impara
JavaScript okay assolutamente da imparare
JavaScript ci sono persone che bussano
JavaScript sono un brutto oscuro sporco
angoli di JavaScript non li usano
okay , basta CoffeeScript
– No, che aspetto ha JavaScript
quindi smetti di fare CoffeeScript che era il mio
esperienza III ha scritto la lettera CoffeeScript
poi ho decaffeinato tutto ciò che ho girato
tutto torna in JavaScript regolare così così
da dove viene quindi il server
ora ho il mio ma anche qualcos’altro
tenere a mente dal browser
prospettiva è se quella roba è se il
mobili della pagina se il contorno se il
modello sta arrivando ora dal server
e ho intenzione di popolarlo con i dati
una volta che l’ho ottenuto, una volta che l’HTTP entra in azione
e dice che sono 302 Non ho bisogno di inviare
tutte queste cose tutte le volte
aggiorna questa pagina posso dirti che se
hai già capito che non è cambiato così
ora ti mando solo i dati così sei
rendendo le cose più performanti facendo
meno che bello modo in cui lo fa
lasciare il server che serve i dati non lo è
servire flussi di corde con angolo
le parentesi sono solo mettendo le cose
là dentro sì sì, questo significava un nuovo
generazione di app server
Sinatra è stato il primo in cui l’ho visto
Ruby ha detto che conosci tutte queste cose
rotaie fa cosa se tutto quello che hai fatto e se
Tutto quello che hai fatto come contenitore web sei stato tu
ottenere un URL e inviare roba indietro e
la roba che risale è principalmente Jason
per lo più sono solo dati sul filo
sapere o contenuto statico cosa succederebbe se fosse
proprio così e così piccola cosa
chiamato Sinatra è arrivato ed è stato quello
flask è una cosa simile in Python è
un piccolo adattamento nella tua testa web
contenitore va bene Joe avverte di recente ha scritto
un web server Java servire Java che nel
la loro mente giusta nel 2012 sarebbe
scrivere un nuovo server web java sicuramente
quel tipo di problema risolvibile sai
perché ogni singolo server web java fuori
c’è un container servlet
massicciamente complicato in ascia alle persone
perché è quello che vuoi che tu voglia
La roba di HTTP n va bene e il materiale
potrebbe essere che XML potrebbe essere JSON
come questi e qualunque cosa sia statica
contenuto ma è soprattutto ciò che desideri
la cosa servlet che è una che è di
appendice vestigiale va bene e poi Express
e connettetevi bene nel nodo node.js
sono come questi piccoli piccoli stack che
fai queste cose davvero bene
dove il server è così quello è il mio prossimo
regola e sembra davvero ovvio ma
è incredibilmente liberatorio, ok, il server
serve i dati che è tutto ciò che fa ciò che fa
ciò significa che può farlo davvero
davvero bene non ha bisogno di essere anche
la cosa che fa il templating e
unendo le cose insieme e anche il
cosa che fa il caching e anche il
cosa che fa bene, può solo essere
un server di dati che lo rende molto
la cosa più semplice è la ragione
servire i dati che non servono oggetti ok
certamente non trasferire il trasferimento di oggetti
l’oggetto è un ossimoro, non esiste tale
cosa come un oggetto di trasferimento che trasferisci
dati che trasferisci le rappresentazioni di
cose facciamo un esempio di invocazione
Hansel va bene, quindi cosa succede dopo
il prossimo è per mostrarti cosa è successo
c’è che ho scritto un server web per servire
up mike potrebbe mia app ed ecco la mia
Il web server molto complicato ok, lo ero
andando a farla aprire nell’editor ma io
appena realizzato probabilmente non ne vale la pena
e questo è quello che fa ed è pari
ha una linea di registrazione che non funziona
ne ho bisogno
questo è solo così possiamo vedere cosa sta succedendo
ora sto facendo questo in JavaScript tu
può farlo a casa in Python e Ruby
non importa perché tutto quello che hai
fare a tal fine è servire dati esso
non ha bisogno di essere intelligente, c’è un
delizioso piccolo strumento chiamato sempre-sempre
e quello che fa sempre è iniziare un po ‘
di JavaScript e poi ogni volta che si
vede un file cambiare che dipende da esso
riavvia un po ‘ abusando di esso quindi cosa fa
questo significa che ora è il mio browser
che è attualmente sul file barbar se io
andare a localhost 8080 uffici così eccitante
oh è la stessa cosa whoo ok ora questo
è buono e vediamo quali sono le fonti
di questo va bene così questo è sempre lo stesso
pagina questa è ancora una pagina con alcuni
roba statica in esso e una funzione che
se fossi nel repple di Chrome
Sarei in grado di aggiungere le cose nel modo giusto
facciamo in modo che servano i dati facciamo il
server di servire i dati come possiamo farlo
Indovina cosa imbrogliamo adesso, quindi ora noi
stanno andando a guardare il codice perché
puoi vedere quanto è più complicato
questo ha ottenuto ora fa tutto questo ok
quindi lascia che ti parli attraverso questa app ottenere
riassunti della barra indovinare di cosa si tratta
che dice quando qualcuno fa un andare avanti
sommari oblique si dovrebbe fare questo
funzione che cosa è questa funzione D bene
vediamo come rez è la risposta, quindi siamo
probabilmente impostando un’intestazione e lo siamo
probabilmente finirà e probabilmente lo faremo
inviando alcuni stringificare JSON di un dato
struttura una delle cose che ho
notato con questo stile di programmazione
è e ancora non si tratta di nodo o
JavaScript particolare come quello in
Python come pure è il codice guardo su
il lato server sta ora risolvendo il problema
problema non c’è quasi nessun codice sul
lato server che è tutto il
impianti idraulici e infrastrutture e cablaggio
e tutte quelle assurdità sono andate via
perché il server serve solo i dati
questo è tutto ciò che sta facendo e di nuovo lo è
come se fosse così ovvio che lo so
mi ha colpito come un facepalm ma così ora
fa questo e non lo sono anche noi
dare un’occhiata mentre siamo senza effetto
uno sguardo nel oh ho spostare le cose in
statico ora così possiamo servirli lassù
andiamo
diamo un’occhiata al mio index.html vieni
su ci andiamo quindi sono index.html che ho
ho aggiunto un paio di funzioni qui
ha aggiunto una funzione qui chiamata set
riassunti di cui si fornisce un elenco
riassunti e indovina cosa fa
trova l’UL e lo svuota e poi
itera sopra i riepiloghi e cade
ognuno in modo da ottenere una lista di riassunti
e sostituirà i sommari in
lì con elenchi di riassunti e questo
magia qui questa funzione dollaro da
jQuery cosa dice è una volta
la pagina viene caricata una volta che abbiamo tutto
i Dom sono pronti a scimmiottare
questa funzione e questa funzione dicono
dollaro dot ottenere Jason dice farlo fare
ricevere richieste su / url
su riassunti di barra e assumere la cosa
tornare indietro è jason e decomprimere il
jason e trasformalo in oggetti e mani
a me dollaro, Jason parla di
potere di pesare blimey a destra e poi
una volta che ce l’hai , comunque
tutti i riepiloghi impostati con esso sì così ora
accadrà che questa pagina verrà caricata
sta per andare fuori dal barattolo del server
consegniamo vediamo cosa succede così 500 così
ora ho questo fino a tardi, prendiamoci un
guarda di nuovo , va bene la fonte
vediamo cosa succede qui oh
aspetta dove sono i miei caffè e caffè
soffiare non è lì proprio questa cosa
qui questa cosa qui è il live attuale
Dom proprio questa cosa qui è solo la
roba che hai caricato vedi come sono
completamente non la stessa cosa di
loro sono la fonte della pagina ma è
l’istruzione per il browser su come
assemblare la pagina inizialmente e darti
a Dom l’altro è un rendering dal vivo
di un Dom così come vediamo quella cosa
bene vediamo quella cosa quaggiù e
ancora una volta va così, vediamo questo
cosa quaggiù ora qui posso e ancora
questo non è questo non è univoco per Chrome
Firefox fa anche questo, c’è una ragione
Non sto menzionando in Explorer così ora
nel mio sommario ah ecco i miei due
elementi di sintesi e non c’è uno di loro
e l’altro va bene così questo
è vivo
ok, che è abbastanza bello ora posso farlo
oh e anche devo andare oltre questo
evidenzia il bit su cui sto lavorando
ci sono tonnellate di strumenti nel
browser che rende questo veramente bello e
facile per me, hooray, penso che fosse tutto
Volevo dire a riguardo oh, va bene così
che c’era un’altra cosa che è
se guardate questa pagina ora questa pagina
che si adatta appena sullo schermo è quasi
tutto JavaScript e quasi nessun reale
HTML sì, quindi quello che farò è
refactoring perché Martin è qui e
questo è quello che facciamo oops che è irritante
ed è bello che andiamo a posto così tanto
checkout x5 okay e poi di nuovo qui
giusto così ora ho tirato questo sommario
in una sintesi è ciò che tendo a fare
tutte le cose che interagiscono davvero
con le cose che continuo a lasciare nella pagina
perché poi vedi quella pagina e tu
può vedere cosa succederà con esso
non appena lo hai caricato ma tutto il
funzioni che fanno cose che sono spesso
sono fuori in piccoli file sorgente okay
e possiamo guardare in sintesi DOJ’s è il
stesso
è solo il modo in cui il ragazzo è l’unico
cambia lì, ma ora si può iniziare a
guarda come questa app si evolverà
l’app si evolverà in modo tale che il
modello il contorno di tutto ciò che è roba
sta per essere in HTML sarà
pulirlo pulito bene segnato
HTML html5 semanticamente ricco ti dà
cose come sezioni e utili
parole piuttosto che come derivate div div
qualsiasi comportamento sul lato client sta per finire
su file javascript nella mia istanza qualsiasi
anche i comportamenti lato server
piccoli file JavaScript se scopro
che la roba che sta arrivando sul
filo sto facendo un sacco di JavaScript
manipolazione prima di dare al Dom
forse potrei semplicemente andare dritto
torna al server e fallo fare
prima che me lo mandi posso farcela
posso rinviare quella decisione se ho il
la stessa tecnologia su entrambi i lati, quindi è così
una cosa carina quindi torniamo qui
si, come no
quindi 7/8 non dati proprio meno di un
esempio quindi jason javascript object
la notazione sa che è strutturato in JavaScript
notazione di dati che non rotola via
anche la lingua va bene, ma non è un oggetto
superare gli oggetti che stai inviando dati
in giro um ok, quindi come lo stiamo facendo?
sembra ancora un po ‘ 1999 lascia che ti mostri
i miei conti lì per ora così sembra a
bit 1999, quindi ricordati che ho detto che lo ero
Peccato per il design che sto per mostrare
tu inizialmente come spazzatura sono al design
e così di nuovo qui e solo per davvero
strofinare sale in questo oops così è davvero
strofinare in questo modo questo è già il mio
abbastanza brutta pagina web va bene ho intenzione di
aggiungi un modulo e aggiungi un piccolo modulo
ti permette di aggiungere per creare una nuova sede
riassunto okay, quindi lo farò per
facendo il controllo degli altri oh questo e io
ricarica questa pagina quanto è sexy come
ti piacciono i confini quadrati e stupidi
cose e cose e tutto ciò va bene
è questo è come quasi tutti i miei applicazioni web
ho mai visto che non sono quel ragazzo okay
per fortuna alcune persone molto molto intelligenti a
Twitter sono quel tipo e si aprono
ha origine una cosa chiamata bootstrap che è
non è l’unico del suo genere di nuovo ma
è quello che trovo di gran lunga
più semplice e quello che hanno sono i designer
e ciò che i designer fanno non si tratta
gradiente riempie e curva ma quello che loro
capire è l’ equilibrio in modo che capiscano
quali tipi di carattere sembrano buoni insieme
capiscono che percentuale di piccoli
piccolo dovrebbe essere paragonato a uno standard
dimensione carattere capiscono come allineare
le cose in un modo che abbia senso per
l’occhio, perché questo è un intero nother
dominio che io non sono non ho un
esperienza in modo da fingere e quello che sono
sta per fare questa vista su qui
okay, quindi voglio che tu guardi questo e
ricordalo ok
in realtà io non è giusto e ma
ora ho intenzione di fare una linea locale
modificare
okay guarda che vedi quello
cambio linea qui va bene questa è la linea
Alla riga cinque ho aggiunto un foglio di stile singolo
ora whoa voglio dire che non è ancora grande ma
ok ora, quindi questo è l’unico markup
qui è così questo è dove h1 piccolo
Ho appena detto che è piccolo e bootstrap
Ho detto ah so cosa significa piccolo piccolo
significa che lo renderò più piccolo
font ho intenzione di mantenere la stessa larghezza
e c’è una conversazione sul kerning
possiamo avere e ho intenzione di grigio
un po ‘ ma sto andando grigio a destra
importo quindi sembra che wow non nemmeno
so come iniziare a elaborare quello che io
lo so è che scrivo la parola piccola
e questo succede ok e io sono giù con
quella
lì, ma c’è un sacco di cose sottili
così tanto che questa etichetta è per un
ora imbattiamo la bella luce blu hmm
solo che di nuovo hmm va bene è stupendo
e quel blu integra quel blu che ho
fatto nulla su questo da colorare
questo a tutti risulta che questo blu
è nella stessa parte della gamma degli occhi
sembra simpatico a questo blu
e il mouse sopra il blu leggermente
il blu più scuro è di nuovo parte del
stessa tavolozza in modo che abbiano trovato un
tavolozza di colori che lavorano insieme
va bene
yeah Non so nemmeno come dirtelo
quanto è bello
ed e inoltre è possibile tutto questo per
afferra quindi siamo tu non vuoi un intero
molti siti sembrano tutti uguali
e quello che puoi fare è che ti danno il
ganci quindi questo non è scritto in CSS questo
è scritto in a
super set di CSS chiamato les che è
è strutturato in modo tale da permetterti di
fare cose gerarchiche e ha
variabili e estensioni davvero semplici
ai CSS che lo rendono più utilizzabile e che cosa
bootstrap ha fatto o ha fatto Twitter
loro hanno abilmente il bootstrap
ti ho dato i ganci in alto così
in genere solo le variabili ei valori che
puoi cambiare questo significa che puoi
creare un ancora completamente auto
coerente combinazione di colori o
stile diverso o layout diverso così
e questo è così ricordare tutto quello che ho fatto è stato
questa linea cambia ora quando sono
progettare app come questa in genere
apri il jquery api in un browser
scheda Ho bootstrap aperto in uno o due
altre schede di libri di Brooke che di solito ho
sottolineatura che è un funzionale adorabile
programmazione della libreria di tipo e per
JavaScript quindi ho un sacco di cose
apri e dopo averlo usato
per circa cinque minuti c’è un mucchio
di piccole cose che prendi così sono
solo andando a mostrarti con illuminato e quando
Stavo mettendo questo insieme mi ha preso
meno di 10 minuti per farlo andare
qui per quello che stai per vedere quale
è otto e ancora prima che lo faccia lo farò
solo voi mostrare questa la fonte di ciò che
è successo qui, quindi cosa ho fatto tranne il mio
formare questo che l’etichetta l’etichetta
nell’input sono ancora qui
ma quello che ho fatto è che mi sono avviluppato
avvolto l’etichetta e l’input in un div
chiamato gruppo di controllo quindi ora bootstrap
sa che queste due cose sono correlate
fanno parte dello stesso controllo e
Ho detto che questo è il
etichetta di controllo e ho detto che questo
Uno è il oh io non vi dico che uno
qual’è l’ altra cosa
ma fondamentalmente il controllo va sotto controllo
l’etichetta che ti serve ha anche questo concetto
di un pozzo ora un pozzo è solo un
area che è un po ‘ incassata
questo non è ovviamente due schermi piatti
ma sembra leggermente incassato
non hanno proprio capito
e ma così questi sono il tipo di cose
L’ho fatto e quello che è venuto fuori alla ricerca
come dopo circa cinque minuti è quello
e io sono così carino
rispettabile ma c’è un sacco di sottile
le cose stanno andando lì che sono belle
rispettabile quindi non solo ho ancora
la mia bella luce blu, ma noterai
che questi sono allineati questi ragazzi qui
sono giusti giustificati okay così che possa
darti una bella linea negli occhi qui
c’è il nostro come un indenting da qui
c’è un pulsante di
margine di qui e un margine a sinistra e
allora in questo pozzo interiore vorresti solo
vedi perché c’è un piccolo segnale visivo
con la linea
sì , non è una grande linea solida, ma lo è
no non c’è um ha lo stesso rientro e
lo stesso e lo stesso drop solo il
tutta la cosa è messa insieme davvero
esteticamente bene e ottieni questo
per non abbastanza libero ma per davvero davvero
vicino a gratis e così di questi tipi
le cose mi permettono di andare avanti e io
Immagino che questo sia probabilmente il tema del
l’intera cosa è che non mi sono mai sentito così
ha il diritto di scrivere solo app e
vai e mi sento come se avessi il controllo
di tutto lo stack non ci sono cose
questo mi sfugge mentre so che usarlo
solo i ricchi client desktop sono così
molte cose che ho usato ho usato swing
con rabbia per molti anni c’è un sacco di
cose che non so sullo swing okay
parlare a ragazzi dotnet che hanno un simile
esperienza con c-sharp um okay quello è
tutto quello che volevo mostrarti così
di nuovo a destra in modo ya bootstrap sa
riguardo gli stili in modo da non doverlo fare
um c’è un tema qui giusto e il
il tema è la regola 4 che è di qualcuno
già risolto qualunque cosa sia, sì
stai per provare a fare con le app web
voi gente d’impresa avete ragione altre persone
l’ho già risolto che è
fantastico perché significa che puoi concentrarti
sui problemi che stai cercando di risolvere
e significa un po ‘di googling a
un po ‘di Stack Overflow e a
un po ‘di mascolinità e tutto il
le risposte ci sono e anche che deve essere
ha detto per l’ open source i documenti a questi
le cose che descrivo sono spettacolari
Intendo davvero molto come tutorial
significa che solo i documenti ufficiali sono come
sono fare tutorial e di riferimento API
e tutta quella roba è davvero ricca e
poi ci sono un sacco di post sul blog e
roba per iniziare così qualcuno già
risolto il diritto Dom jQuery jQuery
risolve il Dom significa che significa che io
può controllarlo sfrigolare è il sottoinsieme di
che John Rzeznik tirò fuori il sottoinsieme
di quello che è il selettore CSS
parte quindi se tutto quello che voglio fare è prendere i bit
di Dom e fare cose con loro dentro
JavaScript e io non ho bisogno di jQuery
per qualsiasi altra cosa io
basta usare sfrigolare che è piccolo Zepto è un
cosa simile quindi è jQuery aromatizzato
ma è molto più piccolo ed è progettato
per i dispositivi mobili non ho nemmeno parlato
è come il binding dei dati di associazione dei dati
di nuovo incredibilmente facile ce n’è un sacco
modelli per questo
c’è knockout che è di più
associazione dati tradizionale che hai taggato ciascuno
delle cose che vuoi essere dati
associato a qualche codice JavaScript e
ci sono callback e quel tipo di cose
spina dorsale è un po ‘più fuori di testa così tu
iniziare con i dati e in sostanza ordinare
di legare verso l’esterno da ciò che è
ottimo se hai intenzione di mettere un
app su più piattaforme diverse
perché il tuo modello di vista , se ti va
loro il modello della roba in a
il lato client è lo stesso su tutto il
dispositivi il rendering di esso
ricorda che il modello è diverso
perché stiamo templando bene il
template e uno sarà aggiunto
il modello un altro sarà a
cosa diversa su un dispositivo mobile a
messaggio angolare angolare fa un passo
ulteriormente angolare dice immaginare il Dom era
il quello dato il Dom è il
interfaccia è un po ‘schifosa è un po’
manca di certe dotazioni che
lo renderebbe una fonte di eventi davvero buona
ad esempio, quindi, cosa faremo
è che avete la vostra si carica la tua pagina
avere un codice angolare e angolare
efficacemente pre elabora il tuo Dom in
un altro Dom che ha tutto questo
le cose pendono e questo è quello che succede
viene reso non l’ho inserito nel mio
testa ancora ma penso che sia abbastanza intelligente
JavaScript va bene così tutti vanno d’accordo
JavaScript oh non lo fa questo
non lo fa è diverso in tutto
il diverso va bene è vero fino a te
usare qualcosa come underscore se lo uso
qualcosa che sottolineo tutti i miei
tutto ciò che è sequenziale così così Maps come a
sequenza di coppie o elenchi di valori chiave
solo una sequenza di elementi che posso usare
tutte le dotazioni funzionali a differenza
Ho una mappa che ho ridotto ho
iniettare ho tutte queste cose così
così e zip e tutte queste cose sono solo
costruito per sottolineare e quindi mi dà un
uniformità quindi non ho bisogno di preoccuparmi
e di nuovo il software aziendale va bene
non progettare per le persone che eseguono ie7 o
qualunque cosa diciamo semplicemente che stiamo usando
Chrome utilizza Firefox World Test per
quelli e, se non li stai usando
allora non puoi usare le nostre app e
in realtà funziona abbastanza bene
impresa finché le persone vedono cosa
stanno facendo andare a vedere, se è così
significa che possiamo ottenere questa roba questo
molto più veloce
molto migliore qualità si certo avremo
quello e abbiamo trovato davvero che lo trovo
stato molto facile da ottenere l’adozione per
quello che altro CSS
abbiamo bootstrap ma questo lo sai
è uno dei tanti che lo scheletro è di nuovo
Scott mi stava raccontando della griglia 960 così
Nasce una bella trama che viene dal nome
dall’idea che se modellate uno schermo
è largo 960 pixel, quindi è molto
è davvero facile da pensare in termini di
come quarti o quinti o sesti o
qualunque cosa abbia diviso, il 960 divide per carico
di roba quindi significa che puoi avere
sedicesimi di una pagina e tutti guardano
lo stesso, quindi è una buona dimensione della griglia da usare
e bootstrap ha preso quell’idea e loro
detto ok avremo una griglia 960 ma
renderemo davvero facile fare blocchi
di esso
quindi cose di cui non ho parlato e io sono
quasi fuori dal tempo queste sono cose che io
sapevo che non avevo intenzione di parlare
così ho pensato che ho detto comunque io
non ha parlato di URL nella storia così
c’è un modello adorabile in html5 in
browser moderni in cui quando si cambia
l’ hash si ottiene un evento sparato bene così
l’hash è puramente lato client, quindi posso
mentre clicco e cambio pagina
stato posso aggiornare l’hash okay
e ciò significa che posso prendere quel link mail
a qualcuno possono fare clic sul link
la pagina può caricarlo può guardare a cosa
è il valore hash è che possono andare sei tu
Devo essere qui con tutti questi
cose così ogni cambiamento nello stato della pagina è
ancora rintracciabile e la cosa grandiosa con
l’API della cronologia è che posso tornare indietro e
avanti attraverso quei cambiamenti di hash e
puoi fare anche altre cose quindi ora
Pensa a questo se pensi al tuo
il codice che spegni è cambiato
la posizione da dire oh voglio cambiare
questo valore hash che ha di per sé il fuoco
cambia evento che causa una cascata di
roba in modo da poter aggiornare la tua pagina
da solo in sé c’è davvero
puoi trovare fonti di eventi e sincronizzazioni interessanti
fare fino a quando il browser è stato un ID I
di cui ho parlato solo per davvero
brevemente su alcune delle cose che puoi
fanno con Chrome e Firefox sono
incredibilmente potente, posso guardare i CSS
vivi nella pagina posso cambiare la SS
valori e vedere cosa succede se cambio
dimensioni dei margini e colori e tutto ciò che
tipo di cose è un non è solo un
rendendo più motore va bene
la comunità che ho menzionato
Non ho mai visto persone più amichevoli
ok ovunque vada nel mondo html5
sia che tu conosca i ragazzi v8
facendo la micro regolazione Hulk o C ++ o
i ragazzi nodejs o se si sa gente come
Leo Viru e anche l’esercito CSS là fuori
chi non vogliono mostrarti come
sono intelligenti vogliono che tu disegni
grandi siti web come circa il cappello che stanno
dalla tua parte e ho citato il gioco se
hai JavaScript front e back-end
allora puoi spostare tutto ma questo
è un modello davvero potente è davvero
orgoglioso di un modello di programmazione così così che cosa
posso imparare quello che posso imparare così la prima
cosa immagino che il DOM sia un modello okay
usalo come un modello impara ad usarlo
come un modello improvvisamente un sacco di cose
diventa possibile tutto è un evento
okay, tutto è asincrono
tutto è un evento che ricevi
evento di processo Venturi in matematica Martin
Fowler che è seduto qui davanti
fu stava parlando l’idea di evento
fonti e sink di eventi di cui parla
milioni di anni fa, sai che siamo solo
recuperare tutto è un evento
fonte e tutto è un sink di evento
e se modellerai il tuo mondo in quel modo
allora hai cose come replay e
rollback e tutti questi tipi di cose
si ottiene quasi gratis e si scopre
che il ciclo di eventi singoli di JavaScript
il mondo si presta molto bene a questo
tipo di modello puoi lavorare veramente fuori
in te hai visto fino a che punto ho ottenuto questa cosa
senza nemmeno bisogno di un server ancora
senza nemmeno bisogno di servire la pagina
da un server ancora giusto puoi ottenere un
lunga strada solo armeggiando nel
browser e la cosa che mi piace paga
Fai tardi alla festa perché io vengo
e tutti hanno fatto tutto come
faccio a risolvere questo difficile problema digitato
ah ok ho solo copiare quella cosa in
lì e usano questa cosa e tutto
funziona, è fantastico grazie mille
questo è il codice go Apps Web
grazie, ho un minuto per
domande no, è ora del caffè
prendi il tuo caffè grazie
è una riflessione personale di tutti i punti di vista
espresso sul mio tutto storico
i riferimenti sono interamente inventati
in particolare tutto ciò che riguarda le date
Che altro va bene Sono molto entusiasta
lo sviluppo del web va bene, è troppo lungo
non ha letto la versione se hai bisogno di ottenere un
caffè puoi andare ora perché quello è il
tutto il discorso va bene Sono molto emozionato
sullo sviluppo web e sono un po ‘di
trepidazione con questo discorso perché questo
discorso coinvolge mostrando roba che mostra
cose nel browser e quel tipo di
cosa che di solito faccio nei discorsi così
quello che ho fatto è che ho installato molto
dispositivo costoso chiamato Scott
Hanselman e lui è seduto di fronte
fila se qualcosa va storto, apparentemente io
sto solo strillando ed è così
voce attivata
come uno scotch afferrarlo jogger e il
arriva solo di corsa e mi salva così
Mi sento molto bene, mi sento bene
ha una bella sensazione per il resto di
questo e così va bene ho 50 minuti da fare
un discorso di un’ora che nel run-through
era circa tre ore quindi inizierò il
il discorso sarebbe stato bello, si chiama
il browser è morto ma è solo
perché questo titolo scivola davvero piccolo
è in realtà il browser è morto a lungo
vivi il browser così bene chi sta facendo
app enterprise per lo sviluppo aziendale
roba così stai facendo cose sul web ma
li stai facendo tu non li stai facendo
per milioni di persone le stai facendo
per decine di persone o forse centinaia
di persone ma quelle decine o centinaia di
le persone mangiano nella stessa mensa come te
okay e loro conoscono il tuo indirizzo email
e sanno che il tuo manager va bene così
quel tipo di mondo non milioni di
persone che stanno facendo quella impresa-e
le imprese ti fanno bene, tu sei il mio
il pubblico va bene non ci sarà niente
ecco come scala questo per un milione
persone ed ecco come tu non faccio
che non sono in quel mondo in cui sono stato
il mondo dello sviluppo aziendale per
per soldi
sì un 20 anni che consegna sistemi a
stakeholder interni quindi sono piccoli
gruppo di persone in cattività e con cui lavoro
loro quindi ecco la cosa su di me da allora
dal momento che l’ interwebs ha iniziato o eseguito
molto dall’inizio dell’interwebs
da quando è iniziato il world wide web e
è molto importante fare un
distinzione lì Internet è stato
in giro per lungo tempo in tutto il mondo
molto più recentemente abbiamo avuto il web
browser Wars abbiamo avuto molte differenze
le bande sono diversi browser di negoziazione
diversi browser e hanno avuto il loro
proprio linguaggio di gruppo e la propria banda
dialetti e si parlarono a vicenda
modi speciali in modo che Tim berners-lee
involontariamente involontariamente fondato il
prima banda sono abbastanza sicuro che non l’abbia fatto
realizzare la scala che il mondo
Web stava per arrivare a lui ha scritto un suo
propria app chiamata
world wide web perché è un accademico
e tendono ad essere piuttosto letterale su
nominare le cose non era nel 1990
in pratica tra il 1990 e il 93 nulla
succede perché come lo sono 20 accademici
usando questa cosa ma poi Groupon NCSA
produce un browser chiamato mosaic a
ai mosaici piace è un browser grafico
puoi cliccare attraverso le cose e puoi farlo
sai che Internet è collegato o il
Il World Wide Web è collegato a quello successivo
all’anno successivo produce Netscape
navigatore che si basa sul mosaico
perché come Tron trasformarlo in a
prodotto commerciale ma loro loro loro
c’è una strana storia qui
hanno iniziato dicendo che sta andando
essere libero perché tutto il software di Internet
dovrebbe essere libero e poi ha avuto come un
grande asterisco su di esso
l’asterisco non è libero così ma
comunque l’ anno successivo Microsoft
notato che il world wide web era
accadendo e sono andati insieme dovremmo
avere un’opinione su questo e è venuto fuori
Internet Explorer così è successo e
poi l’anno successivo l’opera prodotta
opera Sto solo mettendo quello lì per
completezza davvero perchè sia il
i ragazzi dell’opera vivono in Scandinavia e allora
per opera i ragazzi intendo utenti di opera e
quindi c’è una bella citazione di Jamie
legge zawinski solinsky ogni programma
tenta di espandersi fino a quando non può leggere
mail ok felice max sai che è successo a
netscape navigator è cresciuto e cresciuto e
è cresciuto come aggiungo valore al mio al mio
browser lo faccio un browser migliore no
Ho messo un client di posta elettronica lì dentro tutti
vuole uno di quelli così Netscape
il comunicatore è successo poi niente
succede allora il tempo passa ok e poi
2004
motore della nuova Mozilla Foundation
rilascia una cosa chiamata Firefox Firefox
originariamente chiamato Firebird essendo un
riferimento a una fenice che sorge dal
ceneri di let’s get navigator come facciamo
tira fuori il browser e basta
abbiamo pensato fosse bello e lo rifaremo
c’è un grosso vuoto qui e poi di nuovo a
pochi anni dopo che Google ha prodotto
chrome tenere d’occhio in quella data che è
una data abbastanza importante e quindi Google
produce cromo quindi queste sono bande concerto
questo è come dire che il tappeto erboso
avremo il muro quindi cos’è
la tecnologia assomiglia molto all’aspetto tecnico
come questo per circa il primo gruppo di
tempo tutto quello che avevi era HTML HTTP e poi
i biscotti sono arrivati da un paio d’ anni
che abbiamo bisogno di una sorta di lato client
stato perché HTTP è una richiesta senza stato
risposta dimenticare richiesta risposta a
scordati che un cookie è SSL
punto dati interessante che significa persone
stanno iniziando a usare il web per le cose
che vogliono essere sicuri
va bene, questo potrebbe significare questo
gli affari stanno accadendo su di esso e poi
JavaScript è arrivato in quel momento come
beh, era un modo di fare cose dentro
il browser si noterà che le mie diapositive
tendono ad essere un pochino più spartani di
Scivoli di Scott altrimenti ho un
gif animate qui facendo fico
Roba JavaScript, quindi devi immaginare
quel 1996 il browser ottiene applet Java
flash e XML 1996 è stato un brutto anno per
il browser
sì è grazie che è un
cosa orribile è accaduta a chiunque
quindi ora sono in HTML del 1987 perché succede CSS
accade questo è la gente interessanti sono
iniziando a prendere il browser ora
seriamente le stesse cose stanno arrivando
giù al tuo browser dovremmo essere
separare il contenuto dallo stile e da te
conosci i web designer che sei
dicendo questo per circa cinque anni e
quelli stavano ascoltando perché la loro rete
i progettisti ma vedono ma questo è importante
Mi piace il fatto che il CSS esista ci dice
può parlare di stile indipendente da
contento tutto ciò che è bello
tutto il 1999 recito per l’olandese Oh Ajax o
un’altra richiesta XML XML lo sai
da dove proviene la richiesta HTTP XML
Microsoft ancora di più Microsoft Outlook
Outlook ha fatto una buona cosa
va bene così l’ App Web di Outlook in effetti
il team di Outlook Web App che sei
cercando di utilizzare Outlook nel browser e
hanno capito che roba del messaggio
andava avanti e indietro um e
la roba del messaggio va all’indietro e
in avanti causando una ricarica della pagina ogni volta
è solo davvero schifoso quindi sono venuti fuori
con questa idea di un HTTP asincrono
richiesta di poter sparare da
JavaScript in esso quando ottieni un XML
carico utile indietro e quindi fondamentalmente per il
dopo una mezza dozzina di anni abbiamo avuto la grafica
abbiamo avuto alcuni tentativi di diversi tipi
di grafica questo è il mio spavento grafico
faccia ok io non sono quel ragazzo quindi portiamolo via
su così ora 2008 ad ora tutto il resto
tutto il resto è interessante nel
browser è successo negli ultimi 4 anni
ok ricorda quella data di Google 2008 arriva
con un browser inizia a scuotere le cose
un po ‘
quindi devi avere D e grafica 3D
trasformazioni e WebGL e css3 e
questa è ancora la mia faccia da paura grafica ok
tuttavia questo è quello che mi dispiace di ottenere
memoria eccitata sul lato client che posso mettere
roba adeguata posso avere lo stato che non lo è
solo un biscotto mi piace avere una chiave
negozio di valore lì sul lato client
è molto bello
tradizionalmente è ho chiesto al mio browser
fare qualcosa che invia una richiesta il
la richiesta ritorna è così che è
come ha il modello mentale del web
abbiamo lavorato ora abbiamo questa idea di server
inviato evento
così WebSockets che è molto molto alto
densità full duplex IO quindi per ogni TCP
pacchetto ci sono due byte di overhead
è una fonte di eventi incredibilmente efficiente
che è un modello molto più semplice ma è così
ed è come il tuo stile asincrono
a loro piace a casa la tua banda larga è molto
molto lento e molto veloce perché
è lì che la maggior parte della roba ti arriva
non emettere video che spesso sono fonte di eventi
è lo stesso modello che ha dato che
stai principalmente tirando giù cose che sono
come se fosse l’ estensione naturale del mi piace
lunghi sondaggi quindi ecco la tua tecnologia e
quindi lo script ACMA che è simile
JavaScript tutto cresciuto e corretto Dom
manipolazione e questo tipo di cose così
tutti questi sono accaduti nel nostro in
durano quattro anni e quindi va bene così dov’era
Io quello che stavo facendo in quel momento
quindi il mio background è C in UNIX e C ++
e in Perl
purtroppo, Enterprise Java per un sacco
di tempo così nel 1987 sono andato al college
lì per quattro anni e ero su
piramide OSX che era l’OSX corretto
ok questo è quello vero allora quello che tu
i bambini ci sono dentro era un primo UNIX
Ho avuto cose come l’ elm per l’invio di e-mail
Avevo telnet e FTP per spostare cose
intorno e l’accesso a cose così
è internet internet è ancora
l’invio di dati attorno ad esso non lo era
inviando successivamente come HTTP quindi Internet
è decenni più vecchio del web e poi
per circa lo so un paio d’anni poi io
era su Usenet. Ero sull’eredità di Kampf e
domande dell’azienda X e comp. UNIX
maghi e apprendimento dell’apprendimento
di roba così così queste sono queste sono
gruppi di notizie Usenet è come il precursore
impilare troppopieno ma con scadente
la grafica e il modo in cui guadagni il karma
rispondendo davvero a molte domande
utile alle persone per sapere chi
sei pazzo ma sembra funzionare
così nel 1992 ricordo vividamente questo
La prima volta che ho visto il web ho visto il
etichette intorno al mio amico Phil Davis
house e Phil Davis è un amico della GUI UNIX
e ha detto Dan che devi vedere
questa cosa è il World Wide Web, ma io
ha detto che cosa è che Phil questo è alla ricerca di
una schermata di testo e alcune cose sono
sottolinea che dice che il testo sta arrivando
da un’università da come un college
sito ho detto ok
dice ora che clicco qui e ora
viene da un college diverso
sito ero come huh che è bello ha detto
no no tu non capisci che ero come
oops sì, mi mancava quello che vorrei
Potrei parlare con me nel 1992 997 è stato il
la prima volta che ho visto Enterprise Java e
questo ragazzo al lavoro stavo lavorando a un ISP
al momento e mi sono trasferito in chiamato
stuffin e Java sono appena usciti e
l’impresa Java è arrivata e questo ragazzo
era entusiasta di questo, quindi ho avuto JDBC
e genuino lì dentro e io ero come l’uomo
e si sa solo dire che avevo ragione um
Quindi, così uno ha perso uno e quindi ecco
alcune cose che non sono così è questa conversazione
alcune regole che ho imparato e un po ‘
di codice che mostra un po ‘ di quella roba così
qual è il browser per va bene così il mio modello
di un browser fino a metà degli zeri ok
come fai qual è la parola giusta?
nome collettivo per i primi dieci anni
del dente fuori non so naughties
così il browser sta mostrando il servlet j2e
l’output è ciò che è per lavoro e
a casa è per la visualizzazione di brochure
siti web lampeggiano tag tag marquee ok
Magenta intendo improvvisamente delle cose
è successo e questo è di nuovo il mio personale
ricordo di questa roba altre cose
stavano succedendo queste sono le cose che
Mi ricordo davvero atterrato per me che ero
utilizzando una singola mappa stradale al momento
che era come se fosse piccolo
frammenti di eh-2-zed di Londra come
fondamentalmente come una mappa stradale e lo faresti
inserire un codice postale o quant’altro
ti mostrerà un po ‘di strada
e sembrava proprio come la mappa eh-2-zed
ma sul tuo browser è abbastanza bello
e poi Google Maps è successo e io ero
come appendere questo è un drag drag e
Non lo so, non so se tu
ricorda la prima volta che hai fatto clic
Google Maps e trascina il mouse su
bordo del browser e la cosa mantenuta
andando
come fa a sapere che non può più vedere
se la tua Google Maps sta guardando fuori dal
browser il mouse è andato bene
quindi ho pensato che fosse magico e così
Sto usando un hotmail e una webmail
client e poi arriva Google Mail
e soffia via tutti gli altri e
puoi vedere cosa succede durante questo
il tempo è che stanno guidando la tecnologia
inoltrare così Google gears che è corretto
la memorizzazione lato client è avvenuta perché
Google Maps è gestito da Google
cassetta postale e avevano bisogno di mettere il tuo
cassetta postale da qualche parte sì, così sono venuti fuori
con questa tecnologia Google Docs questo è
non è una cosa di Google in famiglia a cui sono arrivato
questo e quello Google Apps interrompe
Microsoft Office che tutti usano
Microsoft Office oltre ai sette
persone che stanno cercando di usare OpenOffice
per ragioni etiche e odiandolo
ok io ero uno di loro II ancora mi piace
è un’idea che vorrei solo che lo facessero
prendere tutte le funzionalità e farlo
lavoro e cosa penso sia questo
non sono una compagnia di ricerca, sono un
società pubblicitaria per una società pubblicitaria che hanno
una tecnologia davvero intelligente ma okay
quindi ecco cosa ho imparato la prima regola
la prima cosa che ho imparato è tutto
è asincrono il nostro modello mentale di a
il browser si basa su un modello mentale di a
schermo verde o certamente come sviluppatori
così su uno schermo verde scrivo qualcosa
va al mainframe il
mainframe fa alcune cose e io ottengo a
risposta e ottengo l’ output sulla mia console
Digito qualcosa nel mio URL o clicco
su qualcosa nel browser una richiesta
si spegne una risposta ritorna ed è
viene reso ok, ma non è questo
succede e finché lo modelliamo come
che stiamo andando a fallire stiamo andando a
perdere il punto di esso così tutto è
asincrono
quando invii una richiesta da quello che succede
se alcune cose tornano non appena il
il browser può capire qual è l’altro
le cose avranno bisogno che mandi
via un mucchio di altri simultanei
chiede e dice hey, me ne vado
quella foto e lascia quell’icona di favore
piccola cosa nell’angolo che sto per fare
bisogno di questo questo non è questo e loro
tornerà ogni tipo di scattergun
diverso tu sai non nella sequenza I
chiesto loro e io aspetto così ho
tornano tutti indietro ma renderò la tua pagina e
se sono intelligente, posso farne un po ‘
rendering preventivo e spazio questo
roba davvero intelligente in corso nei browser
okay, quindi tutto è asincrono e
questo significa qualsiasi tipo di richiesta
il modello di risposta è semplicemente egoista
programmazione in modo da pensare in termini di una
bar okay cuz
abbiamo avuto un discorso sulla birra stamattina
è stato abbastanza divertente non rimandare
parlando di colli di bottiglia usando la birra
bottiglie quindi ecco cosa succede è in a
Britannico, penso che se voi ragazzi siete bravi
ho preso un pub quasi britannico poco più in là
strada qui e tu vai lì e io amo
che si comportano come un pub inglese che
devi andare al banco tu
aspetta e poi alla fine così cosa sarebbe
ti piace oh vorrei delle birre, per favore
e vanno dal prendere le birre
alla volta poi la prossima birra poi la
prossima birra e poi alla fine le tue birre
arriva e poi gli dai un po ‘di soldi
e ora puoi andare a posto vai a un
American bar e questo succede che tu entri
con i tuoi amici e ti siedi ti
inizia la tua serata arriva una fata della birra
ti piacerebbe un po ‘di birra, sì
vorrei che queste cinque birre andassero via
la fata della birra che portiamo avanti non lo siamo
bloccando okay, andiamo avanti
parlando qualche tempo dopo i bit loro
potrebbe anche venire fuori sequenza
potrebbe portare tre di loro e poi due
di loro in un po ‘ok e i tre chi
prenota chi hanno le loro birre fanno aspettare
per gli altri due sono a metà strada
attraverso loro stanno sondando oh io non amo nessuno
di questi um così richiesta / risposta è giusta
auto di programmazione ha tipo
meta messaggio puoi aspettarmi perché
Sono importante, okay, me l’hai chiesto di fare
questa cosa ti blocchi e io verrò
ritorno a te quando sono a posto e pronto okay
quindi il corollario di questo è quello modale
i dialoghi sono scortesi tutto ciò che appare
Dice che so che il più importante
cosa che devi essere guardando a destra
ora è così posso metterlo in faccia
okay e il secondo curling è il
Sorprendi i dialoghi dei cani modali o anche
lettore Oh Oh per fortuna, per fortuna
questo è solo falso perché è irritante
è quello che era ad una conferenza
la settimana scorsa a Cambridge e quello è successo
nel bel mezzo di un discorso ed è successo
nel bel mezzo di un discorso di un designer di UX
che pensavo fosse disperatamente ironico
e davvero sfortunato e poi il
La macchina è stata riavviata grazie per la conoscenza
qual è la cosa più importante per questo
macchina da fare adesso per me
è fantastico , starò qui a piedi
in giro per un po ‘ giusto era come il prossimo
dieci minuti sono andati così bene quindi ecco a
molte di Sarah hanno questo è uno dei
le persone motivano le persone come i nodi
come nodo e questi loop di eventi singoli
modelli perché non ti è permesso di essere
maleducato in questo modo va bene la cultura
non essere scortese è dare una richiamata o
sai rispondere a un evento più e
allora se vi imbattete nell’acronimo in
Swan è dai primi giorni del
Comunità rubino
è l’acronimo di Matz, è bello, così siamo
Ok, va bene che alcune app sono un ragazzo
chi ha inventato Ruby e lui è un bravo ragazzo così
ecco perché la comunità di Ruby è carina
Lo sto estendendo per sciacquare quello che è
Ryan è carino, quindi siamo carini e Ryan
dice al ragazzo che ha inventato il nodo ma
comunque se si presume che tu non sia il
la cosa più importante e tu lo farai
andare da qualche parte giusto ho bisogno di accelerare
alcune tonnellate di roba che parlano di me
voglio guardare a quella risposta la cosa
che è tornato così mai me lo manda
perché sei voluto tu dico yeah
abbia questa cosa sì che puoi
o forse solo perchè piace a te, sì
pensa che dovresti avere questa cosa ma
è inutile a meno che tu non riesca a vederlo bene
così il browser sta per renderlo per
così che cosa fa apparire come sembra
come questo tranne questo non è una pagina questo
non è una pagina ciò che è è un grande
stringa a posto con molte parentesi angolari
in essi vengono riversati sul filo
il tuo browser e una volta ottenuto il tuo browser
tutta la stringa e c’è tutto il
psiche come potrò posso trasformarla in una pagina
ricordalo per te, quindi cosa siamo
davvero , stiamo architettando perché
questa cosa qui è una piccola app che sono
andando a scrivere ed è una caffetteria oh
scusa , non è una caffetteria, è un
guida del locale quindi sono a cavallo e io
voglio una guida locale voglio sapere cosa
buone caffetterie sono qui intorno così
Cosa faccio
Farò una piccola app che è
andando ad avere liste di questi caffè
c’è qualcuno qui dentro in questo momento così
si può vedere questo URL sta per essere un
elenco di cose questo Li qui questo
probabilmente non è nel modello sul
server che probabilmente è stato abbandonato
un linguaggio per i modelli va bene così è
questo è quello che abbiamo fatto
Voglio parlare brevemente dei modelli
così in j2ee di nuovo questa è la mia esperienza
di questo con il figlio con JSP fischio fischio e
poi la velocità è arrivata per fare tutto
meglio
raggio e velocità sono diventati completi
e aveva macro e ogni sorta di pazzo
le cose fischiano e poi hanno una corda
modello che era semplice e fondamentalmente
tutte queste cose compilate in a
funzione che emette HTML è ciò che
fanno poi arrivare Ruby on Rails
Raus aveva ELB e baffi e parziali
e cose e possono pianeta a a
la funzione che emette HTML va bene
ma per fortuna Django ha il Django
modello di sistema che ci sono due cose
dice che stanno facendo i ragazzi
la stessa cosa e quella dei ragazzi di Django
non sono molto creativi nel nominare le cose
e il sistema di template di Django indovina
ciò che fa una funzione positiva
rende una CML okay, quindi quello che facciamo è finito
gli anni nessuno degli anni che proviamo e
migliorare nel fare lato server
rendering di template HTML okay, penso
stiamo risolvendo il problema sbagliato ok um
stiamo facendo il modello e i dati
combinando cosa per emettere HTML sul
server perché è lì che assumiamo
il potere del grunt è quello che supponiamo
tutte le informazioni sono perché ci dimentichiamo
quello che abbiamo è pieno abbastanza
sistema operativo nel browser
separazione delle preoccupazioni 101 come
di nuovo fai così, ecco la seconda cosa
Ho imparato e c’è il web
sviluppo molto diverso per me over
negli ultimi anni il DOM è il
modello posso fare cose al Dom
okay, facciamo un esempio, questo è il
punto in cui ho messo il the
Il dispositivo Hanselman in standby va bene
e vedo se funziona
quindi questa è la prima cosa che voglio fare
e questa è la seconda cosa che abbiamo fatto
oh ehi puoi vedermi guardare a destra
git checkout x1 dire che ho fatto tutto il mio
piccoli passi riposano le app okay quindi va bene
oh mio dio che ho, a proposito, solo per
vi mostrerà come questo è facile
Mi sto handicappando usando Windows
tutto apposto
Sto usando un prompt di DOS che sto usando notepad
plus plus Non sto usando strumenti di ID fantasiosi
venire inganno online tutto okay
è così facile è quello di iniziare con
questa roba quindi ho un index.html, facciamolo
dì start index.html oh guarda là
questa è la mia app e possiamo vedere l’origine
quella app e possiamo vedere che è tutto
questa è la mia questa è la mia guida va bene così
è ciò che avremo ora, facciamolo
supponi questo qui perché puoi farlo tu
vedere il mio topo sì è così funzionante così
questa cosa qui è il bit che voglio
modello giusto quindi questo è per tutti
uno di questi voglio mettere un
elenca la voce qui, quindi cosa faccio bene?
Sono IIIi NON sono Scott, non resisto
qui su tasse per te io sono a buon mercato io ok
fai questo è quanto velocemente riesco a digitare
perché ora posso andare così
Oh sembra sempre lo stesso, ma quello che ho
ecco ora questo elemento della lista qui questo Li
è solo un segnaposto perché quaggiù
Ho una nuova sezione e la sezione ha
uno speciale inizio in linea e io no
di solito uso gli stili in linea ma questo è un
eccezione dove dico che non lo faccio mai e poi mai
mai voglia che questa sezione appaia così
display is – style è none e questo è
importante cavalca qualsiasi altra cosa
scivolo qui scarico piccoli frammenti di
HTML va bene ora quando è il DOM
caricato che esiste come un oggetto dentro
memoria nella memoria del browser così
quello che posso fare è che posso avere un po ‘
funzione qui chiamata aggiungi elemento sommario
che gli do un oggetto un oggetto ha un URL
e ha una descrizione e cosa
cosa sta per fare è che sta per
usa un po ‘ di magia jQuery qui
dirà trovare il contenitore
trova il cercatore ul che contiene questo
cosa poi trova quel modello di oggetto trovato
quel Li che stava semplicemente fluttuando dentro
quella sezione nascosta laggiù bene ora
cosa ho intenzione di fare e questo è tutto
jQuery okay, questo è per tutti i Pixies
io vado a clonare quell’oggetto ora
avere due copie di esso uno di loro
fluttuare in giro non collegato a nulla
ok quello che ho appena clonato sono
andando a pop che alla fine del
contenitore ciò che fa è che mi dà
un nuovo elemento di elenco va bene e poi ora che
nuovo articolo, ne sto andando a farne un po ‘
valli in I’m andando a trovare la cosa
ha una classe di URL e rilascia un
HOF in I’m andando a trovare la cosa
questa è la descrizione di una classe che sono
andando a rilasciare del testo in questo è tutto
Va bene così vediamo se questo funziona giù
qui ora hahaha grazie, Microsoft
spettatore curioso puoi andare laggiù
ringrazio Scott per qualche eccellente
Insegnare ieri sera va bene questo è il mio
browser va bene e nel mio browser posso
Tipo Aggiungi oh destra Ho come se avessi
un’idea qui ho una pace che ho
una cosa che ha il completamento automatico ok
dentro
Roma all’interno di Firefox hanno browser moderni
il talling in loro è davvero eccitante quindi
Aggiungerò un elemento di sintesi, diciamo solo
zoom indietro di nuovo, vedi se stessi andando
okay ecco il sommario di Bob’s cafe ad
elemento e ho intenzione di dire URL è Martin
Fowler comm ha appena aperto un caffè
negozio e descrizione è il caffè di Martin
negozio okay BAM oh guarda quanto è eccitante
quella
ora noterai che niente di tutto ciò sta andando
su un server ovunque questo è tutto
all’interno del browser sì, sto consegnando
manipolando il a e per quelli di
tu che già fai questo per Matt
io ero come se ci fossi, quindi posso
inizia a farlo fuori con stile
sviluppo che amo fare senza di me
non ho nemmeno bisogno di essere da nessuna parte ancora su un
il browser va bene quindi non è come sono
piuttosto eccitato da quello, fammi vedere
dove andrò, allora va bene, allora facciamolo
lasciatelo per un minuto e andiamo
torna al nostro mondo di Dan e e
PowerPoint e tornerò a destra
c’è un esempio quindi ecco la cosa
jQuery sa di Dom
quindi non devi andare tutto bene
su come trovare cose nel DOM è giusto
Selettori CSS che non è necessario imparare a
nuova cosa se sai come fare il
hash blah per un documento d’identità o un documento blah per a
classe puoi trovare cose okay e jQuery
ti permette di scorrere su quelle cose che loro
ti consente di raggruppare le cose come fai di tutto
di intelligente lo muove e cosa
stai facendo ora stai manipolando
un oggetto grafico che non stai attaccando
stringhe in altre stringhe okay questo è un
cosa davvero potente da avere nella tua
tasca posteriore così l’osservazione che ho
e questo è quello che non puoi prendere nulla
altrimenti via da questo strumento impara
JavaScript okay assolutamente da imparare
JavaScript ci sono persone che bussano
JavaScript sono un brutto oscuro sporco
angoli di JavaScript non li usano
okay , basta CoffeeScript
– No, che aspetto ha JavaScript
quindi smetti di fare CoffeeScript che era il mio
esperienza III ha scritto la lettera CoffeeScript
poi ho decaffeinato tutto ciò che ho girato
tutto torna in JavaScript regolare così così
da dove viene quindi il server
ora ho il mio ma anche qualcos’altro
tenere a mente dal browser
prospettiva è se quella roba è se il
mobili della pagina se il contorno se il
modello sta arrivando ora dal server
e ho intenzione di popolarlo con i dati
una volta che l’ho ottenuto, una volta che l’HTTP entra in azione
e dice che sono 302 Non ho bisogno di inviare
tutte queste cose tutte le volte
aggiorna questa pagina posso dirti che se
hai già capito che non è cambiato così
ora ti mando solo i dati così sei
rendendo le cose più performanti facendo
meno che bello modo in cui lo fa
lasciare il server che serve i dati non lo è
servire flussi di corde con angolo
le parentesi sono solo mettendo le cose
là dentro sì sì, questo significava un nuovo
generazione di app server
Sinatra è stato il primo in cui l’ho visto
Ruby ha detto che conosci tutte queste cose
rotaie fa cosa se tutto quello che hai fatto e se
Tutto quello che hai fatto come contenitore web sei stato tu
ottenere un URL e inviare roba indietro e
la roba che risale è principalmente Jason
per lo più sono solo dati sul filo
sapere o contenuto statico cosa succederebbe se fosse
proprio così e così piccola cosa
chiamato Sinatra è arrivato ed è stato quello
flask è una cosa simile in Python è
un piccolo adattamento nella tua testa web
contenitore va bene Joe avverte di recente ha scritto
un web server Java servire Java che nel
la loro mente giusta nel 2012 sarebbe
scrivere un nuovo server web java sicuramente
quel tipo di problema risolvibile sai
perché ogni singolo server web java fuori
c’è un container servlet
massicciamente complicato in ascia alle persone
perché è quello che vuoi che tu voglia
La roba di HTTP n va bene e il materiale
potrebbe essere che XML potrebbe essere JSON
come questi e qualunque cosa sia statica
contenuto ma è soprattutto ciò che desideri
la cosa servlet che è una che è di
appendice vestigiale va bene e poi Express
e connettetevi bene nel nodo node.js
sono come questi piccoli piccoli stack che
fai queste cose davvero bene
dove il server è così quello è il mio prossimo
regola e sembra davvero ovvio ma
è incredibilmente liberatorio, ok, il server
serve i dati che è tutto ciò che fa ciò che fa
ciò significa che può farlo davvero
davvero bene non ha bisogno di essere anche
la cosa che fa il templating e
unendo le cose insieme e anche il
cosa che fa il caching e anche il
cosa che fa bene, può solo essere
un server di dati che lo rende molto
la cosa più semplice è la ragione
servire i dati che non servono oggetti ok
certamente non trasferire il trasferimento di oggetti
l’oggetto è un ossimoro, non esiste tale
cosa come un oggetto di trasferimento che trasferisci
dati che trasferisci le rappresentazioni di
cose facciamo un esempio di invocazione
Hansel va bene, quindi cosa succede dopo
il prossimo è per mostrarti cosa è successo
c’è che ho scritto un server web per servire
up mike potrebbe mia app ed ecco la mia
Il web server molto complicato ok, lo ero
andando a farla aprire nell’editor ma io
appena realizzato probabilmente non ne vale la pena
e questo è quello che fa ed è pari
ha una linea di registrazione che non funziona
ne ho bisogno
questo è solo così possiamo vedere cosa sta succedendo
ora sto facendo questo in JavaScript tu
può farlo a casa in Python e Ruby
non importa perché tutto quello che hai
fare a tal fine è servire dati esso
non ha bisogno di essere intelligente, c’è un
delizioso piccolo strumento chiamato sempre-sempre
e quello che fa sempre è iniziare un po ‘
di JavaScript e poi ogni volta che si
vede un file cambiare che dipende da esso
riavvia un po ‘ abusando di esso quindi cosa fa
questo significa che ora è il mio browser
che è attualmente sul file barbar se io
andare a localhost 8080 uffici così eccitante
oh è la stessa cosa whoo ok ora questo
è buono e vediamo quali sono le fonti
di questo va bene così questo è sempre lo stesso
pagina questa è ancora una pagina con alcuni
roba statica in esso e una funzione che
se fossi nel repple di Chrome
Sarei in grado di aggiungere le cose nel modo giusto
facciamo in modo che servano i dati facciamo il
server di servire i dati come possiamo farlo
Indovina cosa imbrogliamo adesso, quindi ora noi
stanno andando a guardare il codice perché
puoi vedere quanto è più complicato
questo ha ottenuto ora fa tutto questo ok
quindi lascia che ti parli attraverso questa app ottenere
riassunti della barra indovinare di cosa si tratta
che dice quando qualcuno fa un andare avanti
sommari oblique si dovrebbe fare questo
funzione che cosa è questa funzione D bene
vediamo come rez è la risposta, quindi siamo
probabilmente impostando un’intestazione e lo siamo
probabilmente finirà e probabilmente lo faremo
inviando alcuni stringificare JSON di un dato
struttura una delle cose che ho
notato con questo stile di programmazione
è e ancora non si tratta di nodo o
JavaScript particolare come quello in
Python come pure è il codice guardo su
il lato server sta ora risolvendo il problema
problema non c’è quasi nessun codice sul
lato server che è tutto il
impianti idraulici e infrastrutture e cablaggio
e tutte quelle assurdità sono andate via
perché il server serve solo i dati
questo è tutto ciò che sta facendo e di nuovo lo è
come se fosse così ovvio che lo so
mi ha colpito come un facepalm ma così ora
fa questo e non lo sono anche noi
dare un’occhiata mentre siamo senza effetto
uno sguardo nel oh ho spostare le cose in
statico ora così possiamo servirli lassù
andiamo
diamo un’occhiata al mio index.html vieni
su ci andiamo quindi sono index.html che ho
ho aggiunto un paio di funzioni qui
ha aggiunto una funzione qui chiamata set
riassunti di cui si fornisce un elenco
riassunti e indovina cosa fa
trova l’UL e lo svuota e poi
itera sopra i riepiloghi e cade
ognuno in modo da ottenere una lista di riassunti
e sostituirà i sommari in
lì con elenchi di riassunti e questo
magia qui questa funzione dollaro da
jQuery cosa dice è una volta
la pagina viene caricata una volta che abbiamo tutto
i Dom sono pronti a scimmiottare
questa funzione e questa funzione dicono
dollaro dot ottenere Jason dice farlo fare
ricevere richieste su / url
su riassunti di barra e assumere la cosa
tornare indietro è jason e decomprimere il
jason e trasformalo in oggetti e mani
a me dollaro, Jason parla di
potere di pesare blimey a destra e poi
una volta che ce l’hai , comunque
tutti i riepiloghi impostati con esso sì così ora
accadrà che questa pagina verrà caricata
sta per andare fuori dal barattolo del server
consegniamo vediamo cosa succede così 500 così
ora ho questo fino a tardi, prendiamoci un
guarda di nuovo , va bene la fonte
vediamo cosa succede qui oh
aspetta dove sono i miei caffè e caffè
soffiare non è lì proprio questa cosa
qui questa cosa qui è il live attuale
Dom proprio questa cosa qui è solo la
roba che hai caricato vedi come sono
completamente non la stessa cosa di
loro sono la fonte della pagina ma è
l’istruzione per il browser su come
assemblare la pagina inizialmente e darti
a Dom l’altro è un rendering dal vivo
di un Dom così come vediamo quella cosa
bene vediamo quella cosa quaggiù e
ancora una volta va così, vediamo questo
cosa quaggiù ora qui posso e ancora
questo non è questo non è univoco per Chrome
Firefox fa anche questo, c’è una ragione
Non sto menzionando in Explorer così ora
nel mio sommario ah ecco i miei due
elementi di sintesi e non c’è uno di loro
e l’altro va bene così questo
è vivo
ok, che è abbastanza bello ora posso farlo
oh e anche devo andare oltre questo
evidenzia il bit su cui sto lavorando
ci sono tonnellate di strumenti nel
browser che rende questo veramente bello e
facile per me, hooray, penso che fosse tutto
Volevo dire a riguardo oh, va bene così
che c’era un’altra cosa che è
se guardate questa pagina ora questa pagina
che si adatta appena sullo schermo è quasi
tutto JavaScript e quasi nessun reale
HTML sì, quindi quello che farò è
refactoring perché Martin è qui e
questo è quello che facciamo oops che è irritante
ed è bello che andiamo a posto così tanto
checkout x5 okay e poi di nuovo qui
giusto così ora ho tirato questo sommario
in una sintesi è ciò che tendo a fare
tutte le cose che interagiscono davvero
con le cose che continuo a lasciare nella pagina
perché poi vedi quella pagina e tu
può vedere cosa succederà con esso
non appena lo hai caricato ma tutto il
funzioni che fanno cose che sono spesso
sono fuori in piccoli file sorgente okay
e possiamo guardare in sintesi DOJ’s è il
stesso
è solo il modo in cui il ragazzo è l’unico
cambia lì, ma ora si può iniziare a
guarda come questa app si evolverà
l’app si evolverà in modo tale che il
modello il contorno di tutto ciò che è roba
sta per essere in HTML sarà
pulirlo pulito bene segnato
HTML html5 semanticamente ricco ti dà
cose come sezioni e utili
parole piuttosto che come derivate div div
qualsiasi comportamento sul lato client sta per finire
su file javascript nella mia istanza qualsiasi
anche i comportamenti lato server
piccoli file JavaScript se scopro
che la roba che sta arrivando sul
filo sto facendo un sacco di JavaScript
manipolazione prima di dare al Dom
forse potrei semplicemente andare dritto
torna al server e fallo fare
prima che me lo mandi posso farcela
posso rinviare quella decisione se ho il
la stessa tecnologia su entrambi i lati, quindi è così
una cosa carina quindi torniamo qui
si, come no
quindi 7/8 non dati proprio meno di un
esempio quindi jason javascript object
la notazione sa che è strutturato in JavaScript
notazione di dati che non rotola via
anche la lingua va bene, ma non è un oggetto
superare gli oggetti che stai inviando dati
in giro um ok, quindi come lo stiamo facendo?
sembra ancora un po ‘ 1999 lascia che ti mostri
i miei conti lì per ora così sembra a
bit 1999, quindi ricordati che ho detto che lo ero
Peccato per il design che sto per mostrare
tu inizialmente come spazzatura sono al design
e così di nuovo qui e solo per davvero
strofinare sale in questo oops così è davvero
strofinare in questo modo questo è già il mio
abbastanza brutta pagina web va bene ho intenzione di
aggiungi un modulo e aggiungi un piccolo modulo
ti permette di aggiungere per creare una nuova sede
riassunto okay, quindi lo farò per
facendo il controllo degli altri oh questo e io
ricarica questa pagina quanto è sexy come
ti piacciono i confini quadrati e stupidi
cose e cose e tutto ciò va bene
è questo è come quasi tutti i miei applicazioni web
ho mai visto che non sono quel ragazzo okay
per fortuna alcune persone molto molto intelligenti a
Twitter sono quel tipo e si aprono
ha origine una cosa chiamata bootstrap che è
non è l’unico del suo genere di nuovo ma
è quello che trovo di gran lunga
più semplice e quello che hanno sono i designer
e ciò che i designer fanno non si tratta
gradiente riempie e curva ma quello che loro
capire è l’ equilibrio in modo che capiscano
quali tipi di carattere sembrano buoni insieme
capiscono che percentuale di piccoli
piccolo dovrebbe essere paragonato a uno standard
dimensione carattere capiscono come allineare
le cose in un modo che abbia senso per
l’occhio, perché questo è un intero nother
dominio che io non sono non ho un
esperienza in modo da fingere e quello che sono
sta per fare questa vista su qui
okay, quindi voglio che tu guardi questo e
ricordalo ok
in realtà io non è giusto e ma
ora ho intenzione di fare una linea locale
modificare
okay guarda che vedi quello
cambio linea qui va bene questa è la linea
Alla riga cinque ho aggiunto un foglio di stile singolo
ora whoa voglio dire che non è ancora grande ma
ok ora, quindi questo è l’unico markup
qui è così questo è dove h1 piccolo
Ho appena detto che è piccolo e bootstrap
Ho detto ah so cosa significa piccolo piccolo
significa che lo renderò più piccolo
font ho intenzione di mantenere la stessa larghezza
e c’è una conversazione sul kerning
possiamo avere e ho intenzione di grigio
un po ‘ ma sto andando grigio a destra
importo quindi sembra che wow non nemmeno
so come iniziare a elaborare quello che io
lo so è che scrivo la parola piccola
e questo succede ok e io sono giù con
quella
lì, ma c’è un sacco di cose sottili
così tanto che questa etichetta è per un
ora imbattiamo la bella luce blu hmm
solo che di nuovo hmm va bene è stupendo
e quel blu integra quel blu che ho
fatto nulla su questo da colorare
questo a tutti risulta che questo blu
è nella stessa parte della gamma degli occhi
sembra simpatico a questo blu
e il mouse sopra il blu leggermente
il blu più scuro è di nuovo parte del
stessa tavolozza in modo che abbiano trovato un
tavolozza di colori che lavorano insieme
va bene
yeah Non so nemmeno come dirtelo
quanto è bello
ed e inoltre è possibile tutto questo per
afferra quindi siamo tu non vuoi un intero
molti siti sembrano tutti uguali
e quello che puoi fare è che ti danno il
ganci quindi questo non è scritto in CSS questo
è scritto in a
super set di CSS chiamato les che è
è strutturato in modo tale da permetterti di
fare cose gerarchiche e ha
variabili e estensioni davvero semplici
ai CSS che lo rendono più utilizzabile e che cosa
bootstrap ha fatto o ha fatto Twitter
loro hanno abilmente il bootstrap
ti ho dato i ganci in alto così
in genere solo le variabili ei valori che
puoi cambiare questo significa che puoi
creare un ancora completamente auto
coerente combinazione di colori o
stile diverso o layout diverso così
e questo è così ricordare tutto quello che ho fatto è stato
questa linea cambia ora quando sono
progettare app come questa in genere
apri il jquery api in un browser
scheda Ho bootstrap aperto in uno o due
altre schede di libri di Brooke che di solito ho
sottolineatura che è un funzionale adorabile
programmazione della libreria di tipo e per
JavaScript quindi ho un sacco di cose
apri e dopo averlo usato
per circa cinque minuti c’è un mucchio
di piccole cose che prendi così sono
solo andando a mostrarti con illuminato e quando
Stavo mettendo questo insieme mi ha preso
meno di 10 minuti per farlo andare
qui per quello che stai per vedere quale
è otto e ancora prima che lo faccia lo farò
solo voi mostrare questa la fonte di ciò che
è successo qui, quindi cosa ho fatto tranne il mio
formare questo che l’etichetta l’etichetta
nell’input sono ancora qui
ma quello che ho fatto è che mi sono avviluppato
avvolto l’etichetta e l’input in un div
chiamato gruppo di controllo quindi ora bootstrap
sa che queste due cose sono correlate
fanno parte dello stesso controllo e
Ho detto che questo è il
etichetta di controllo e ho detto che questo
Uno è il oh io non vi dico che uno
qual’è l’ altra cosa
ma fondamentalmente il controllo va sotto controllo
l’etichetta che ti serve ha anche questo concetto
di un pozzo ora un pozzo è solo un
area che è un po ‘ incassata
questo non è ovviamente due schermi piatti
ma sembra leggermente incassato
non hanno proprio capito
e ma così questi sono il tipo di cose
L’ho fatto e quello che è venuto fuori alla ricerca
come dopo circa cinque minuti è quello
e io sono così carino
rispettabile ma c’è un sacco di sottile
le cose stanno andando lì che sono belle
rispettabile quindi non solo ho ancora
la mia bella luce blu, ma noterai
che questi sono allineati questi ragazzi qui
sono giusti giustificati okay così che possa
darti una bella linea negli occhi qui
c’è il nostro come un indenting da qui
c’è un pulsante di
margine di qui e un margine a sinistra e
allora in questo pozzo interiore vorresti solo
vedi perché c’è un piccolo segnale visivo
con la linea
sì , non è una grande linea solida, ma lo è
no non c’è um ha lo stesso rientro e
lo stesso e lo stesso drop solo il
tutta la cosa è messa insieme davvero
esteticamente bene e ottieni questo
per non abbastanza libero ma per davvero davvero
vicino a gratis e così di questi tipi
le cose mi permettono di andare avanti e io
Immagino che questo sia probabilmente il tema del
l’intera cosa è che non mi sono mai sentito così
ha il diritto di scrivere solo app e
vai e mi sento come se avessi il controllo
di tutto lo stack non ci sono cose
questo mi sfugge mentre so che usarlo
solo i ricchi client desktop sono così
molte cose che ho usato ho usato swing
con rabbia per molti anni c’è un sacco di
cose che non so sullo swing okay
parlare a ragazzi dotnet che hanno un simile
esperienza con c-sharp um okay quello è
tutto quello che volevo mostrarti così
di nuovo a destra in modo ya bootstrap sa
riguardo gli stili in modo da non doverlo fare
um c’è un tema qui giusto e il
il tema è la regola 4 che è di qualcuno
già risolto qualunque cosa sia, sì
stai per provare a fare con le app web
voi gente d’impresa avete ragione altre persone
l’ho già risolto che è
fantastico perché significa che puoi concentrarti
sui problemi che stai cercando di risolvere
e significa un po ‘di googling a
un po ‘di Stack Overflow e a
un po ‘di mascolinità e tutto il
le risposte ci sono e anche che deve essere
ha detto per l’ open source i documenti a questi
le cose che descrivo sono spettacolari
Intendo davvero molto come tutorial
significa che solo i documenti ufficiali sono come
sono fare tutorial e di riferimento API
e tutta quella roba è davvero ricca e
poi ci sono un sacco di post sul blog e
roba per iniziare così qualcuno già
risolto il diritto Dom jQuery jQuery
risolve il Dom significa che significa che io
può controllarlo sfrigolare è il sottoinsieme di
che John Rzeznik tirò fuori il sottoinsieme
di quello che è il selettore CSS
parte quindi se tutto quello che voglio fare è prendere i bit
di Dom e fare cose con loro dentro
JavaScript e io non ho bisogno di jQuery
per qualsiasi altra cosa io
basta usare sfrigolare che è piccolo Zepto è un
cosa simile quindi è jQuery aromatizzato
ma è molto più piccolo ed è progettato
per i dispositivi mobili non ho nemmeno parlato
è come il binding dei dati di associazione dei dati
di nuovo incredibilmente facile ce n’è un sacco
modelli per questo
c’è knockout che è di più
associazione dati tradizionale che hai taggato ciascuno
delle cose che vuoi essere dati
associato a qualche codice JavaScript e
ci sono callback e quel tipo di cose
spina dorsale è un po ‘più fuori di testa così tu
iniziare con i dati e in sostanza ordinare
di legare verso l’esterno da ciò che è
ottimo se hai intenzione di mettere un
app su più piattaforme diverse
perché il tuo modello di vista , se ti va
loro il modello della roba in a
il lato client è lo stesso su tutto il
dispositivi il rendering di esso
ricorda che il modello è diverso
perché stiamo templando bene il
template e uno sarà aggiunto
il modello un altro sarà a
cosa diversa su un dispositivo mobile a
messaggio angolare angolare fa un passo
ulteriormente angolare dice immaginare il Dom era
il quello dato il Dom è il
interfaccia è un po ‘schifosa è un po’
manca di certe dotazioni che
lo renderebbe una fonte di eventi davvero buona
ad esempio, quindi, cosa faremo
è che avete la vostra si carica la tua pagina
avere un codice angolare e angolare
efficacemente pre elabora il tuo Dom in
un altro Dom che ha tutto questo
le cose pendono e questo è quello che succede
viene reso non l’ho inserito nel mio
testa ancora ma penso che sia abbastanza intelligente
JavaScript va bene così tutti vanno d’accordo
JavaScript oh non lo fa questo
non lo fa è diverso in tutto
il diverso va bene è vero fino a te
usare qualcosa come underscore se lo uso
qualcosa che sottolineo tutti i miei
tutto ciò che è sequenziale così così Maps come a
sequenza di coppie o elenchi di valori chiave
solo una sequenza di elementi che posso usare
tutte le dotazioni funzionali a differenza
Ho una mappa che ho ridotto ho
iniettare ho tutte queste cose così
così e zip e tutte queste cose sono solo
costruito per sottolineare e quindi mi dà un
uniformità quindi non ho bisogno di preoccuparmi
e di nuovo il software aziendale va bene
non progettare per le persone che eseguono ie7 o
qualunque cosa diciamo semplicemente che stiamo usando
Chrome utilizza Firefox World Test per
quelli e, se non li stai usando
allora non puoi usare le nostre app e
in realtà funziona abbastanza bene
impresa finché le persone vedono cosa
stanno facendo andare a vedere, se è così
significa che possiamo ottenere questa roba questo
molto più veloce
molto migliore qualità si certo avremo
quello e abbiamo trovato davvero che lo trovo
stato molto facile da ottenere l’adozione per
quello che altro CSS
abbiamo bootstrap ma questo lo sai
è uno dei tanti che lo scheletro è di nuovo
Scott mi stava raccontando della griglia 960 così
Nasce una bella trama che viene dal nome
dall’idea che se modellate uno schermo
è largo 960 pixel, quindi è molto
è davvero facile da pensare in termini di
come quarti o quinti o sesti o
qualunque cosa abbia diviso, il 960 divide per carico
di roba quindi significa che puoi avere
sedicesimi di una pagina e tutti guardano
lo stesso, quindi è una buona dimensione della griglia da usare
e bootstrap ha preso quell’idea e loro
detto ok avremo una griglia 960 ma
renderemo davvero facile fare blocchi
di esso
quindi cose di cui non ho parlato e io sono
quasi fuori dal tempo queste sono cose che io
sapevo che non avevo intenzione di parlare
così ho pensato che ho detto comunque io
non ha parlato di URL nella storia così
c’è un modello adorabile in html5 in
browser moderni in cui quando si cambia
l’ hash si ottiene un evento sparato bene così
l’hash è puramente lato client, quindi posso
mentre clicco e cambio pagina
stato posso aggiornare l’hash okay
e ciò significa che posso prendere quel link mail
a qualcuno possono fare clic sul link
la pagina può caricarlo può guardare a cosa
è il valore hash è che possono andare sei tu
Devo essere qui con tutti questi
cose così ogni cambiamento nello stato della pagina è
ancora rintracciabile e la cosa grandiosa con
l’API della cronologia è che posso tornare indietro e
avanti attraverso quei cambiamenti di hash e
puoi fare anche altre cose quindi ora
Pensa a questo se pensi al tuo
il codice che spegni è cambiato
la posizione da dire oh voglio cambiare
questo valore hash che ha di per sé il fuoco
cambia evento che causa una cascata di
roba in modo da poter aggiornare la tua pagina
da solo in sé c’è davvero
puoi trovare fonti di eventi e sincronizzazioni interessanti
fare fino a quando il browser è stato un ID I
di cui ho parlato solo per davvero
brevemente su alcune delle cose che puoi
fanno con Chrome e Firefox sono
incredibilmente potente, posso guardare i CSS
vivi nella pagina posso cambiare la SS
valori e vedere cosa succede se cambio
dimensioni dei margini e colori e tutto ciò che
tipo di cose è un non è solo un
rendendo più motore va bene
la comunità che ho menzionato
Non ho mai visto persone più amichevoli
ok ovunque vada nel mondo html5
sia che tu conosca i ragazzi v8
facendo la micro regolazione Hulk o C ++ o
i ragazzi nodejs o se si sa gente come
Leo Viru e anche l’esercito CSS là fuori
chi non vogliono mostrarti come
sono intelligenti vogliono che tu disegni
grandi siti web come circa il cappello che stanno
dalla tua parte e ho citato il gioco se
hai JavaScript front e back-end
allora puoi spostare tutto ma questo
è un modello davvero potente è davvero
orgoglioso di un modello di programmazione così così che cosa
posso imparare quello che posso imparare così la prima
cosa immagino che il DOM sia un modello okay
usalo come un modello impara ad usarlo
come un modello improvvisamente un sacco di cose
diventa possibile tutto è un evento
okay, tutto è asincrono
tutto è un evento che ricevi
evento di processo Venturi in matematica Martin
Fowler che è seduto qui davanti
fu stava parlando l’idea di evento
fonti e sink di eventi di cui parla
milioni di anni fa, sai che siamo solo
recuperare tutto è un evento
fonte e tutto è un sink di evento
e se modellerai il tuo mondo in quel modo
allora hai cose come replay e
rollback e tutti questi tipi di cose
si ottiene quasi gratis e si scopre
che il ciclo di eventi singoli di JavaScript
il mondo si presta molto bene a questo
tipo di modello puoi lavorare veramente fuori
in te hai visto fino a che punto ho ottenuto questa cosa
senza nemmeno bisogno di un server ancora
senza nemmeno bisogno di servire la pagina
da un server ancora giusto puoi ottenere un
lunga strada solo armeggiando nel
browser e la cosa che mi piace paga
Fai tardi alla festa perché io vengo
e tutti hanno fatto tutto come
faccio a risolvere questo difficile problema digitato
ah ok ho solo copiare quella cosa in
lì e usano questa cosa e tutto
funziona, è fantastico grazie mille
questo è il codice go Apps Web
grazie, ho un minuto per
domande no, è ora del caffè
prendi il tuo caffè grazie
Please follow and like us: