13. What is Bootstrap?
• A front-end framework
• HTML, CSS, JavaScript
Friday, May 31, 13
14. What is Bootstrap?
• A front-end framework
• HTML, CSS, JavaScript
• Makes web design and development easy
Friday, May 31, 13
15. What is Bootstrap?
• A front-end framework
• HTML, CSS, JavaScript
• Makes web design and development easy
• Easy to learn
Friday, May 31, 13
16. What is Bootstrap?
• A front-end framework
• HTML, CSS, JavaScript
• Makes web design and development easy
• Easy to learn
• Easy to use
Friday, May 31, 13
17. What is a Front-end Framework
Friday, May 31, 13
18. What is a Front-end Framework
• Frameworks
Friday, May 31, 13
19. What is a Front-end Framework
• Frameworks
• Toolkits
Friday, May 31, 13
20. What is a Front-end Framework
• Frameworks
• Toolkits
• Boilerplate
Friday, May 31, 13
21. What is a Front-end Framework
• Frameworks
• Toolkits
• Boilerplate
• Grid Systems (CSS)
Friday, May 31, 13
23. Why do we need it?
• Default, unstyled HTML is fairly ugly
Friday, May 31, 13
24. Why do we need it?
• Default, unstyled HTML is fairly ugly
• I’m not a designer
Friday, May 31, 13
25. Why do we need it?
• Default, unstyled HTML is fairly ugly
• I’m not a designer
• Tables are bad, but were always so much easier to layout designs with
Friday, May 31, 13
26. Why do we need it?
• Default, unstyled HTML is fairly ugly
• I’m not a designer
• Tables are bad, but were always so much easier to layout designs with
• IE
Friday, May 31, 13
27. Why do we need it?
• Default, unstyled HTML is fairly ugly
• I’m not a designer
• Tables are bad, but were always so much easier to layout designs with
• IE
• The browser on your computer, tablet, phone, car, refrigerator...
Friday, May 31, 13
29. Where to get it?
• http://twitter.github.io/bootstrap/
• Where to get it?
• http://twitter.github.io/bootstrap/getting-started.html
• Download compiled version
Friday, May 31, 13
30. What do you get?
• css/bootstrap.css
• js/bootstrap.js
• img/
• glyphicons-halflings.png
• glyphicons-halflings-white.png
Friday, May 31, 13
60. There are lots of tools out there.
You should learn them.
Friday, May 31, 13
61. jQuery
• Abstracts out cumbersome parts of JavaScript
• Abstracts out differences in browser version
• Provides a common interface
• Widely popular
• You should learn it!
Friday, May 31, 13
62. Underscore.js
• A nice library for abstracting away silly parts of JavaScript
• Plays well with jQuery
• Makes JavaScript development enjoyable
• Let’s you focus on writing code
• You should learn it!
Friday, May 31, 13
63. Moment.js
• Date/Time handler in JavaScript
• Easy
• Easier than that
• And probably easier than that
• Learn it!
Friday, May 31, 13
64. Backbone.js
• A front-end library for developing complex JavaScript Applications
• Single Page Applications
• Handles communication with API end-points
• Maps Models toViews
• Learn it!
Friday, May 31, 13
66. MySQL
• It’s a database!
• It’s a store for data!
• It’s probably on your server!
• It’s fairly simple to use!
• Learn SQL!
Friday, May 31, 13
67. RabbitMQ
• Messaging
• Makes complex things difficult
• Event-driven
• That next step as a developer (remember learning MySQL?)
• Learn it!
Friday, May 31, 13
68. Transparency.js
• JavaScript Templating Language
• You already know how to write templates (HTML)
• Subtle in how it works
• Works well with Backbone
• Learn it!
Friday, May 31, 13
69. LESS
• CSS++
• Makes writing CSS much easier
• Variables
• Mixins
• Learn it!
Friday, May 31, 13
70. Require.js
• AMD - Asynchronous Module Definition
• require(‘file.js’);
• Write modular JavaScript
• Keep things easy to maintain
• Learn it!
Friday, May 31, 13
71. Makefile
• make
• DRY
• Writing your build steps once
• make backup, make test, make css, make js, make site
• Learn it!
Friday, May 31, 13
72. Jenkins
• Automated make!
• Build things after you’ve committed
• DRY
• Logging
• Learn it!
Friday, May 31, 13
73. git
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
Friday, May 31, 13
74. git
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
• If it’s not in version control, it doesn’t exist
Friday, May 31, 13
75. git
• If it’s not in version control, it doesn’t exist
• Commit early, commit often.
• Branch and merge freely
• Everyone is using it
• Learn it!
Friday, May 31, 13
76. git
If it’s not in git, it doesn’t exist.
Friday, May 31, 13