Skip to content

Instantly share code, notes, and snippets.

@wonjun27
Last active Oct 12, 2015
Embed
What would you like to do?
FITC 2015 Toronto
TypeScript for Angular 2.0
Service Worker vs UI Threads
---------
Disposable and Repeatable: Dev and Test Environments with Terraform‏
Terraform is a tool for automating and managing your physical and virtual servers, containers, DNS, and other resources. Start using it early to streamline your development and testing process, and reap the benefits as you move into production.
We’ll go through a few ways to apply the “Infrastructure as code” concept to your daily routine, and how Terraform can help you get there.
Sean Swehla
digital ocean - droplet compute team
infrastrcuture tool hashicporp declarative language
vagrant - painful
terraform - get the binary nice for Mac OS X
providers
aws, digitalcoean, openstack
dnsmadeeasy, dnsimple
docker heroku
mailgun cloudflare
testing
template files
deployment log in google doc
@kitschysynq
---------
An Intro To ES6
Grant Skinner
Slides: http://www.slideshare.net/fitc_slideshare/an-intro-to-es6
ES6 Transpiler
Angular js type script
movide db example
observable
scope
best practices to use now to make the transition easier et‏
---------
How to Make Your Email Design Workflow Fun Again
Lee Munroe
Images are better served on CDN than inline
Use <table> for Outlook
Target outlook by using conditional statements
Meida query
inline CSS
Litmus
Static site generators such as jekyll and middleman
Grunt tasks to send to mailman and litmus
Grunt s3 upload
Gulp
Useful service:
premailer.com
sendwithus.com
https://speakerdeck.com/leemunroe/how-to-make-your-email-design-workflow-fun-again
https://github.com/mailgun/transactional-email-templates
https://github.com/leemunroe/motherplate
https://github.com/leemunroe/responsive-html-email-template
https://github.com/leemunroe/grunt-email-workflow
---------
Building Isomorphic Web Applications in ReactJS/NodeJS
ReactJS finally delivers on the original promise of NodeJS: to build web applications that share code with the web server, to render dynamic pages with interactivity as easily as static pages, and to do it all at speed comparable to other major web frameworks.
Strml.net
Browerserfy/webpack
Heatlhcare.gov
Added Benefits
React simple declarative
State dom
Reactmobile
Server side rendering
Component composable
Css liveroad
Seo
Terminal
Flux
---------
Mozilla
@potch
Chrome Extension Angular Scope Inspector
https://chrome.google.com/webstore/detail/angular-scope-inspector/aaglpchhlnofjbbpopfdfgllfkhnljnl?hl=en
Help you debug AngularJs scope, inside the Elements tab of the Developer Toolbar.
Angular scope inspector helps you see the scope when you select an element using the Element Inspector or the Elements tab in the Developer Toolbar.
This tool will show you if the element's scope is isolated, inherited from a parent element, It shows the controller that is above that scope and has a view to see only your scope property (it actually filters any scope attribute that starts with dollar sign).
----------
What’s New in Chrome DevTools?
Addy Osmani
Throttling - limit bandwidth (emulate being at Starbucks), block third party libraries for testing
Screenshots with load timeline
Paint - visualization of layers in 3D
Change javascripts and run on the fly
Eyedropeer with color palette
Console Commands
Find selector
Edit html console
$0 last element sel
$$ - $$('a') // returns all link elements
Copy inspect
Blackbox in Debugger - exclude Angular libraries that make it easier to step thru
Promise inspector
More goodies found on https://developers.google.com/web/shows/ttt/index?hl=en
----------
Web Components
Jeff Tapper
Web Components provide a necessary element for large scale applications: the ability to build Web Apps as a set of encapsulated, maintainable and reusable components. In order to use Web Components, a series of emerging web platform features such as the Shadow DOM, HTML Imports and Custom elements need to be used, each of which have varying support in browsers today. However, with the help of the Polymer project – a set of polyfills and an application framework using these principles – Web Components can be used today.
In this session Jeff Tapper will explore Web Components, and walk through the creation of a Web Component for a modern JavaScript project.
Digital primates
Component
Twitter button examples and so on
I Left early
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment