Download to read offline
Uploaded byTracy Lee
The Tale of 2 CLIs - Ember-cli and Angular-cli
The document discusses the importance of command-line interface (CLI) tools, specifically ember-cli and angular-cli, in web development. It highlights their ability to streamline project setup, adhere to community conventions, and enhance productivity through features like add-ons and automated testing. Additionally, the talk includes personal anecdotes and resources for further learning and application development.
More Related Content
Similar to The Tale of 2 CLIs - Ember-cli and Angular-cli
![Inclusive Architecture - Introducing the PAMstack - [Refactr.tech]](https://cdn.slidesharecdn.com/ss_thumbnails/refactr-190614202717-thumbnail.jpg?width=640&height=640&fit=bounds)
The Tale of 2 CLIs - Ember-cli and Angular-cli
- 1. made with keynote GoodEvening! @ladyleet
- 2. made with keynote Howmany of you use a cli tool? @ladyleet
- 3. @ladyleet “2016 will bethe year of the CLI” - @rob_dodson, google developer advocate polymer
- 4. @ladyleet My search forcli tools this weekend
- 5. made with keynoteCLIsmake web development accessible to everyone. @ladyleet
- 6.
- 7. made with keynote Todaywe’re going to talk about my two favorite clis! ember-cli and angular-cli @ladyleet
- 8. Entrepreneur sold my startupDishcrawl Junior Developer Playing with frameworks & JS Traveling Entrepreneur New company, #digitalnomad Who Knows? LYFE. #YOLO @ladyleet Bit About My Life
- 9. made with keynote Iwould not be doing development if it weren’t for ember-cli @ladyleet
- 10. made with keynote ember-cliwas able to help me build apps immediately. @ladyleet
- 11.
- 12.
- 13.
- 14. made with keynote angular-cliwas the same story. @ladyleet
- 15.
- 16.
- 17. made with keynote •Why these tools are important • Development environment • Setting up a project • Community • Ember add-ons • Success stories • Creating and deploying an application • Live code up some apps! What we’re going to talk about! @ladyleet
- 18.
- 19. made with keynote Architectapplication Conventions of application Live reload / dev server Compiler for ES6 Testing Staging Production @ladyleet Setting up your dev environment
- 20. made with keynote Architectapplication Conventions of application Live reload / dev server Compiler for ES6 Testing Staging Production @ladyleet Setting up your dev environment
- 21. made with keynote Architectapplication Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet Ember-cli & Angular-cli do it for you App structure same for every app Follows community conventions BabelJS / TypeScript Out of the box! Creates tests for you! Out of the box! Out of the box!
- 22. made with keynote Ashort list of the awesome (there’s more) @ladyleet Tree shaking Route generation Component generation Model generation Tests (unit, acceptance, e2e) Sass/less support Add-ons Package.json Bower.json * these are in some or one of ember-cli or angular-cli
- 23. made with keynote TheEmber Community Because of conventions and standards, a wealth of knowledge has emerged. @ladyleet
- 24.
- 25. made with keynote $ember install <ember-addon> Ember-cli allows you to install add-ons into your application and directly imports other build systems without configuration. The benefit of conventions. @ladyleet
- 26. made with keynote Add-onSuccess Stories @ladyleet ember-data - data layer for your Ember apps ember-cli-deploy - deployment pipeline ember-cli-mirage - client-side HTTP server to develop, test and demo your Ember app
- 27. made with keynote Myfavorite add-on success story @ladyleet angular-cli! without ember-cli, angular-cli would not exist.
- 28. made with keynote Whatabout Angular 2 add-ons? Coming soon. @ladyleet
- 29. made with keynote Let’sbuild an app! @ladyleet
- 30. made with keynote $npm install ember-cli $ ember new <app-name> @ladyleet $ npm install angular-cli $ ng new <app-name> Installing the cli and creating a new app
- 31. made with keynote Let’sget into some code! @ladyleet
- 32. made with keynote •Why these tools are important • Development environment • Setting up a project • Community • Ember add-ons • Success stories • Creating and deploying an application • Live code up some apps! What we went over today! @ladyleet
- 33.
- 34. @ladyleet Resources Github starter repo:https://github.com/ladyleet/yolobrolo-ember-demo App on Heroku: http://yolobrolo-ember-1.herokuapp.com/ Setting up a basic Ember.js app: https://medium.com/@ladyleet/setting-up-a-basic- ember-js-app-c9323760c675#.df609as7e Video: https://www.youtube.com/watch?v=-Ury2S9Y-4Q Tracy Lee @ladyleet github.com/ladyleet modern-web.org medium.com/@ladyleet
- 35. made with keynote Thankyou! @ladyleet