Yeoman intro
-
Upload
gergely-nemeth -
Category
Technology
-
view
672 -
download
0
description
Transcript of Yeoman intro
![Page 1: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/1.jpg)
Yeoman
Frontend Meetup Budapest, October Gergely Nemeth @nthgergo
![Page 2: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/2.jpg)
Why Yeoman?“Yeoman is a robust and opinionated client-side stack, comprising tools and
frameworks that can help developers quickly build beautiful web applications.”
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 3: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/3.jpg)
Why Yeoman?“Yeoman is a robust and opinionated client-side stack, comprising tools and
frameworks that can help developers quickly build beautiful web applications.”
● scaffolding, write less with Yo
● build, preview and test with Grunt
● dependency management with Bower
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 4: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/4.jpg)
Why Yeoman?“Yeoman is a robust and opinionated client-side stack, comprising tools and
frameworks that can help developers quickly build beautiful web applications.”
● scaffolding, write less with Yo
● build, preview and test with Grunt
● dependency management with Bower
● maintained separately
● play well together, all part of the Yeoman workflow
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 5: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/5.jpg)
Yo
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 6: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/6.jpg)
Yo● scaffolding tool
● install globally with:
○ npm install -g yo (includes Grunt and Bower)
● generators
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 7: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/7.jpg)
Grunt
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 8: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/8.jpg)
Grunt● javascript taskrunner
● why? automate repetitive tasks
○ linting
○ compiling
○ minification
○ testing
○ etc...
● more plugins from NPM
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 9: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/9.jpg)
Bower● front-end package management
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 10: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/10.jpg)
Bower● front-end package management
● runs over:
○ Git
○ Http(s) URL
○ Zip
○ NPM
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 11: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/11.jpg)
Bower● front-end package management
● runs over:
○ Git
○ Http(s) URL
○ Zip
○ NPM
● maintained by Twitter and the open-source community
● configuration in bower.json
○ devDependencies
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 12: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/12.jpg)
Showtime!https://github.com/gergelyke/Yeoman-demo
Frontend Meetup, October
Gergely Nemeth | @nthgergo
![Page 13: Yeoman intro](https://reader034.fdocuments.us/reader034/viewer/2022051514/54b74f9d4a79592b5b8b45bb/html5/thumbnails/13.jpg)
Frontend Meetup, October
Gergely Nemeth | @nthgergo
Thanks!