background preloader

MEAN Stack: Using with Node

Facebook Twitter

Colección de clases y ejercicios para emplear MEAN con API's y Node.js

Flattening Promise Chains. Promises are a great solution to address complexities of asynchronous requests and responses.

Flattening Promise Chains

AngularJS provides Promises using services such as $q and $http; other services also use promises, but I will not discuss those here. PeerJS - Examples. Edit fiddle. A Beginner's Guide to MongoDB & Meteor, Part 1. One of the difficult parts of writing a technical book is deciding when to introduce certain ideas.

A Beginner's Guide to MongoDB & Meteor, Part 1

The topics that need to be taught are consistent between books, but the order in which you talk about them can drastically affect the reader’s ability to grasp certain content. More often than not, for instance, technical authors try to talk about creating an interface as soon as possible. This is because it’s fun to see the visual results of your code, and it’s nice to feel like you’re making quick progress. But this approach does introduce a couple of problems:

How to install PhantomJS on Debian/Ubuntu. Cal-HeatMap : Calendar Heat map with d3.js. Setup This will insert a new calendar into #cal-heatmap in your page, and fill it with data from datas.json.

Cal-HeatMap : Calendar Heat map with d3.js

By default, the calendar will display 12 hours, divided into 60 minutes. There's a lot of other settings available to customize your calendar. Examples With Default values By default, cal-heatmap will always display 12 hours, split into 60 minutes each. Unless you set the date property in init(), the calendar will start at the beginning of the current hour.   Google Calendar API   How to get the url parameters using angular js. Mongodb/node-mongodb-native. Now It's Simple. Services and Dependency Injection. As you've seen in Controllers and $scope (Please note: this chapter has not yet been released) AngularJS makes heavy use of Dependency Injection (DI) to retrieve references to components.

Services and Dependency Injection

In this chapter, we'll show you how AngularJS uses DI and how you can inject your own objects into controllers and services for your applications. A 30 Second Intro to Dependency Injection DI is a pattern which is often used in infrastructure components and which ensures that one particular component does not directly create references to other components. Instead of direct instantiation, every component will receive references to required other components like helpers, services, etc. as parameters to their constructor. (Yes, we realize that this is a very simplified definition as there is more than just constructor injection, but for the scope of AngularJS, this should be sufficient for now. In this case, $scope gets injected by Angular whenever this controller is instantiated. Fb. With facebook-node-sdk you can now easily write the same code and share between your server (nodejs) and the client (Facebook Javascript SDK).

fb

This SDK will report usage of which AppID is using it directly to Facebook. Author: Thuzi License: Apache v2 npm install fb. The web's scaffolding tool for modern webapps. KeystoneJS · Getting started. Web analytics for AngularJS applications. The Wonderful Duo — Using Meteor and AngularJS Together.

Now, we talk about their conflicts Here is a list of things that I found Meteor and AngularJS don’t like each other about or don’t agree on: Script load order (namely, when angular.js is loaded)Bootstrapping of ngAppLoading of Angular template files, and template delimiter {{…}}Declaration and usage of Meteor collectionsCode minification Before walking through each of this list together, I want to also briefly list my solutions to the problems (and you can skip the rest if you don’t care for technical details): Follow a runlevel-like convention of organizing files.Instead of using ng-app on <html> or <body>, use it on a page container <div>.Change Angular template delimiter to something else, organize template files under Meteor’s convention, and load all templates from Meteor’s Template at start.Declare Meteor collections at global scope, create a wrapping function around Meteor’s Deps.autorun for data binding.Follow Angular’s dependency injection convention on EVERY occasion.

The Wonderful Duo — Using Meteor and AngularJS Together

Load order. The Wonderful Duo — Using Meteor and AngularJS Together. Angular directives for Bootstrap. The $uibPosition service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc...). getRawNode(element) Takes a jQuery/jqLite element and converts it to a raw DOM element. parameters.

Angular directives for Bootstrap

How can AngularJS bind to list of checkbox values? Xls-to-json. Implement Custom Gestures — Web Fundamentals. Add Event Listeners Touch events and mouse events are implemented on most mobile browsers.

Implement Custom Gestures — Web Fundamentals

The event names you need to implement are touchstart, touchmove, touchend and touchcancel. For some situations, you may find that you would like to support mouse interaction as well; which you can do with the mouse events: mousedown, mousemove, and mouseup. For Windows Touch devices, you need to support Pointer Events which are a new set of events. AngularJS Directive Design Made Easy. AngularJS directives are cool AngularJS is a web application framework that makes creating complicated web applications much simpler.

AngularJS Directive Design Made Easy

One of its best features is the ability to create directives, or reusable web components. It gives you the ability to create new HTML tags and attributes, which can dynamically display content in response to data changes, as well as update the data when appropriate. They’re a big productivity booster because they let you wrap up a complicated interaction with the DOM in a nice, reusable package. Making directives is confusing at first It doesn’t take long to realize that directives are useful, and the ones that are bundled with AngularJS are well designed, but making directives can feel overwhelming at first. How to Send e-mail using Node.js. In this tutorial i am going to discuss about sending e-mail with Node.js.

How to Send e-mail using Node.js

I have already covered Express.js tutorials and in this tutorial also i am going to use Express.js and NodeMailer package. In many forums and blogs people used to ask about sending e-mail’s using Node.js for account verification, password recovery and promotion. So let’s begin with tutorial and at the end you will have Node application which is able to send e-mail’s to any one’s account. Links: Watch live Demo on YouTube here and Download it from Github here. How can AngularJS bind to list of checkbox values? Snap.svg API Reference. Creates a gradient element gradient string gradient descriptor Gradient Descriptor The gradient descriptor is an expression formatted as follows: <type>(<coords>)<colors>.

The <type> can be either linear or radial. The uppercase L or R letters indicate absolute coordinates offset from the SVG surface. Examples. Draggable Dual-View Slideshow. Lorem Waldy Distilling design and other interesting methods It was not child's play tackling those horses. Some of the kind-hearted station folk in the backblocks had sent down some wild warrigals of the West; bucking brumbies that beat the band; old outlaws off the grass that the station hands could never master. But Colonel Cox ("Fighting Charlie" we called him) had in his command some of the crack rough-riders of Australia. And it was a joy to see these men tackle the outlaws. There were Crouch of Wagga, McDonald of Barrington, Whiteley of Wellington, Bullock of Melbourne, Sievewright of Gunnedah, Kennedy of Gloucester, Rex Moffatt of Goulburn, Harry Heath of Moree, and a score of others.

But even a plague of locusts does not last for ever—and Egypt does. Meteor. Simplest example. A live-updating high score list. Try it yourself In about 3 minutes, you'll make your own copy of Leaderboard and deploy it live on the Internet for you and your friends to use. No programming knowledge required! Pick a name for your new app.I'll call it... Look around the source code. Outils Google pour les webmasters. AngularJS SEO, BackboneJS SEO, or EmberJS SEO. Assuming you've signed up with Heroku and you've downloaded the Heroku Toolbelt $ heroku create $ git push heroku master That's it! On the command line, you'll see the url of your new Prerender service on Heroku. npm install prerender --save.

Twilio Cloud Communications - APIs for Voice, VoIP and Text Messaging. Jonjenkins/express-upload · GitHub. Bevacqua/campaign. Mailchimp/email-blueprints.

METEOR Stack: Node Meteor MongoDB

Pricing - Mandrill. Send Better Email. Bevacqua/campaign · GitHub. Emailjs. Nodemailer. Send e-mails from Node.js – easy as cake! Upgrade warning Do not upgrade Nodemailer from 0.7 or lower to 1.0 as there are breaking changes. You can continue to use the 0.7 branch as long as you like. See the documentation for 0.7 here. Migration guide. Mailgun-js. Simple Node.js module for Mailgun. Meteor Roadmap. Apiary — Home. API Overview · TryGhost/Ghost Wiki · GitHub. This is an overview of how the Ghost API is structured and how the different modules interact with each other.

It is an attempt to explain the recurring question of "What API are you talking about? ". Pad/Q87tcpTZKRtwNFSZF. Node.js - MEAN Stack - Pass form from Angular to Express to be emailed by Nodemailer. Mobile and Web Analytics. Jiangmiao/node-curl. Mailgun-js. Andris9/Nodemailer. Creating a simple contact form with angular.js and express.js. First of all, we're gonna create all the template of the form with bootstrap 3.1.1.

Node.js - MEAN Stack - Pass form from Angular to Express to be emailed by Nodemailer. SublimeVideo. Danialfarid/angular-file-upload. Hackathon-starter/app.js at master · sahat/hackathon-starter. Hackathon-starter/app.js at master · sahat/hackathon-starter · GitHub. Dan Wahlin - Learning AngularJS by Example – The Customer Manager Application. I’m always tinkering around with different ideas and toward the beginning of 2013 decided to build a sample application using AngularJS that I call Customer Manager.

It’s not exactly the most creative name or concept, but I wanted to build something that highlighted a lot of the different features offered by AngularJS and how they could be used together to build a full-featured app. One of the goals of the application was to ensure that it was approachable by people new to Angular since I’ve never found overly complex applications great for learning new concepts. The Big Badass List of Twitter Bootstrap Resources. Node.js. Setting Up a MEAN Stack Single Page Application. Beginning an application from scratch can sometimes be the hardest thing to do. Staring at an empty folder and a file with no code in it yet can be a very daunting thing. In today’s tutorial, we will be looking at the starting setup for a Node.js, AngularJS, MongoDB, and Express application (otherwise known as MEAN). I put those in the wrong order, I know.

Build a real-time polls application with Node.js, Express, AngularJS, and MongoDB. Dan Wahlin - Learning AngularJS by Example – The Customer Manager Application. AngularJS — Superheroic JavaScript MVW Framework. Creating a Single Page Todo App with Node and Angular. Today we will be creating a very simple Todo application using the MEAN (Mongo, Express, Angular, Node) stack. MongoDB. Getting MEAN. Easy Node Authentication. Build a RESTful API Using Node and Express 4. Express Router and Routes. Single Page Apps with AngularJS Routing and Templating.

Overview. Setting Up a MEAN Stack Single Page Application.