Télécharger node depuis les sources ( apt-get…) Franchement, c’est assez pénible et c’est prompt à encore plus d’erreur. Car si vous êtes ici, c’est que quelque chose ne se passe pas comme prévu. Bref, je vous déconseille cette solution. Utiliser le package « n...
Le setup est extrêmement simple, il vous faudra l’accès à votre serveur Linux Debian ou Ubuntu. Il faudra aussi installer Apache2 si ce n’est pas déjà fait. Déployez votre code sur le serveur Je ne vais pas détailler ici la méthode pour téléverser votre code sur votre propre se...
Dans un projet vue.js commencez par installer vueX Installez vueX avec npm npm install vuex --save Créez un store Créez un store dans votre application. J’ai décidé de créer un dossier store à la racine de mon projet. Dans le fichier ./store/store.js // ./store/store.js import Vue from '...
Installer les containers Le plus simple est d’utiliser un fichier docker-compose.yml Créez le fichier docker-compose.yml suivant à la racine de votre projet. php_apache: image: webdevops/php-apache:7.1 links: - db:mysql ports: - 8989:80 volumes: - ./:/app/ - ./php.ini/:/opt/docker/etc/php/ph...
Un point important à sous-lignée sur Angular c’est sur l’affichage des images. En effet si nous avions le chemin vers une image dans notre array de donnée nous serions tentés d’essayer de l’afficher comme ceci : <img src="{{product.images[0].full}}"/> Mais cela ne f...
Angular nous permet de filtrer une {{expression}} de manière simple et performante. Les filtres permettent d’adapter de trier des éléments dans notre vue. Encore de super pouvoir que nous offre angular. Exemple d’utilisation de filtre avec Angular Exemple d’un filtre currency Ex...
Le modèle a pour objectif de récupérer des données, le controller lui fera des traitements sur ces données (c’est l’interface) et pour finir la vue s’occupera seulement de l’affichage. C’est cette séparation des tâches qui permet à notre application d’êtr...
var shoe = {size: 6, gender: "women",construction: "slipper"}; var magicShoe = Object.create(shoe); La particularité de Object.create() est que l’argument qui lui est passé (dans notre cas shoe) devient le prototype de notre nouvel objet. Si vous affichez le contenu de l’objet magic Sh...
En JavaScript les string, numbers, les objets.. Ont des propriétés héritées par des objets parents, appelés prototypes. Par exemple quand on créer un objet des propriétés vont s’ajouter à celui-ci.Des propriétés que nous n’avons pas créées ! Mais si ces propriétés ne sont ...
Un petit exemple pour que vous voyiez bien de quoi je parle ici var bookArray = ["Big Brother", "1984", "Peter Pan"]; var myBox = { height: 6, width: 10, length: 730, meterial : "cardboard", content : bookArray }; Pour accéder à une propriété de l’objet, c’est très simple. Imaginons...
function testClosure(){ var x = 4; return x; } testClosure(); // retourne 4 console.log(x) // retourne "undefined" La variable x retourne « undefined » car elle à été définie à l’intérieur d’une fonction, elle n’est donc accessible uniquement dans la fonction dans laquell...
Dans le cas d’une function déclarée de manière classique, toute la function est chargée dans la mémoire du navigateur même si elle n’est pas utilisée immédiatement. À la différence des expressions de fonction (ou function expression) qui elles sont appelées quand l’inter...
Les logs c’est quoi ? On parle de log ou de « fichier journal », derrière ces mots barbares se cache un principe simplisme. Les logs ont pour rôle d’enregistrer sous format texte des évènements. Cela peut être des logs d’erreurs qui enregistreront les problèmes rencontrés ou encore ...
Le design & l’expérience utilisateur D’un point de vue design, j’ai décidé de créer un site sobre, moderne et efficace. Étant sur une thématique mode, accessoire de mode j’ai donc offert une place importante à de grands visuels, l’objectif était de mettre en scène les produits...
Avant la mise en place de ce petit dev je glissais dans chaque commande le cadeau. Cependant je recevais beaucoup de coups de fil me demandant si le cadeau sera bien inclus dans le colis (car ce n’était pas notifié dans le résumé de commande). J’ai donc décidé de remédier à ça a...
Attention la compression augmentera le niveau d’utilisation du processeur, mais dans beaucoup de cas ceci n’est pas un problème surtout mis en parallèle avec le gain de vitesse que cela va vous apporter. Je parlerai dans cet article du mod_delfate, qui est le successeur du mod_gzip (Ap...
Qu’est ce qu’une LightBox ? / Pourquoi l’utiliser ? Une Lighbox est souvent un petit plug-in JavaScript Qui permet lors du clic ou d’un autre événement de faire flotter l’élément au-dessus de tout le site. Les LightBox sont très souvent utilisées pour présenter d...
