Upload

Loading...

Use Yeoman & Twitter Bootstrap for Rapid Prototyping

5,810

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Jan 25, 2013

** HD version: A short screencast on how to code your next web site leveraging yeoman.js and Twitter Bootstrap; create a clean and simple web pages quickly.
*** Same material but using Yeoman 1.0: http://www.youtube.com/watch?v=YEpMzp...

Yeoman gives you a workflow to initialize, build, serve, and live reload your web pages.

With Twitter Bootstrap, you simply use their standardized class names in your markup (e.g. 'btn', 'table-striped', 'nav', etc.), and their pre-worked CSS kicks in giving you beautiful web page widgets.

If you want to learn how to code up pages quickly these tools are a must!
http://yeoman.io/
http://twitter.github.com/bootstrap/

Relevant Docs:
http://twitter.github.com/bootstrap/c...
http://twitter.github.com/bootstrap/b...
http://twitter.github.com/bootstrap/b...

Loading...

How to code

  1. Use Yeoman & Twitter Bootstrap for Rapid Prototyping

  2. 2

    How to code: Yeoman Testing Part 1 (HD)

  3. 3

    How to code: Yeoman Testing Part II

  4. 4

    How To Code: Compass and Sass (HD)

  5. 5

    How To Code: Yeoman Compass and Sass (HD)

  6. 6

    How To Code: Grunt 1 - Concat Minify

  7. 7

    How To Code: Grunt 1b - file_strip_banner issue

  8. 8

    How To Code: Grunt 2 - Package.json

  9. 9

    How To Code: Grunt 3 - Lint

  10. 10

    How To Code: Grunt 4 - Tasks

  11. 11

    How To Code Grunt 5 - Loading NPM Tasks (grunt.js plugins)

  12. 12

    How To Code: Twitter Bower

  13. 13

    How to code: Cloud Based Cross Browser Testing

  14. 14

    How to code: Cloud Based Cross Browser Testing - SSH Tunnel

  15. 15

    How to code: iterm2 Profiles and Window Arrangements

  16. 16

    Secrets of the JavaScript Ninja - Assertions Scoping

  17. 17

    Secrets of the JavaScript Ninja - Function Constructors

  18. 18

    Yeoman 1.0 Upgrade

  19. 19

    Yeoman 1.0 - Caveat

  20. 20

    Yeoman 1.0 & Twitter Bootstrap for Rapid Prototyping

  21. 21

    How to code: Strict Mode JavaScript

  22. 22

    How to code: How `bind` works in JavaScript

  23. 23

    How to code: How `bind` works in JavaScript (Part 2)

  24. 24

    How to code: Loops and Closures

  25. 25

    How to code: Chrome Console Tips

  26. 26

    Yeoman 1.0 Backbone RequireJS - Video 1

  27. 27

    Yeoman 1.0 Backbone RequireJS - Video 2

  28. 28

    Yeoman 1.0 Backbone RequireJS - Video 3

  29. 29

    Yeoman 1.0 Backbone RequireJS - Video 4

  30. 30

    Designing in the Browser with ditbi

  31. 31

    adding a git submodule

  32. 32

    How to Make Your Twitter Bootstrap Project Look More Unique

to add this to Watch Later

Add to