Posts in web

Mise en place d’un alias dns public

Quand on souhaite auto-heberger un site très vite arrive le problème de l’url et donc du dns public. Le site qui se trouve derrière notre box doit être accessible du monde exterieur.

Read more ...


NgMaterial et les interfaces mobile

Pour que le visuel écrit en html avec ngmaterial puisse être utilisable sur un mobile il faut lui indiquer de ne pas essayer d’utiliser la fonction zoom des navigateur.

Read more ...


AngularJs et les paramètres par url

Cette note a pour objectif d’expliquer comment récupérer à partir de l’url les informations passées en paramètre de l’url.

Read more ...


Gestion du cross origin avec Nginx

Lors de développement d’une application web, on rencontre parfois une erreur de cross-origin. Le problème est que l’application hébergé sur le serveur A souhaite avoir accès à une information sur le serveur B.

Read more ...


Nginx: l’autre serveur web

Dans le monde des serveurs web il existe aujourd’hui plus acteurs. Les acteurs principaux dans le domaine de l’open source sont:

Read more ...


Apache: bloquer des demandes non souhaitées

Une attaque basique est le denis de service. Souvent on voit sur un site web de nombreuses demandes provenant de pays non souhaités.

Read more ...


Création d’une page de connexion

La page de connexion est surement un des éléments les plus basique d’une application. Je donne içi un exemple de page de connexion réalisé avec angularjs, font-awesome et angular-messages

Read more ...


Création d’un Tableau de bord dynamique

Il est souvent utile de créer un tableau de bord. Un tableau de bord est souvent une somme de petit graphique qui sont mis à jours dynamiquement.

Read more ...


Affichage d’un switch ou d’une checkbox

L’objectif de cette note est d’explicité l’affichage d’une valeur (on/off) via l’utilisation d’une boîte à cocher ou d’un switch.

Read more ...


Trie d’une liste en drag and drop

L’objectif est d’avoir une liste qu’on peut trier avec la souris (ou le doigt).

Read more ...


Intégration de graphique simple avec chart.js

Il existe un module angular js permettant d’obtenir rapidement des graphiques à partir de donnée: angular-chart.js.

Read more ...


Gestion de la taille écran en javascript

on utilise avec ng-material la directive $mdMedia

Read more ...


Création d’une application AngularJs temps réel

Il est parfois utile d’avoir une application temps réel. Cette notion signifie qu’on va obtenir une information dès qu’elle sera mise à jours.

Read more ...


Filtrer une liste avec Angular JS

AngularJs apporte un outil intéressant pour filtrer et ordonner une liste.

Read more ...


Avoir un bouton dynamique

L’objectif de cette note est d’expliciter comment on peut rendre dynamique l’apparence mais aussi l’action d’un boutton

Read more ...


Exemple d’interface d’application

Une application est souvent composé des même élements:

Read more ...


Affichage d’une liste avec Angular-Material

Un des écran les plus classique dans une application est la visualisation, la sélection d’élement d’une liste.

Read more ...


Donner le focus avec AngularJs

Il est parfois difficile de pouvoir donner le focus sur un élément après chargement de la page. L’utilisation classique est que l’utilisateur sélectionne l’élément mais on peut forcer le focus

Read more ...


Passage sur Apache 2.4

Le passage en version 2.4 d’Apache entraine des modifications sur la configuration des sites web.

Read more ...


Utilisation de httpd (Apache) comme proxy web

Pour différente raison il est parfois utile de mettre en place un proxy web. L’objectif est de rendre transparent pour l’utilisateur le routage de ces requêtes web vers un autre serveur web que celui visé.

Read more ...


Sécurisation des accès au sein d’Apcahe

Configuration d’Apache pour l’utilisation d’un fichier .htaccess Le fichier de configuration pour Apache : default, se trouve dans /etc/apache2/sites-available/default . D’origne, il contient les éléments suivants

Read more ...


Python et Httpd une affaire qui marche

Afin de rendre le web dynamique il est possible d’utiliser différents interpreteur et différents language

Read more ...


Modification du Charset dans apache

Dans le fichier /etc/apache2/conf.d/charset ou default vous trouvez:

Read more ...


HTTPD: le serveur web de la fondation Apache

La fondation Apache distribue un des meilleurs serveur web: httpd

Read more ...


Gestion avancée de la configuration d’apache

Il est possible d’imaginer d’autres configurations. En effet httpd peut:

Read more ...


La directive ng-switch dans AngularJs

La directive ng-switch est une structure conditionnelle de type switch qui s’utilise directement dans le template. Elle permet d’afficher tel ou tel élément selon la valeur de l’expression qu’elle évalue.

Read more ...


Bower trucs et astuces

La commande init permet est utilisé uniquement dans le cas de création d’un package distribuable par bower. Si votre application est déployée par un autre moyen (zip, tar ou pip) il est possible d’utiliser que la commande install

Read more ...


Polymer

Polymer est un framework javascript de chez Google. Il est en concurrence avec AngularJs mais devrait permettre de réaliser des applications multi-screens de façons plus simple.

Read more ...


Les feuilles de styles css

Css est un language qui permet d’ajouter à des élements html des caractéristiques liées au design.

Read more ...


Internationalisation d’une application AngularJs

Il existe un module permettant d’internationaliser simplement une application angularjs. Ce module nomé angular-translate permet notamenent de traduire une application via l’utilisation d’un fichier de traduction au format json

Read more ...


Gestion des thèmes Angular-Material

Le module Angular-Material possède une gestion de thème qui permet rapidement de modifier l’ensemble des couleurs de notre application.

Read more ...


Fontawesome: une librairie d’icone efficace

Fontawesome est une font qui permet l’intégration d’un grand nombre d’icone classique.

Read more ...


Création d’une application complète avec AngularJs

L’architecture d’une application Angular JS est simple mais découpe bien le modèle MVC

Read more ...


Angular-Material: la création simple de visuel

Google a développé en plus d’angular un module permettant de créer facilement des visuels nouvelles générations. Ce module nommé angular-material permet de mettre en place rapidement les élements les plus basiques des applications: menus, slider, …. mais aussi de gérer facilement via la notion flex la problématique des multi-terminaux.

Read more ...


Ajout d’un boutton d’action rapide

De nombreuses applications mobiles comportent en bas à gauche un bouton réalisant l’action la plus logique.

Read more ...


AngularJs

AngularJs est un framework javascript permettant d’écrire des applications web en mode SPA Single Page Application. Ce framework est open source et est développé par Google. Il est fortement orienté MVC (Modèle Vue Controler) voir MVVM (Modèle Vue Vue Modèle).

Read more ...


Bower

Bower est un gestionnaire de paquet pour des application web/javascript.

Read more ...