AC UI Bootcamp
Next talks
Contents
Javascript
Presentation
| Subject | Topic | Presented by |
| SASS | Building awesome UI components with SASS | Arthur Câmara |
| HTML5 | Brace yourselves, HTML5 has come! | Raphael Oliveira |
| CSS3 | The Magic of CSS | Raphael Oliveira |
| Scalable and Modular CSS | Ciro Nunes | |
| Bootstrap & Foundation | The good war for UI | Henrique Filho |
| Responsive design | Raphael Oliveira | |
| Compass | Flávio Coutinho |
Javascript
AC Talk: Javascript for real by Tiago Garcia
Prerequisites:
- HTML
- CSS
- Familiary with Javascript
Resources:
- Values, variables and literals
- this x self
- modular Javascript
- Closure
- Hoisting
- Callbacks
- Good practices 1 and Good practices 2
Learn Javascript:
- Javascript for Cats - basic
- Eloquent Javascript - intermediate to advanced
- Javascript: The Good Parts - intermediate to advanced
Back to Contents.
AC Talk: Design Patterns for Large-Scale Javascript by Tiago Garcia
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Intermediate Javascript
- Advanced OOP
- Familiarity with Design Patterns
Resources:
- Learning JavaScript Design Patterns - Addy Osmani
- Patterns for Large-Scale JavaScript Application Architecture
- Javascript Patterns - Stoyan Stefanov
- AuraJS
Back to Contents.
AC Talk: High-Performance Javascript by Guilherme Gonçalves
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Javascript
Resources:
- High Performance JavaScript Book - Nicholas Zakas
- 10 Javascript Performance Boosting Tips
- Optimizing JavaScript code
- www.google.com
Back to Contents.
AC Talk: HTML5 JS API - Part 1 by Eduardo Silva
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Javascript
Resources:
- HTML5 Rocks - Webworkers
- Webworker Specification
- HTML5 Rocks - Websockets
- Developer Fusion
- Websocket performance comparison
- Websocket Specification
Back to Contents.
AC Talk: Speed and modularity w/ JS micro-libs by Ciro Nunes
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Javascript
Resources:
Back to Contents.
AC Talk: ECMAScript 6: Bring some harmony to your life by Flávio Coutinho
- Slide deck
- Youtube video
Prerequisites:
- "Real-life" javascript
Resources:
- Understanding ECMAScript 6
- Use ECMAScript 6 Today, at tutsplus.com
- ECMAScript 6 compatibility table
- ES6 Fiddle
Back to Contents.
Backbone.js
AC Talk: Boosting the client-side with Backbone.js by Tiago Garcia
Prerequisites:
- Javascript
- Familiarity with web frameworks such as Struts, JSF, Rails, Spring MVC...
Resources:
- Official website
- Developing Backbone.js Applications - Addy Osmani
- The Anatomy of Backbone.js - Codeschool
- How Backbone works behind the scenes
- API-First - Design apps from the API
- Tasker project
How to organize your app:
- Backbone generator - Yeoman
- Backbone boilerplates - Addy Osmani
- Another backbone boilerplate
- Super Simple Backbone Starter Kit / Boilerplate
Live educative sample:
Back to Contents.
AC Talk: Backbone.js tricks or treats by Tiago Garcia
Prerequisites:
- Backbone.js
- Design patterns for large-scale javascript
- Curiosity
Resources:
- Structuring jQuery with Backbone.js
- Step by step from jQuery to Backbone
- Zombies! RUN! (Managing Page Transitions In Backbone Apps)
- Developing Backbone.js Applications
- Marionette.js
- Reducing Backbone Routers To Nothing More Than Configuration
- Epoxy.js
- Sinon.JS
Back to Contents.
AMD / RequireJS
AC Talk: A Javascript Module Loader - RequireJS by Henrique Filho
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Javascript intermediate/advanced
Resources:
Back to Contents.
Handlebars.js
AC Talk: Boosting the client-side even more with Handlebars.js by Alysson Ferreira
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Javascript intermediate
- HTML intermediate
Resources:
- Official website
- Javascript.is (Sexy) Blog - Richard of Stanley
- Try Handlebars.js right now in your browser - James Fuller
Back to Contents.
Jasmine
AC Talk: An overview about testing and Jasmine by Igor Lima
- Slide deck @ slid.es
- Youtube video
Prerequisites:
- Basic javascript
Resources:
Back to Contents.
Grunt
AC Talk: Grunt: The build tool for Javascript by Rafael Guedes
- Slide deck @ github
- Youtube video
Prerequisites:
- Node
- Node Package Manager (NPM)
Resources:
Back to Contents.
Underscore.js
AC Talk: Functional Programming using Underscore by Cristopher Silva
- Slide deck @ github
- Youtube video
Prerequisites:
- Intermediate Javascript level
- Open Mind (:
Resources:
- Underscore page
- Underscore Annotated Source Code: surprisingly simple and small!
- Execution in Kingdom of Nouns
- Async Library
- Learn you a Haskell for Great Good
Back to Contents.
Yeoman
AC Talk: A scaffold tool for web applications by Igor Lima
- Slide deck @ github
- Youtube video
Prerequisites:
- JavaScript beginner
Resources:
Back to Contents.
AngularJS
AC Talk: AngularJS - Superheroic Javascript MVW framework by Rafael Guedes
- Slide deck @ github
- Youtube video
Prerequisites:
- Intermediate Javascript
- Design Patterns
Resources:
- AngularJS: Developer Guide
- AngularUI for AngularJS
- Angular directives for Bootstrap
- AngularJS Cheat Sheet by ProLoser - Cheatography.com
- AngularJS Directives generator
- Stack Overflow & Github :)
Back to Contents.
AC Talk: AngularJS - Part 2 by Rafael Guedes
- Slide deck @ github
- Youtube video
Prerequisites:
- Intermediate Javascript
- Design Patterns
- AngularJS basics
Resources:
- AngularJS: $watch, $digest and $apply
- Angular.js: Advanced Design Patterns and Best Practices
- More AngularJS Magic to Supercharge your Webapp
- The Hitchhiker’s Guide to the Directive
- AngularJS: Communication Between Controllers
- $watch How the $apply Runs a $digest
- AngularJS: Developer Guider
Back to Contents.
HTML5
AC Talk: Brace yourselves, HTML5 has come! by Raphael Oliveira
- Slide deck @ github
- Youtube video
Prerequisites:
- Intermediary HTML knowledge
Resources:
- W3C Differences from HTML4
- WHATWG HTML5 Differences
- WHATWG Text Semantic
- HTML5Rocks
- HTML5Doctor
- HTML5Rocks
- HTML5Rocks Slides/Presentation
- BONUS Shadow DOM explained
Back to Contents.
CSS 3
AC Talk: The Magic of CSS by Raphael Oliveira
- Slide deck @ github
- Youtube video
Prerequisites:
- Intermediary CSS knowledge
Resources:
- CSS3 Generator
- Taming advanced CSS selectors
- CSS transitions
- CSS Animations
- How NTH-CHILD works
- *BONUS* Complete Guide to Flexbox
Back to Contents.
Bootstrap & Foundation
AC Talk: The good war for UI by Henrique Filho
- Slide deck @ github
- Youtube video
Prerequisites:
- CSS Intermediate
- JS Basic
- HTML Basic
Resources:
- Responsive Design Frameworks: Just Because You Can, Should You?
- Vermilion Comparison
- Zing Design Blog (search for Bootstrap and Foundation)
- Bootstrap Official
- Foundation Zurb Official
Back to Contents.
SASS
AC Talk: Building awesome UI components with SASS by Arthur Câmara
Prerequisites:
- HTML
- CSS
Resources:
Expand to other frameworks:
Back to Contents.