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 CVJMETQFDJDBUJPOGPS#SPDDPMJ bower.json package.json

Slide 9

Slide 9 text

'PMEFSMBZPVUXJUIJOBQQ app/app.js FOUSZQPJOU app/index.html app/router.js SPVUFDPOHVSBUJPO app/styles/ TUZMFTIFFUT app/templates/ IBOEMFCBST app/components/ app/controllers/ app/helpers/ app/routes/ app/views/

Slide 10

Slide 10 text

ember generate (FOFSBUFTBTQFDJD&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/*/(