Chart.js | Documentation. Chart.js provides a number of options for changing the behaviour of created charts. These configuration options can be changed on a per chart basis by passing in an options object when creating the chart. Alternatively, the global configuration can be changed which will be used by all charts created after that point. Chart Data To display data, the chart must be passed a data object that contains all of the information needed by the chart. The data object can contain the following parameters Creating a Chart with Options To create a chart with configuration options, simply pass an object containing your configuration to the constructor.
Global Configuration This concept was introduced in Chart.js 1.0 to keep configuration DRY, and allow for changing options globally across chart types, avoiding the need to specify options for each instance, or the default for a particular chart type. Global Font Settings There are 4 special global settings that can change all of the fonts on the chart. Colors. Creating a Sentiment Analysis Application Using Node.js.
Sentiment analysis helps you in understanding what people think about a certain topic. The sentiment analysis app we are going to build will take in a keyword(s) and will fetch the matching tweets from Twitter. Then, it will run each tweet through an AFINN powered sentiment analysis Node module. This module will score the tweet text, and finally will display the relevant statistics. Before we get started, you can take a look at the demo here. You can download the complete source code from here. Technology Stack This app is built on top of Nodejs. We will be using the Twitter module to interact with Twitter and Sentiment module to perform the analysis.
So, let’s get started. Setup the App Create a new folder named sentimentAnalysisApp and open a new terminal/prompt here. Npm i -g gulp slush slush-express Once the above modules are installed, we will scaffold a new Express app using this command: slush express Slush will ask you to pick a view engine and a style sheet engine. . [?] <! Votre premier module AngularJS | Tutoriel AngularJS.
Spécifier le contrôleur Avant tout, on déclare notre contrôleur, comme on l'a vu au chapitre précédent, avec son nom et ses dépendances. Ici, il ne dépend que du service $scope. Et par la même occasion, on initialise la liste des todos avec un tableau vide. todoList.controller('todoCtrl', ['$scope', function ($scope) { var todos = $scope.todos = []; }]); J'ai profité de cette initialisation pour faire correspondre la variable todos à la variable $scope.todos.
Vous remarquerez à ce propos, qu'on se contente d'appeler le service $scope pour manipuler LE scope de notre contrôleur et uniquement celui-là. Attention à ne pas confondre le service $scope et UN scope comme par exemple celui du contrôleur ou encore celui de ng-repeat. Ajouter un todo Ensuite, on implémente la fonction qui permet d'ajouter un todo : Quelques remarques sur cette fonction : Déclaration dela fonction À la ligne 30, on déclare bien la fonction comme une propriété du scope du contrôleur.
Ajout du todo Two-Way DataBinding. Creating a Sentiment Analysis Application Using Node.js. Accès à mysql avec node.js. Dans cet article, je vous montre comment se connecter et faire des requêtes sur une base de données mysql depuis un script node.js. Pour la version anglaise, cliquez sur MYSQL ACCESS FROM NODE.JS. L’utilisation de mysql avec node.js nécessite l’installation d’un module spécifique, la suite ci-dessous… - Avoir un serveur mysql installé; – savoir ce qu’est node.js (voir l’article Comprendre node.js – avoir installé node.js (voir l’article Installer node.js sous Windows). Rien de complexe ici, il suffit d’exécuter les scripts suivants sous mysql.
Rien ne vous empêche d’utiliser phpmyadmin pour le faire. La création de la base de données mysqltest : La création de la tables test test : Depuis la ligne de commande, placez dans le dossier de votre projet test et exécutez la commande suivante : Vous devriez voir se faire l’installation comme suit : Toujours dans le dossier de votre projet, créez un fichier mysql.js destiné à intégrer le code javascript se connectant à la base de données mysql. GitHub - arjunkomath/nodejs-rest-api-mysql: A node.js API server for MySQL database.
GitHub - DeanXu/generator-express-mysql: An express-mysql generator for Yeoman, based on the express command line tool. 5 AngularJS Twitter Search Examples | AngularJS 4U. Searching for tweets seems to be the in thing at the moment. Web apps are displaying tweets and using counts of tweets in trends to determine the popularity of a hashtag, website URL or person. Here are some demo examples of how you might get some of those implemented into your AngularJS web app. Enjoy. 1. ngTwitter Tweet Hashtag Search GithubDemoReal-Time Demo 2. AngularJS Twitter Search GithubDemo 3. Jsfiddle Demo 4. GithubTutorial 5. GithubDemo Sam is a passionate web developer, online entrepreneur and investor. GitHub - forwardadvance/ng-tweets: Get a tweet stream JSON object client-side without exposing a private auth token, and without any server-side code or oauth. Compatible with Twitter API version 1.1 and above.
Building a Twitter App Using AngularJS. In this tutorial we will build a simple Twitter search app from scratch using AngularJS. The application will let us log in via Twitter and fetch tweets from the user timeline. Besides, the application will feature a search box to let the user searching among the tweets shown. In this tutorial, you will learn about the usage of OAuth for the Twitter authentication, various functions to retrieve tweets, load more tweets through the use of a “Load more” button, and search tweets with the help of AngularJS two-way data binding. Application Flow Once the app is loaded, the UI shows a “Connect Twitter” button to the users. OAuth is used to provide secure authorized access to the Twitter API. File structure Now, let’s discuss the file structure. Registering the app As I mentioned in the previous section, to simplify the Twitter OAuth integration, we’ll use OAuth.io.
We also need to be sure that is used as the callback URL. Click on “Try Auth” to test the application. Directives. There was an error loading this resource. Please try again later. Note: this guide is targeted towards developers who are already familiar with AngularJS basics. If you're just getting started, we recommend the tutorial first. If you're looking for the directives API, you can find it in the $compile API docs.
This document explains when you'd want to create your own directives in your AngularJS app, and how to implement them. What are Directives? At a high level, directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS's HTML compiler ($compile) to attach a specified behavior to that DOM element (e.g. via event listeners), or even to transform the DOM element and its children. AngularJS comes with a set of these directives built-in, like ngBind, ngModel, and ngClass. What does it mean to "compile" an HTML template? Matching Directives In the following example, we say that the <input> element matches the ngModel directive Summary.
Cookies Disabled. AngularJS apprendre à utiliser angular js de Google. Angular JS c'est quoi? AngularJS est un framework écrit en javascript par Google libre et open-source qui permet d'améliorer, au même titre que JQUERY, la syntaxe de javascript ainsi que la productivité du développeur. Angular en basé sur la logique MVC. (modèle vue controller). Crée en 2009 par Google ce framewok est devenu incontournable pour les applications web. AngularJS utilise jQuery mais vous n'êtes pas obligé de comprendre jquery pour utiliser AngluarJS. Pourquoi utiliser AngularJS AngularJS n'est pas juste une library qui propose de nouvelles fonctionnalités mais est un framework puissant et facile à prendre en main qui encadre le développeur tout en proposant une manière propre de programmer avec une logique MVC. L'une des principales raisons d'utiliser AngularJS c'est de pouvoir construire un projet en gardant à l'esprit les tests.
Installer AngularJS Pour pouvoir utiliser angularjs, il vous suffit d'intégrer ce code entre les balises HEAD de votre page HTML: Vue et template <! <! . Bien démarrer ses projets web avec Yeoman | DocDoku. Introduction Avec autant d’outils disponibles pour les développeurs web aujourd’hui, il peut parfois être difficile de comprendre comment tout cela s’assemble et fonctionne. Construire la structure de son projet « from scratch » et organiser son code et ses dépendances n’est pas toujours évident. Yeoman va nous aider à résoudre ce problème, et vous lancer sur de bons rails en générant la structure de base de votre projet (scripts, librairies, tests, …).
Le code généré par yeoman est le fruit de l’aggrégation des meilleurs pratiques du web qui ont évoluées au sein de l’industrie. Dans cet article, vous allez apprendre comment exploiter Yeoman afin de pouvoir de créer des applications web solides. Qu’est-ce que Yeoman ? Yeoman est une collection de trois outils : Yo, Grunt, et Bower. Yo – CLI tool for scaffolding out Yeoman projects Yo est un outil qui est utilisé pour échafauder une nouvelle application. Grunt – The javascript task runner Bower – A package manager for the web Installation.
⇒ Tuto : appeler une API en PHP (réponses en JSON) Dans ce petit tutoriel, je vais vous montrer comment développer une application en PHP appelant une API qui va récupérer le résultat de la requête en JSON (JavaScript Object Notation) pour l’afficher sur votre site web. Les API sur Internet Les API sont un moyen d’accéder aux données d’un site sans avoir l’autorisation d’accéder directement à la base de données. Il y a beaucoup de portails sécurisés permettant à vos applications web de manipuler les données renvoyées par ces sites. L’exemple parfait est Twitter, c’est d’ailleurs l’API de Twitter que nous allons utiliser dans ce tuto. Elle permet de lire la timeline d’une personne en particulier, de rechercher des statuts à partir d’un mot clé, de modifier les paramètres de votre compte, etc. Pourquoi choisir JSON ? Vous pouvez utiliser les API avec de nombreux langages et retourner les données de plusieurs façons.
Structure du projet Notre application web va afficher les Tweets contenant le mot clé de votre choix. <! Créer une API avec loopback.io et MongoDB. Parfois, vous avez besoin d'enregistrer vos données d'applications "à l'extérieur" et généralement pour des projets personnels, vous allez souvent opter pour une solution Cloud. J'ai souvent utilisé Azure Mobile Services pour réaliser ce genre de backend. J'ai donc voulu voir ce qu'il pouvait exister d'autre, histoire de voir.
Dans cet article, je vais vous présenter une alternative connu sous le nom de loopback, un backend-as-a-service basé sur node.js et capable de supporter tout type de base de données. Logo de loopback.io Créer sa propre API Pour commencer, il faut créer l'API, et chose remarquable, c'est extrêmement simple. Voici la liste des grandes étapes à suivre, via ce tutoriel : Les sources de données Vous pouvez utiliser différentes sources de données pour sauvegarder vos données : in-memorybases de données relationnelles (MySQL, Oracle, PostgreSQL, SQL Server)bases de données NoSQL (MongoDB)connexion à d'autres API REST L'authentification. HATEOAS, le Graal des développeurs d'API.
Nous vivons aujourd'hui dans un monde où tout devient service. Twitter, Facebook, Google Drive, GitHub, tout le monde y va de sa petite API pour que nous, geeks, puissions profiter pleinement des moult fonctionnalités offertes par ces plateformes. Qu'entend-on par service ? Comment les rendre disponibles facilement et intelligemment ? On va essayer d'y répondre ! #Les webservices Rappelons juste, pour mettre tout le monde d'accord, ce qui se passe pendant une simple navigation web. Tu tapes l'adresse de ton site préféréLe navigateur envoie la requêteLe navigateur reçoit du code HTML et l'interprète, pour voir s'il faut charger d'autres chosesLe navigateur relance les requêtes pour charger les images, scripts et CSSLe navigateur reçoit toutes les ressources et te les affiche dans sa fenêtre.
#La première école : SOAP Imaginons deux programmes qui veulent discuter en passant par le web. #La maison d'en face : REST Plusieurs années ont passées et les esprits ont évolué. #Niveau 0 #Niveau 1. AngularJS — Superheroic JavaScript MVW Framework. Node.js : Créer une API REST avec les outils de Strongloop.
L’usage des API REST s’est considérablement démocratisé dans le monde du web. Les applications web, comme les applications mobiles, sont devenues des clients d’API. Aujourd’hui je vous propose de découvrir l’outillage fourni par Strongloop, un acteur reconnu du monde Node.js. Avec cet outillage, vous verrez qu’il est possible de créer rapidement une API REST, de gérer la sécurité, la supervision et le déploiement sur une machine distante. Avant de commencer, installons les outils en local. Npm install -g strongloop Projet et modèles Notre objectif est de créer une API pour une clinique vétérinaire. . $ slc loopback _ | | . | ` ( _´U`_ ) ' /___A___\ | ~ | __'.___.'__ ´ ` |° ´ Y ` [?] Ensuite créons le modèle « Customers » pour gérer les clients de la clinique. . $ slc loopback:model Customer [?] Pour chacune des propriétés de notre modèle, slc nous permet de préciser son nom, son type et si elles sont obligatoires ou non.
Créons à présent le modèle « Pets » pour gérer les animaux. Premier essai. LoopBack Documentation | LoopBack Documentation. LoopBack: A Powerful Node API Framework Tutorial | Toptal. It’s needless to mention the growing popularity of Node.js for application development. eBay has been running a production Node API service since 2011. PayPal is actively rebuilding their front-end in Node. Walmart’s mobile site has become the biggest Node application, traffic wise. On Thanksgiving weekend in 2014, Walmart servers processed 1.5 billion requests, 70 percent of which were delivered through mobile and powered by Node.js.
On the development side, the Node package manager (npm) continues to grow rapidly, recently surpassing 150,000 hosted modules. While Ruby has Rails and Python has Django, the dominant application development framework for Node has yet to be established. Let’s take a closer look at LoopBack and it’s capabilities by turning everything into practice and building an example application. What is LoopBack and How Does It Work with Node? LoopBack is a framework for creating APIs and connecting them with backend data sources. Create a Skeleton Let’s add a model. ?