background preloader

JAVASCRIPT

Facebook Twitter

Écrire un service REST avec NodeJS et Express – partie 1/3: implémentation de départ. Une fois n’est pas coutume, je découperai ce tutorial en plusieurs articles distincts, histoire de voir si j’arrive à écrire des articles plus courts Nous allons voir en détail comment mettre en place un webservice RESTful avec NodeJS et le framework Express. L’objet de ce webservice sera la gestion d’une base de favoris. Sommaire MÀJ Oups, j’avais oublié la partie pour réellement jouer avec notre service ^^ Conception Présentation des briques logicielles Commençons par définir les outils dont on va s’armer pour mener notre mission à bien L’architecture « Representational State Transfer » consiste principalement en la mise en place de services basés sur le protocole HTTP pour les opérations standard de « CRUD« .

La notion de service RESTful est très normée, et quelques règles doivent être respectées pour se réclamer RESTful: Ces normes permettent aux utilisateurs des services RESTful de savoir toujours où ils mettent les pieds, et il est donc très important de les respecter. NodeJS et Express. Introduction à AngularJS | Tutoriel AngularJS. Pour comprendre comment fonctionne AngularJS, il est essentiel d'avoir les idées claires à propos de quelques points propres au développement web. Cette section en fait un rapide tour d'horizon. Front-end & back-end Front-end C'est la partie visible d'un site web. Autrement dit, tout ce que le visiteur télécharge depuis le serveur lorsqu'il charge une page. On y trouve donc le HTML, le CSS et bien sûr le Javascript. C'est précisément à ce niveau qu'intervient AngularJS. Back-end C'est la logique de l'application, autrement dit la partie du code qui est exécutée sur le serveur lorsqu'une requête est reçue.

Qu'est-ce qu'un framework ? Un framework est un ensemble cohérent de composants logiciels, autrement dit, un ensemble de fonctions, méthodes, objets, etc... mais aussi avec une logique propre permettant de développer rapidement une application. Bien entendu, si vous avez déjà travaillé avec un framework, vous ne serez pas déboussolé par AngularJS. PhotoSwipe: JavaScript Image Gallery. Nodeschool.io. Faire tomber des flocons en javascript - Le Blog Facile. S'il est un sujet récurent, c'est la mise en place d'une animation de neige sur son blog à l'approche des fêtes de fin d'année. En farfouillant un peu sur le net, j'ai trouvé un code javascript plutôt pas mal. Je vais donc vous expliquer comment le mettre en place sur votre blog et comment le modifier. Attention, pour fonctionner, il faut que le javascript soit activé sur votre compte. En premier lieu, choisissez l'image de votre flocon. Une image gif fait l'affaire.

Vous pouvez en choisir une autre proposée parmi celles du site du créateur du script. Vous pouvez aussi choisir votre propre image.Enregistrez le fichier image sur votre blog (Contenu / Gérer les fichiers) Ensuite, copiez le code ci-dessous dans un éditeur de texte (notepad++ , bloc-notes, etc.).Remplacez l'url dans SNOW_Picture = " par celle ou se trouve votre image de flocon.Enregistrez le fichier sous le nom: snow.js et mettez-le sur votre blog.

Magnific Popup: Responsive jQuery Lightbox Plugin. Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner. Lightbox gallery You may put any HTML content in each gallery item and mix content types. In this example lazy-loading of images is enabled for the next image based on move direction. Zoom-gallery If you wish to open the popup only after image is fully loaded, you may preload image via JS. Popup with video or map In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered. Dialog with CSS animation Animations are added with simple CSS transitions, you can make them look however you wish.More animation effects on CodePen.

Popup with form Ajax popup Modal popup Open modal Dismiss Fast. jQuery API Documentation. Référence javascript : Objets, propriétés, méthodes par Tout JavaScript.com. La référence javascript Tout JavaScript.com vous propose sur cette interface ergonomique et conviviale, plus de 230 fiches détaillant précisément les objets javascript , leurs propriétés et leurs méthodes. . , les fonctions natives et les mots de structures sont regroupés dans le répertoire Mots_clefs. Naviguez simplement dans l'arborescence des objets dans le menu de gauche. Quand vous lancez une fiche, l'arborescence du menu s'ouvre à la position de l'objet sélectionné. Cette référence javascript, développée et écrite pour Tout JavaScript.com, est en constante évolution.

Erreur ?] Accès rapide : window, document, Array, RegExp, Math, Image, navigator... AngularJS — Superheroic JavaScript MVW Framework.