Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
-FBSOJOH&NCFS$-* &NCFSKT5PLZP.FFUVQ!4",63"*OUFSOFU CZ!FTVLFJ 4BUPSV,BXBIBSB
Slide 2
Slide 2 text
&NCFS$-*
Slide 3
Slide 3 text
IUUQXXXFNCFSDMJDPN “The command line interface for ambitious web applications.”
Slide 4
Slide 4 text
node -v v0.10.x npm install -g bower npm install -g phantomjs 1SFSFRVJTJUFT
Slide 5
Slide 5 text
npm install -g ember-cli *OTUBMMBUJPO
Slide 6
Slide 6 text
ember new ember generate ember serve ember test ember build $PNNBOET
Slide 7
Slide 7 text
ember new (FOFSBUFTBO"QQMJDBUJPO4USVDUVSF
Slide 8
Slide 8 text
'PMEFSMBZPVU app/ &NCFSBQQDPEFT dist/ EJTUSJCVUFTZPVSBQQ public/ TUBUJDBTTFUT JNBHFT GPOUT tests/ UFTUDPEFT tmp/ UFNQPSBSZ vendor/ CPXFSDPNQPOFOUT .jshintrc .gitignore Brocfile.js CVJMETQFDJDBUJPOGPS#SPDDPMJ bower.json package.json
Slide 9
Slide 9 text
'PMEFSMBZPVUXJUIJOBQQ app/app.js FOUSZQPJOU app/index.html app/router.js SPVUFDPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST app/components/ app/controllers/ app/helpers/ app/routes/ app/views/
Slide 10
Slide 10 text
ember generate (FOFSBUFTBTQFDJD&NCFS0CKFDU 3PVUF $POUSPMMFS .PEFM
Slide 11
Slide 11 text
ember serve #VJMEZPVSBQQ 3VOBMPDBMTFSWFS FYQSFTT 3VOBMJWFSFMPBE
Slide 12
Slide 12 text
ember test 3VOBUFTU 2VOJU
Slide 13
Slide 13 text
ember build #VJMEZPVSBQQ
Slide 14
Slide 14 text
"TTFU$PNQJMBUJPO app/styles/app.{css,less,sass} assets/.css app/**/*.js assets/.js app.import(‘*.css’) assets/vendor.css app.import(‘*.js’) assets/vendor.js public/assets/* assets/*
Slide 15
Slide 15 text
DPNNBOETBSF7&3:6TFGVM #VU ember
Slide 16
Slide 16 text
5IFSFBTPOXIZ*VTF&NCFS$-* JT
Slide 17
Slide 17 text
.PEVMFT 3FTPMWFS /BNJOH$POWFOUJPO
Slide 18
Slide 18 text
&4NPEVMFTZOUBY &4.PEVMF5SBOTQJMFS
Slide 19
Slide 19 text
3FTPMWFS/BNJOH$POWFOUJPO
Slide 20
Slide 20 text
8IFO ZPVXBOUUPDSFBUFBDPOUSPMMFSGPS *OEFYQBHFPG$PNNFOUTGPSB1PTU
Slide 21
Slide 21 text
&NCFSKTXBZ var PostCommentsIndexController = App.Ember.ArrayController.extend({ model: function () {}; });
Slide 22
Slide 22 text
&NCFS$-*XBZ import Ember from "ember"; ! export default Ember.ArrayController.extend({ model: function () {}; }); "OE
Slide 23
Slide 23 text
4BWFBT app/controllers/post/comments/index.js
Slide 24
Slide 24 text
/BNJOH$POWFOUJPOTGPS'JMFOBNF
Slide 25
Slide 25 text
NBLFTJUFBTZ ember generate ember generate controller post/comments/index create app/controllers/post/comments/index.js create tests/unit/controllers/post/comments/index-test.js
Slide 26
Slide 26 text
Ԩ "WPJEHMPCBMWBSJBCMFT Ԩ "WPJEUPPMPOHWBSJBCMFTˏOBNF Ԩ &BTZUP3FGBDUPS Ԩ ,FFQTUSVDUVSF$MFBO
Slide 27
Slide 27 text
JT .03& UIBO KVTUB$-* &NCFS$-*
Slide 28
Slide 28 text
IUUQTHJUIVCDPNTUFGBOQFOOFSFNCFSDMJ “Although potentially exciting, this is still really a WIP, use at your own risk.” 8"3/*/(