background preloader

Building Apps With the Yeoman Workflow

Building Apps With the Yeoman Workflow
Trick question. It's not a thing. It's this guy: Basically, he wears a top hat, lives in your computer, and waits for you to tell him what kind of application you wish to create. The first thing that comes to mind is OMG so dreamy. All we did was tell him what we wanted and he replied with specific questions to give us even more control. Let's go back a step, though. He's a person with feelings and opinions, but he's very easy to work with. Let's take a second to break apart what that yo webapp command, from the previous screenshot really did. This is an OS X, Linux, and Windows friendly system-wide command that scours your hard drive for any installed "generators," then gives them control based on the next argument: This is actually a separate plug-in, or "generator," called generator-webapp. Something important to take away from this is, it's the generator-webapp module that prompts us with questions. Seriously, you have to say it just like that, or it won't work. Let's get wild. Did it? Related:  workflow javascript/ruby/sinatra stack

Say Yo to Yeoman According to yeoman.io, "Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps." Let's dig in and see exactly what this means! Yeoman A great deal of work goes into building web apps these days. Before we move forward, we have to install it! The fastest way to begin using Yeoman is by running the following script. Note: Yeoman is supported by OSX, Linux, and Windows. So, that was easy. And there ya have it! Use it Yeoman is installed as a global Node module, so pop open your TOC (Terminal of Choice), and run yeoman. The first time this runs, it will enquire if you want to allow them to keep stats on your Yeoman usage. Simply running yeoman from now on will print out a list of the commands that are available to execute. yeoman init This is where the scaffolding magic happens. This command will ask five questions: Out of the box, running init will include HTML5 Boilerplate, and jQuery and Modernizr. Enjoy!

Intro to Angular, Yeoman, and Chrome Apps (Revised) Ruby w/ Sinatra: what is the equivalent of a .js.erb from rails? Required JavaScript Reading I'm asked regularly about books and online resources to get up to speed on JavaScript. Seems like everyone wants to get in on the JS action and with good reason; it's a great language to know if you're interested in exciting career opportunities. It's also pretty fun to play with. With JavaScript's increased popularity, the number of books, blogs and tutorials about the language have grown exponentially and while I can't possibly know all of them, I've found some gems which I really like and would like to share those with you. Books Note that I'm only listing books that I've read and can recommend. Professional JavaScript for Web Developers by Nicholas Zakas This continues to be my most recommended book. It's a complete reference written in a very accessible way that guides you from the basics to advanced JavaScript features. JavaScript Patterns by Stoyan Stefanov Stoyan is one of the best JavaScript developers in the world, having worked on large-scale sites at Yahoo! Freebies Blogs DailyJS

Comment coupler plusieurs connexions Internet pour avoir plus de débit J'avais déjà imaginé un truc comme ça, et on m'avait toujours dit : "Ce n'est pas possible". Et je trouvais ça tellement dommage... Et vl'a ti pas que je tombe sur ce logiciel baptisé Connectify Dispatch qui permet de coupler plusieurs connexions internet pour profiter d'un débit plus grand. Effectivement, de manière native, aucun OS ne sait faire ça. L'outil disponible uniquement sous Windows est un genre de load balancer qui joue au chef d'orchestre avec votre système d'exploitation et vos accès réseau... Magique non ? L'outil est vendu packagé avec un soft de hotspot qui permet ensuite de partager ce regroupement de connexion à tous les appareils de la maison. Comprenez bien qu'une seule connexion Wifi est possible par carte WiFi. Je pense que si vous vivez à un endroit où il y a plusieurs réseaux WiFi ouverts, ça vaut le coup d'investir dans les 30 à 50 € de licence de ce logiciel. Source Vous avez aimé cet article ?

Mutually Human Software Yeoman Testing With Coffeescript Matthew Seeley and I have been building an AngularJS app using Yeoman. So far it's been great! Yeoman gives you Grunt tasks, AngularJS generators, and Bower package management right out of the box. Unfortunately we ran into a situation that brought our productivity to a screeching halt. Re-Configuring Karma A configuration file is used to tell Karma how to execute the test suite: . By default karma.conf.js has a section which describes the files that load for the test execution. With this configuration, the compiled CoffeeScript files were left out of our test suite. During the grunt coffee task, our CoffeeScript files are compiled to JavaScript and placed into the .tmp directory.

AngularJS MTV Meetup: AngularJS + Yeoman (2012-10-9) Building Single Page Web Apps with Sinatra: Part 1 Have you ever wanted to learn how to build a single page app with Sinatra and Knockout.js? Well, today is the day you learn! In this first section of a two-part series, we'll review the process fo building a single page to-do application where users can view their tasks, sort them, mark them as complete, delete them, search through them, and add new tasks. According to their website: Sinatra is a DSL for quickly creating web applications in Ruby with minimal effort. Sinatra allows you to do things, like: This is a route that handles GET requests for "/task/new" and renders an erb form named form.erb. Knockout is a Model-View-ViewModel (MVVM) JavaScript framework that allows you to keep your models in special "observable" objects. Here is what you'll be building: We'll get started by defining our model and then our CRUD actions in Sinatra. Let's add a task model to the models.rb file: Next, let's write our Sinatra JSON server. The before helper function runs before every route match.

Resources to Get You Up to Speed in Ember.js You've probably noticed a lot of chatter lately about the Ember.js framework and rightfully so. It aims to make it substantially easier to build single-page web apps by abstracting a lot of the complexities for writing scalable and maintainable MVC-based code. And developers are jumping on-board in droves. Over the last year, the project and the framework have evolved quite a bit and while it's just now reaching a very stable point in its life, the frequent changes to the API over the last year has left quite a bit of outdated documentation. This happened to me as I was ramping up and I want to ease your ramp up time by listing out some great resources for learning Ember. The Resources Nettuts' Ember Series I'm going to be a little biased here because I'm the author of this series, but the feedback I've received tells me that I did a decent job of outlining the basics of Ember. Nettuts' Free "Let’s Learn Ember" Course Emberjs.com Ember Discussion Forum EmberWatch Ember 101 Video Series

Jeroen Reijn: Real-time visitor analysis with Couchbase, Elasticsearch and Kibana At Hippo we recently started using Couchbase as the storage solution for our targeting/relevance module. Couchbase is a really high performant NoSQL database, which since version 2.0 can be used as a (JSON) document database. Couchbase is really fast when it comes to simple CRUD operations, but does lack some search capabilities like Geo-spatial search (still 'experimental' mode) and free text search, which you might find in other document oriented NoSQL databases like MongoDB. However the lack of these search capabilities can be overcome quite easily by combining Couchbase with Elasticsearch by using the Couchbase-Elasticsearch transport plugin. The plugin uses the Couchbase built-in cross data center replication mechanism (XDCR), which can be used for replicating data between Couchbase clusters. It sort of makes Elasticsearch act just like another Couchbase cluster. If you are familiar with LogStash you might wonder why we use Couchbase as an additional storage for our request data.

Using AngularJS with a Rails backend - Emmanuel Oga's Software and Stuff I created a sample AngularJSapp which uses rails as a backend. While it is possible to include AngularJS as part of the rails assets, I think it is better to setup the angular code base on a standalone folder, leaving the rails app as a (more or less) isolated backend. There are several advantages to this setup: Ability to manage the frontend app using Yeoman (including generators!).No more questions about file layout: use rails layout for rails stuff, angular-generator layout for angular stuff.Easily install external assets via bower (e.g. angularjs, jquery, twitter bootstrap, underscore, etc.).Write client side unit tests and run them with karma.Promotes unit-testing the js codebase and removes the temptation of integration-testing everything: testing with karma is a lot faster than using capybara or a similar solution.LiveReload support for free with yeoman's angular generator! (uses websockets, no need to install a browser plugin). Yeoman, Bower, Livereload and Karma Runner. Deploying

btford/ngmin AJAX With Sinatra AJAX is a method to make requests to a web application without reloading the entire page that made the request. For example, if you were to click on an email message in a web mail application, the entire page doesn't reload. The email message is loaded and displayed in a div, but the rest of the page stays as it was. Using AJAX and a little bit of jQuery (a popular Javascript library that makes a lot of things here easy) you can make AJAX requests to your Sinatra web application very easily. What is AJAX? AJAX stand for Asynchronous Javascript and XML. On the client side, things can be quite a bit different. Though the name implies we'll be using XML, this is just a vestige of the technique's origin, and we'll be using JSON. What is jQuery? jQuery is a Javascript library that allows very simple manipulation of the DOM tree and an easy to use event-driven framework. jQuery is an industry standard Javascript library. Making AJAX Requests Right now this doesn't do much of anything.

Related: