Podcasts about backbonejs

En este episodio, grabado con el apoyo de StreamYard, nos visita Andreina Loriente, frontend developer en Spotify con una amplia experiencia en desarrollo de aplicaciones para SmartTV. Nos ha relatado cómo empezó el mundo del desarrollo y cómo ha terminado en Estocolmo como SmartTV developer. Durante el episodio, hemos visto qué hay detrás de las apps que usamos en la tele, cómo se renderizan y lo que debemos tener en cuenta al desarrollarlas. También hemos hablado sobre los lenguajes y frameworks que se usan, como BackboneJS o React, y las diferencias que hay con respecto al desarrollo web convencional. Andreina nos ha dejado alucinadas al contarnos su día a día y sus historias de terror peleándose con las teles. Si te interesa este campo, prueba con tu tele, busca la documentación oficial del fabricante y sobre todo, ármate de curiosidad y ganas. Y si conoces alguna comunidad de SmartTV developers, o te apetece montarla, ponte en contacto con nosotras en Twitter.

Jen Dewalt is using Backbone at her startup! Show notes: Backbonejs.org (source code) Jen's Startup: Zube The Chrome Inspector is one of the DevTools built into Google Chrome Blog post from Aaron O'Connel: How to Structure and Render Views in Backbone 180 Websites in 180 Days project (which was discussed in the previous podcast with Jen Dewalt) Jen Dewalt is on Twitter Want to be on the next episode? You can! All you need is the willingness to talk about something technical. Theme music is "Crosscutting Concerns" by The Dirty Truckers, check out their music on Amazon or iTunes.

今回はこんな会議室での収録でした。 対話式UIの「ペライチ」プロトタイプ iTunesで購読する 株式会社ホットスタートアップ代表取締役の橋田さんとこれまでのキャリア、利用しているテクノロジースタックについて話しました。 橋田一秀（@hassy0607） 山本大策（@daisaku） 「今回のキーワード」MashupAwardsハッカソンで出会う/ペライチ/Webサービスカタログ/Product Hunt/SIerに就職/みずほ銀行次期システム/ペライチを支える技術/インスタントチームで利用したサービス/チャットボット/対話式UI/Pokemon Go/ライブ配信はじめました ペライチ Product Hunt みずほ銀行次期システム関連のまとめ Webサービス「ペライチ」を支える技術とチームとその変遷 「ペライチ」のスタックフロント： BackboneJSサーバー： CakePHPインフラ： AWSデプロイ： Capistrano開発環境： Vagrant, flyJSユーザー行動解析： Mixpanelソースコード管理： GitHubその他開発ツール： SideCI, CircleCI, Ansibleコミュニケーション： Slackプロジェクト管理： Trelloドキュメント共有： Qiita::Team, esa.io 「インスタントチーム」のスタックフレームワーク: Ruby On Railsプラットフォーム: Herokuデータベース: PostgreSQL、Redisメール配信: SendGrid画像サーバ: Cloudinary検索: Algoliaリアルタイム: PusherWebプッシュ通知: Roost決済: WebPay、Stripeキューイング: Resqueログ監視: Logentriesパフォーマンス監視: NewRelicバージョン管理: GitHub 断言しよう、チャットボットブームは去るし関連ビジネスも失敗するよ Pokemon Go このポッドキャストへのお問い合わせ、ご感想、ご質問、ご要望は右下のお問い合わせからメッセージしてください。Twitterの場合は #prototypefm をつけてツイートしてください。 Special Guest: 橋田 一秀.

On this weeks episode we are lucky to be joined by Dan Abramov, creator of Redux and React Hot Loader (React Transform). We start off the show with his upcoming move to work at Facebook in London, and touch upon how he became interested in programming from a young-age. Following this we discuss his transition from VBA, to C# and then JavaScript - by-way of CoffeeScript and a BackboneJS application he was working on. Issues with the complexity of asynchronous logic and hard-to-reproduce bugs lead him to invest time in exploring React. We then talk about the problem React solves and how its’ pragmatic approach (including escape-hatches) can easily propagate up your code-tree. Successful use of React was followed by exploring Flux and we highlight how it forces data-mutations to follow a strict-cycle. We discuss the history of different Flux implementations and how he went about eventually making his own (Redux) for a recent talk he gave. Finally, we wrap up the show highlighting his work with React Hot Loader and its successor React Transform, along with recommended resources for beginners looking to explore these subjects in more detail.

Comenzamos un nuevo capítulo de nuestro podcast, La Tecnología para todos. Si la semana pasada vimos Bootstrap, esta semana le toca el turno a una herramienta que debe ser indispensable en nuestros desarrollos, Bower, gestor de paquetes para el desarrollo web. Esta herramienta nos facilitará la gestión de todas las librerías y frameworks de código abierto que utilizemos (Bootstrap, jQuery, AngularJs, BackboneJs, etc...), permitiendo añadir, actualizar y modificar las referencias a nuestro proyecto. Todo se gestiona a través de la línea de comandos en MS-DOS, si trabajamos con Windows o Shell, si trabajamos con Mac o Linux.Recuerda que queda muy poco para que finalice el plazo para inscribirte en el sorteo de un kit de Arduino. Solo tienes que suscribirte a nuestra lista de correo para recibir toda la información que vamos publicando y algún que otro contenido extra.Estamos intentando recabar información para saber en qué podemos ayudarte. Te pedimos, por favor, que rellenes la encuesta sin ningún compromiso. La utilizaremos para obtener información y saber cómo podemos ayudarte. Te llevará como mucho 20 segundos, muchas gracias.Encuesta déjanos ayudarteComo ya te hemos dicho, Bower es un gestor de paquetes de código abierto para el desarrollo web (front-end). Fue creado por dos miembros del equipo de Twitter y su principal misión es hacernos la vida un poco más fácil a los desarrolladores. Gracias a esta herramienta podrás descargar tus librerías y frameworks sin tener que visitar ninguna web oficial o no oficial, mantenerlas actualizadas y comprobar si ha versiones nuevas.InstalaciónBower depende de tres herramientas para poder ser instalado en tu máquina. Por un lado necesitas tener NodeJS. Ya hemos hablado de este servidor web en el capítulo donde vimos un ranking frameworks de JavaScript. Es una aplicación que se ejecuta del lado del servidor y corre bajo el motor o compilador JavaScript V8, desarrollado en el proyecto Chromium y que es el que utiliza Google Chrome.Otra utilidad que tienes que instalar es Git, el famoso control de versiones utilizado por GitHub, de donde precisamente Bower obtiene la gran mayoría de las librerías y frameworks.Dentro de NodeJS hay un gestor de módulos que se llama npm. A través de la línea de comandos puedes instalar, fácilmente, Bower. Una vez que tenegas instalado NodeJS y Git solo debes escribir npm install -g bower y se instalará Bower de forma global en tu máquina.Instalación de paquetesBueno, pues ya tienes todo lo necesario para empezar a utilizar Bower. Lo primero sería buscar el paquete que quieres instalar. Para ello debes acceder, a través de la línea de comandos, al directorio raíz de tu proyecto. Ejecuta el comando bower search bootstrap. Esto hará una búsqueda de todas las librerías que tengan como palabra clave Bootstrap. Como ya te habrás dado cuenta, para ejecutar cualquier comando debes poner primero la palabra bower, luego el comando y por último los parámetros. Si quieres ver la lista de comandos disponibles puedes hacer bower --help. También puedes ir a la página de referencia de la web oficial donde te explica cada comando en detalle.El comando search te mostrará un listado como este. bower search bootstrap Aquí es donde tienes que localizar el framework o librería que quieres incorporar a tu proyecto. En nuestro caso, Bootstrap, es la primera opción. Lo que aparece en azul verdoso, es el nombre único dentro del respositorio de Bower y es con lo que te tienes que quedar. Ahora que tienes localizado el paquete vamos a obtener más información. Escribe en la línea de comandos bower info bootstrap. bower info bootstrap Como puedes observar nos da la información sobre donde está alojado, el archivo bower.json, hablaremos luego de él, y las diferentes versiones disponibles que tenemos del framework.Ahora solo te queda elegir que versión quieres instalar. Puedes instalar la última versión haciendo bower install bootstrap o elegir una versión específica con bower install bootstrap#3.3.2. En el primer caso te instalará la versión 3.3.5 ya que, la versión 4.0.0 es una versión alpha. Si quieres saber más sobre como se numeran las versiones, te recomendamos que visites la página de Semver , donde te explican el versionamiento semántico.bower.jsonYa te hemos hablado de este archivo y has visto un ejemplo, el que se incluye dentro de Bootstrap. bower.json es el manifiesto y contiene información vital de nuestro proyecto. Es muy importante si lo que estás desarrollando, lo vas a compartir a través del repositorio de Bower. Si simplemente lo que quieres es poder manejar tus dependencias de forma semi-automática, solo tienes que crearlo.Si ejecutas el comando bower init, lanza el proceso de configuración del archivo bower.json, donde te preguntará un montón de cosas innecesarias si no vas a publicar en su repositorio. Otra opción es crear el archivo sin ningún contenido, siempre dentro del directorio raíz de tu proyecto. Lo puedes hacer manualmente. Dentro de todas las propiedades que tiene este archivo nos vamos a fijar en dependencies y devDependencies. La primera propiedad nos dirá las dependencias de nuestro proyecto. Es muy importante, todas las librerías que sean añadidas a esta propiedad podrán ser manejadas por Bower. La segunda propiedad son las dependencias necesarias en la fase de desarrollo, lo típico son librerías para hacer test o control de depuración.¿Cómo podemos añadir las dependencias a este archivo? Si ejecutas el comando bower install bootstrap, descargará el framework a tu máquina sin modificar el archivo bower.json. Para obligar a que esto sucede tenemos que añadir al final -save, quedando de la siguiente manera el comando, bower install bootstrap -save. Esto añadirá el framework a la propiedad dependencies y podrás gestionar mediante los comandos de Bower, su actualización, modificación o eliminación..bowerrcEn el archivo .bowerrc configurarás tu proyecto. Al igual que bower.json, tiene muchas propiedades que puedes ver en la web oficial. Si este archivo no existe en el raíz de tu proyecto, Bower utilizará los valores por defecto. De todos las propiedades de configuración, vamos a hablarte de tres propiedades importantes.La propiedad analytics indica si queremos mandar datos estadísticos de uso a Bower, por defecto es true (verdadero). Estos datos son anónimos y permiten computar los comandos más utilizados, saber el número de usuarios por país o los paquetes más instalados. La información, o parte de ella es pública, a través de la web oficial. Estas estadísticas nos pueden dar una idea de cuales son los paquetes más utilizados, algo muy importante a la hora de decidir si usar uno u otro.Otra propiedad importante es cwd (Current Working Directory o directorio de trabajo principal). Nos indica dónde está el directorio raíz de nuestro proyecto. A partir de él se obtienen el resto de rutas. Si no estás seguro te aconsejo que lo dejes por defecto y cogerá el directorio donde esta el archivo .bowerrc.Por último y quizás la más importante es directory. Indica donde queremos guardar los paquetes que descargamos, por defecto los almacenará en bower_components. Si quieres cambiar a otra carpeta solo tienes que dar valor a esta propiedad. No es tan importante así que puedes cambiarla pero mucho ojo, las referencias que se hacen en el código HTML deben guardar concordancia con esta propiedad.ConclusionesA nuestro modo de ver la programación, Bower es una herramienta muy interesante. Creemos que tener un gestor de paquetes es indispensable en los proyectos web. Si en tu día a día desarrollas aplicaciones web, este tipo de herramientas pueden ahorrarte mucho tiempo al final de año.Bower o npm pueden ser dos herramientas que se complementen o que se solapen, dependiendo de tu rol en la programación. Seguramente si eres un desarrollador front-end, la opción sea Bower, en cambio si eres un desarrollador full-stack, deberás pensar si utilizar Bower te aporta algo más de lo que puedes hacer con npm. Al final siempre el desarrollador decide, nunca hay una solución única y no hay soluciones mejores o peores.Además de los explicado aquí, estos enlaces puede que te resulten interesantes.Maven, gestor de paquetes para JavaNuget, gestor de paquetes para .NETRecurso del díaMaterial Design IconsMaterial Design Icons es una web donde podemos encontrar un sinfín de iconos para nuestras aplicaciones. Mantenida por la propia comunidad, ofrece la versión Community-led Iconography totalmente gratuita. Encontramos versiones para Windows con XAML, Webfonts para desarrollo web, Android e IOS. Este paquete se puede instalar con Bower y npm. Prueba este magnífico complemento en tus desarrollos para potenciar el diseño de tus proyectos.Muchas gracias a todos por los comentarios y valoraciones que nos hacéis en iVoox, iTunes y en Spreaker, nos dan mucho ánimo para seguir con este proyecto.

Teahour.fm 官网 本期由 Terry 和 袁滚滚 一起主持， 邀请到了 Vue.js 的作者 尤小右, 聊聊前端框架开发背后的故事。 这一期我们将聊到非常多前端框架和技术，大家也可以听到小右同学对各种前端框架和技术的点评，如果你正愁如何选择你的前端工具栈, 我相信这一期将会对你有非常大的帮助。(涉及到的技术包含 Knockout, BackboneJS, Spine, Marionette, AngularJS, Ember, Ractive.js, React, Flux, webpack, Karma， Jasmine 等等等等) Show Notes 见 Teahour.fm 官网

本期由 Terry 和 袁滚滚 一起主持， 邀请到了 Vue.js 的作者 尤小右, 聊聊前端框架开发背后的故事。 这一期我们将聊到非常多前端框架和技术，大家也可以听到小右同学对各种前端框架和技术的点评，如果你正愁如何选择你的前端工具栈, 我相信这一期将会对你有非常大的帮助。(涉及到的技术包含 Knockout, BackboneJS, Spine, Marionette, AngularJS, Ember, Ractive.js, React, Flux, webpack, Karma， Jasmine 等等等等) Meteor Parsons School of Design Clojure Colgate University ActionScript Zachary Lieberman openframeworks three.js Google Creative Lab Google Data Arts Team Aaron Koblin Chrome Experiments Dependency injection Object.defineProperty() Knockout Backbone.js Spine AngularJS Marionette MVVM Glimmer Ractive React React Virtual DOM shouldComponentUpdate (React) Flux Immutable JS CommonJS substack Browserify webpack Babel CoffeeScript TypeScript Jasmine Mocha Karma Selenium CasperJS PhantomJS Nightwatch.js Sauce Labs BrowserStack DailyJS Laravel Laracasts Processing TasteJS Avalon 尤小右 知乎 Relay Ember FastBoot react-server-example 功夫熊 硬派健身 硬派健身 － 知乎专栏 Python China 青城 Theme BTW: 录制中途，突然楼上开始敲东西，虽然后期做了一些处理， 但是可能还是略有影响，但并无大碍，希望大家多多饱含. 小右口误更正： 小右到达美国的时间是 05 年 Typescript 是有类型推导的 Special Guests: 尤小右 and 袁滚滚.

In this Episode Kevin interview with Ari to talk about AngularJS. Ari is the author of ng-book, The Complete Book on AngularJS, Riding Rails with AngularJS and D3 on AngularJS. Also he is the CTO and Founder at FullStack LLC. Beehive BackboneJS EmberJS KnockoutJS AngularJS Jasmine Karma Protractor China Velocity Golang Erlang Clojure Node Passport ng-newsletter ng-book Tiny Habits Building the 2048 Game in AngularJS LeanPub pluralsight Egghead Fullstack Edu Alfred App 1Password Audio Hijack Pro Special Guest: Ari.

本期由 Daniel Lv 和 Terry Tai 共同主持，我们邀请到了简书的联合创始人，赵波 来跟大聊聊他从大学毕业加入 SAP 公司的工作经历，分享了他对 SAP 这家公司和 ERP 的理解，以及之后从大公司离职，跟朋友一起创业，创立简书的故事。除此之外，赵波还跟分享了大学生如何规划自己的职业，毕业生如何求职，进入大公司要做那些准备，在大公司的工作经历可以给你带来什么？以及在校大学生如何争取一个互联网创业公司的实习机会等等。 关于赵波 Twitter: https://twitter.com/larryzhao Blog: http://larryzhao.com 简书 SAP ERP 林立 Yammer moleskine Delicious SpineJS Author of SpineJS BackboneJS Author of BackboneJS Document Cloud AngularJS EmberJS 创智天地 InnoSpace Medium MacTalk - 人生元编程 Anonymous Pro Field Notes Gotealeaf Special Guest: 赵波 .