#HTML5DevConf oct/2013

Last October, the #HTML5DevConf took place in Moscone Center, SF. Below you can find a bunch of slides belongs to the different conference's talks. As a mobile web developer (you can realize it because the header of this post is  horribly scaled), the talks that I found more interesting are the ones related to continuous integration using Grunt JS. 

Enjoy it!!
@sdemians

Keynote Day One
http://lazure2.wordpress.com/2013/10/05/intels-new-era-of-integrated-computing-look-inside-looking-ahead-by-renee-james-president/

Keynote Day Two
adobe.github.com

Large Scale JavaScript Application Architecture
@danpatricklynch
http://www.slideshare.net/pyramation/built-tolast

Image Layout Algorithms

@vjeux

https://speakerdeck.com/vjeux/image-layout-algorithms-html5-dev-conf

JavaScript Insights

@arobson y @ariyahidayat

https://speakerdeck.com/ariya/javascript-insights

http://ariya.ofilabs.com/2013/10/javascript-insights.html

Webapp to desktop-app with node-webkit

Dale Schouten
@OldGeeksGuide

Mastering the build process

@johnnyhalife

https://speakerdeck.com/johnnyhalife/mastering-the-build-process-number-htmldevconf-2013

https://github.com/johnnyhalife/html5devconf-2013/tree/master

Continuous Delivery 

@jsoverson

http://www.slideshare.net/JarrodOverson/continuous-delivery-for-the-web-platform

Form Validation

@tjvantoll

http://tjvantoll.com/speaking/slides/Constraint-Validation/San-Francisco/#/

New Rules For JS

@getify

https://speakerdeck.com/getify/new-rules-for-javascript

Leveling Up in Angularjs

@aliciatweet
http://alicial.github.io/leveling-up-angular-talk/#/
http://alicial.github.io/leveling-up-angular-talk/examples/directive.html

Finally! Layout in CSS
@alanstearns
http://adobe-webplatform.github.io/html5devconf-2013/FinallyCSSLayoutTalk/#/
http://html.adobe.com/webplatform/enable/

Future of AngularJS
Miško Hevery
https://docs.google.com/presentation/d/1h3JCS5lwntUBddMv47lmpYQs3JUYy2LsUSfcy6YnlDg/edit#slide=id.p

Web Components
@rob_dodson
http://robdodson.me/webcomponents-revolution/#/

JS in iOS

@LostOracle

http://slid.es/nickdesaulniers/jsos/

Building collaborative HTML5 apps

@jtparreira

http://www.slideshare.net/jtparreira/building-collaborative-html5-apps-using-a-backendasaservice-html5devconf-2013-sf

Tips & Tricks for Tablet Optimization

@cyberneticlove

http://brendajin.github.io/tablet-optimization-presentation/#/

Designing in CSS & Programming CSS

Terrence Ryan.

@tpryan

http://terrenceryan.com/thanks/

High performance HTML5 apps

@demianborba

https://speakerdeck.com/demianborba/creating-high-performance-mobile-apps-with-html5

Top 10 Performance Techniques for PhoneGap Applications

@ccoenraets

http://coenraets.org/blog/2013/05/top-10-performance-techniques-for-phonegap-applications/

Unmasking the GPU Using Hardware Acceleration Correctly with CSS@divya

http://nimbu.in/html5devconf-oct/#/step-1

Streaming SVG animations on the web

@cconcolato

http://slideshare.net/cconcolato/streaming-of-svg-animations-on-the-web

Web based, mobile enterprise applications

@manishgarg

http://slideshare.net/manishgarg/web-based-mobile-enterprise-applications

Firefox OS, the Open Web & WebAPIs

@robertnyman

http://slideshare.net/robnyman/firefox-os-the-open-web-webapis-htmldevconf-san-francisco

From Developer To Entrepreneur

@tbiz

http://www.slideshare.net/biz/html5-devconf-oct-2013-d-bisgeier

Optimizing Memory for Smooth Infinite Scrolling

http://www.amar.co.in/hdc.pptx

Designing Coordinated Visualizations

@milr0c
http://bl.ocks.org/milroc/raw/7032589/#0

Web + Wow

http://slides.cjgammon.com/13-10-web-wow/

HTML5 Mobile Apps don't have to suck

@DaveArel

https://speakerdeck.com/davearel/html5-mobile-apps-dont-have-to-suck

Application building with D3

@jfire

http://jfire.io/presentations/graphical-web-2013/#/

W3Cs web content & creative constraints

@darcy

http://darcyclarke.me/dev/w3cs/

Intro to PhoneGap and PhoneGap Build

@ChrisGriffith

http://www.slideshare.net/chrisgriffith/intro-to-phone-gap-27549022

Browser Dance Party

@jsantell

https://github.com/jsantell/browser-dance-party-slides

Adventures in d3.js

@enjalot

http://enjalot.github.io/advd3/oct2013/

Backbone.rocks

Jeremy Lu
https://speakerdeck.com/coodoo/backbone-rocks-large-scale-single-page-app-done-right

Bootstrap vs Foundation
@jen4web
http://www.slideshare.net/mobile/jen4web/comparing-bootstrap-and-foundation-version-2

MongoDB
@conradIrwin
https://speakerdeck.com/conradirwin/mongodb-confessions-of-a-postgresql-lover

Distributed Application Architecture
http://ryanjarvinen.com/presentations/federated_html5/#/

Secure RESTful API Automation With JavaScript
@jcleblanc
http://www.slideshare.net/jcleblanc/secure-restful-api-automation-with-javascript?utm_source=buffer&utm_campaign=Buffer&utm_content=buffer52672&utm_medium=twitter

Embedding complex SVGs
@lakenen
http://camupod.com/html5devconf2013/#/

Developing web graphics with WebGL
@auradeluxe
http://www.slideshare.net/auradeluxe/developing-web-graphics-with-web-gl

Augmented Reality Mobile Apps in JavaScript:
@georgemck
http://www.georgemckinney.com/armobile/index.html#/

Fireside chat with Paul Graham at #GMIC2013

Two weeks ago, I was fortunate enough to attend the "Global Mobile Internet Conference" (#GMIC2013 ), held at the Mosconne Center in San Francisco , CA. It was full of excellent lectures about technological trends like "mobile health" , startups , mobile marketing and more. One of the talks that I liked most was the one that took place on stage A in the morning of the first day. It consisted of an interview with Paul Graham, co-founder of Y Combinator seed capital firm, by Richard Waters, editor of the Financial Times.

During the conversation, Paul Graham stressed that his cell phone has only four applications installed. A few of the apps he has in his cellphone are Pebble, Uber and Lockitron.
Later Paul brought up several concepts about the current landscape of technology sector. Since the audience was full of tech guys some of the concepts turned out to be obvious. For instance the fact that the "software is eating the world".

By the time Waters asked about the the future of the technology industry, Paul had put ​​special emphasis on the phenomenon of mobile devices. He claimed that if anyone has an idea where something traditional is replaced by a mobile device, then it is a good idea. This is because today everyone has a cell phone and if you can improve a process using a mobile device you would be adding value to the world. Regarding the future, and in especially in relation to their investments, Paul Graham stated that we are entering to a multi-device world where both applications that coordinate people and wearable devices have great potential. Finally he concluded that in mobile market the monetization model should be charged for coordinating things. Furthermore, we should not try to export old business models that are successful in other technologies to cutting edge technologies, because this almost never works.

In regards to YCombinator, Paul Graham specifically told us that they seek good ideas that may seem bad but have potential. He also put special emphasis on the founding team. The team must be passionate and have a lot of potential.
According to Paul Graham, YCombinator has financed 564 companies that are valued at 13.7 billion dollars and they take 3% of the capital.

Deploying an airbnb rendr app in Heroku

Welcome to the second post about Rendr. In the following steps we are gonna see how to setup a Rendr app to upload it to Heroku. So less talking and more doing:

1. In the root directory we have to create a file called Procfile. Inside this file we have to write the following line:

1:  web: node index.js  

2. Then we modify Gruntfile.js, also in the root directory. Inside this file, at the bottom, we have to add the highlighted line:

0:    ... 
1:   // Default task(s).  
2:    grunt.registerTask('default', ['compile']);  
3:    grunt.registerTask('heroku:', ['compile']);  
4:   };  

3.  Due to the fact that we can't compile assets, templates and styles in the Heroku server, we have to compile those files in our workstation (running sudo grunt ) and then add them to the Heroku commit.
4. Upload all the files to Heroku and wait the start-up process.
5. Listo ;)

PS: If the dyno didn't start run : heroku  ps:scale web=1

I hope you find it useful.

@sdemians

How to integrate a third party library with airbnb rendr library

Hi all, today we are gonna integrate a third party library (we are going to use swipe as an example) with airbnb's rendr.

1. Download the last version of swipe.js from https://github.com/bradbirdsall/Swipe
2. Locate the library inside /app/lib
3. Inside the swipe.js file you have to replace the declaration line (line 8) adding "module.exports":

   Original file:

1:  /*  
2:   * Swipe 2.0  
3:   *  
4:   * Brad Birdsall  
5:   * Copyright 2013, MIT License  
6:   *  
7:  */  
8:  function Swipe(container, options) {  
9:   "use strict";  

With our small modification:

1:  /*  
2:   * Swipe 2.0  
3:   *  
4:   * Brad Birdsall  
5:   * Copyright 2013, MIT License  
6:   *  
7:  */  
8:  module.exports = function Swipe(container, options) {  
9:   "use strict";  

4. In the view file that you want to use swipe, you have to import it using the require function:

1:  ...  
2:     if (typeof window != 'undefined') {  
3:      var Swipe = require('../../lib/swipe');   
4:     };  
5:  ...  

5. Drop the swipe.css file inside assets/stylesheets/vendor folder. In addition modify assets/stylesheets/index.styl in order to import swipe.css stylesheet.

6. Listo ;)


@sdemians
thanks to: @spikebrehm and @ignavaldi

6 horas como turista en Buenos Aires

Hace un par de semanas me tome una mañana y me puse en modo de turista para recorrer algunos rincones frecuentados por turistas de Buenos Aires.

Contaba con unas 6 horas así que agarre la cámara de fotos y me encamine hacia el subte. Una vez allí me dirigí hacia la zona del obelisco. Allí pase por el teatro Colon, saque una entrada para la visita guiada por la sala principal donde cuentan detalles sobre la historia de la construcción del teatro y uno puede apreciar los detalles arquitectónicos del mismo. Luego camine por diagonal norte hasta plaza de mayo donde visité la catedral de buenos aires, en aquel momento le estaban reparando la fachada.

Luego cruce la calle, recorrí el cabildo, lamentablemente lo encontré bastante sucio y descuidado. Una verdadera lastima teniendo en cuenta los sucesos históricos que tuvieron lugar tras sus paredes. Por último conocí el nuevo museo del bicentenario ubicado detrás de la casa rosada; la objetividad del punto de vista del museo es cuestionable pero es recomendable visitarlo.

Desafortunadamente había mucha gente en la fila para acceder a la casa rosada, así que deje esa visita para la próxima vez. Les dejo un par de fotos, de alguno de estos lugares que recomiendo ir ya que a veces uno como ciudadano no se hace un tiempo para conocer y recorrer la ciudad que nos observa de lunes a viernes ir a trabajar. Además con solo 6 horas es suficiente para recorrido fugaz.

Visita guiada del Teatro Colon

Plaza de Mayo

Catedral de Buenos Aires

Sobre los MOOC

En este primer post "serio" del blog voy a escribir un poco sobre los MOOCs.  La verdad que no son nada nuevo, pero me parecen algo increíble. MOOC es el acronimo para Massive Open Online Course o en español Cursos Masivos Abiertos en Linea. Desde mi punto de vista son la respuesta tecnológica de que hemos pasado de la era de moderna a la era del conocimiento.

Los primeros MOOCs surgieron en 2003 pero no fue sino hasta el 2012 (apodado según un articulo según un articulo de The New York Times como el año de los MOOCs) que esta clase de sitios despegaron. Actualmente uno puede encontrar tres sitios han tomado relevancia en el ultimo año, estos son coursera.com, edx.org y udacity.com.

Lo modalidad es como la de un curso presencial, es decir uno se puede dar de alta y cursar. La cursada suele incluir tareas con fecha de entrega y un examen final, igualmente esto depende de la materia que se este estudiando.

Puntos a favor

Estos sitios tienen varias ventajas, la principal es la reducción de costos que implica la plataforma, permitiendo que las personas que cuenten con una computadora e Internet puedan acceder a estos cursos. Por lo tanto una persona en un lugar remoto de la tierra puede tomar estos cursos, capacitarse y mejorar su estilo de vida. Ademas le dan a los estudiantes la flexibilidad de estudiar e "ir" a las clases cuando lo deseen, ya que uno puede ver los vídeos a cualquier hora, después del trabajo, un fin de semana, etc.

Asimismo le dan la oportunidad a las personas de especializarse en los cursos que desee, si a doña Rosa que estudio X en su vida le interesa profundizar o actualizarse en dicha rama, estos cursos vienen como anillo al dedo. Sobran las historias de personas que pudieron conseguir trabajo gracias a estos cursos.

Puntos en contra

Como desventaja o puntos que se le critican a los MOOCs es que si bien brindan conocimiento de calidad, no estimulan las relaciones humanas por la obvia razón de que todos los estudiantes están en su casa. En otras palabras no brindan la parte "humana" de la experiencia universitaria y tendería a formar personas mas enfrascadas en si mismas. Otra desventaja o punto flojo que se le citan a estos sitios es la poca diversidad de opiniones que habría a la hora de enseñar clases. Esto no sería muy significante para materias de índole exacta como física o matemática pero si las de competencia social o legal en donde la opinión del profesor que da la materia tiene un peso importante sobre el alumnado o no es tan fácil generar los debates entre estudiantes y con el profesor. Un fenómeno poco deseado que puede llegar a ocurrir es que al contar con una plataforma que reduce los costos de dar clases, las universidades comunes no podrían competir con dichos costos y por lo tanto terminarían adoptando cátedras online o bien gran porcentaje del alumnado tomaría estas clases. En consecuencia todos escucharían a los mismos profesores y se tendería a generar una única (o pocas) opinión sobre cierto tema.

La educación en el futuro

Todo el mundo coincide que los MOOC van a revolucionar la educación y es un hecho inevitable que no podemos detener. Asimismo las instituciones de educación formal van a tener que adaptarse para sobrevivir.  Algunas opiniones afirman que las universidades van a tender a desaparecer o por lo menos se van a reducir en cantidad y estos sitios van a captar este caudal de alumnos. Otra consecuencia mas drástica que algunas personas vaticinan sobre estos sitios es que van a ocasionar la desaparición de carreras ya que cada persona va a poseer la libertad de estudiar los cursos que mas le interesa y por lo tanto cursando un cierta cantidad de cursos van a poder obtener los diversos títulos  En fin nadie sabe como va a ser el futuro pero es divertido imaginarlo...

Les dejo un par de links con data que mencione mas arriba:

http://techcrunch.com/2013/07/10/coursera-gets-43m-from-the-world-bank-yuri-milner-more-to-go-big-on-global-and-mobile-growth/

http://techcrunch.com/2013/02/20/coursera-adds-29-schools-90-courses-and-4-new-languages-to-its-online-learning-platform/

http://www.nytimes.com/2012/11/04/education/edlife/massive-open-online-courses-are-multiplying-at-a-rapid-pace.html

hello world

Bienvenidos a mi tercer intento de blog. En "The curious ewok" no hay una temática definida, es decir acá encontraran posts de cualquier cosa que me den ganas de escribir. Sin embargo debido a mi pasatiempos y profesión seguramente serán sobre tecnología, informática, viajes (me encanta viajar cuando puedo), fotografía, proyectos en los que estoy trabajando, etc. Asimismo este espacio funcionara como un meta-proyecto, es decir desde acá se lanzaran otros proyectos y se comentaran los avances de los mismos.  Los posts serán en español o ingles.

Espero que no suceda lo mismo que paso anteriormente con mis otros intentos de blogs y caiga en el abandono.
¡Nos leemos!

Santiago

PS: les presento a the curious ewok.