Premiers pas avec NodeJS

Logo de Node JS

La plateforme Node JS s’étend de plus en plus et sert à présent de base pour toutes une palette d’applications, d’outils et autres. Sa gestion simple des packages, dépendances,… en ont fait une base pour les principaux Task Runner du moment, tel que GruntJS, Bower,…

En plus de ces applications, nodsJs permet de créer du code côté serveur, et cela entièrement en JavaScript. L’avantage est clair pour les développeurs voulant garder une même technologie sur toute la stack. Continuer la lecture de « Premiers pas avec NodeJS »

Console git personnalisée

Logo git

Beaucoup de développeurs utilisent la console pour exécuter des lignes de commande plutôt que de passer par un GUI. Mais même pour les férus du terminal, il est pratique d’avoir différentes couleurs selon le type de données qui s’affiche ainsi que des raccourcis pour leurs commandes fréquentes.

Lors de l’utilisation de git c’est pareil, rien de tel que quelques style pour différencier les fichiers à l’état « stage » des fichiers modifiés. Ainsi, la configuration de git peut être mise à jour dans le fichier .gitconfig de votre dossier « home » afin d’y ajouter des couleurs ou des alias. Continuer la lecture de « Console git personnalisée »

Création de virtualhosts

Créer des hôtes virtuels sur votre serveur web apache

Lors de l’utilisation d’un webserver de développement en local, il est parfois utile de pouvoir laisser les sites dans un dossier autres que le dossier htdocs d’apache. De plus, certains Framework comme symfony nécessite la configuration d’un virtualhost (hôte virtuel) afin que lors du lancement du site, les dépendances du framework soit appelées correctement. Pour cela, il est nécessaire de mettre en place un ou plusieurs virtualhosts. Comme cela devient de plus en plus un standard, nous allons utiliser la méthode d’hôtes virtuels basé sur le nom. Continuer la lecture de « Création de virtualhosts »

Les commandes de bases de Git

GIT

Récupérer un projet

Création d’une clé SSH

Afin de pouvoir accéder au dépôt Git, il vous faudra vous authentifier si celui-ci a un accès sécurisé. Afin de ne pas devoir renseigner les informations de votre compte à chaque fois dans le prompt, il est possible de passer par une clé SSH que l’on va autoriser sur le serveur.

La génération de la clé se fait sur le client à l’aide de la commande Continuer la lecture de « Les commandes de bases de Git »

Filtres personnalisés pour symfony

Introduction

Dans symfony, les filtres sont utiles pour créer des listes d’informations selon des paramètres définis. Il est possible de générer les filtres automatiquement à l’aide de la commande $ php symfony doctrine:build-filters Ainsi, pour chaque modèle, un filtre sera créé dans « lib/doctrine/filter ». Seulement, les options de filtre correspondent aux attributs du modèle, comment est-il possible de filtrer d’après une jointure ? Continuer la lecture de « Filtres personnalisés pour symfony »

Commandes courantes pour symfony

Introduction

Symfony est un framework php qui s’utilise beaucoup en ligne de commande. Il permet de créer facilement un site en ayant presque pas écrit une ligne de code. Le site officiel www.symfony-project.org et son tutoriel étant très bien conçus, je vous laisserais le visiter si vous voulez en savoir plus.N’utilisant pas symfony tous les jours, je dois souvent aller farfouiller dans le tutoriel « jobeet » pour retrouver les commandes que j’ai oublié. C’est pourquoi voici un pense-bête pour une rapide mise en place d’un projet symfony avec doctrine, pour ceux qui connaissent déjà le framework. Continuer la lecture de « Commandes courantes pour symfony »

Géolocalisation

window.onload = function(){

	//Si on a l'autorisation de géolocaliser
	if(navigator.geolocation){
		function succesGeo(position){
			var infopos = 'Ma position => ';
				infopos += 'Latitude: '+position.coords.latitude+' - ';
				infopos += 'Longitude: '+position.coords.longitude;
				document.getElementById('position').innerHTML = infopos;

				//instancier un objet coordonnée google maps selon l'API
				var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

				//option pour centrer la carte sur notre position
				var optionsGMaps = {
					mapTypeControl: false,
					center: latlng,
					navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
					mapTypeId: google.maps.MapTypeId.ROADMAP,
					zoom: 15
				};

				//initialiser la carte selon nos paramêtres
				var map = new google.maps.Map(document.getElementById('mapGoogle'), optionsGMaps);

				//ajout d'un 'flag' sur notre position
				var marker = new google.maps.Marker({
					position: latlng,
					map: map,
					title: 'Votre emplacement !'
				});
		}

		//requête de géolocalisation
		navigator.geolocation.getCurrentPosition(succesGeo);
	}
}

Introduction

La géolocalisation est devenu omniprésente dans nos vies ces dernières anneés. L’arrivée des technologies mobiles et les connexions Internet de accessible dans de nombreux endroits incitent de plus en plus les gens à partager des lieux afin de faire savoir où ils sont, où ils vont, etc.
Cela demande une infrastructure, des outils et des connaissances conséquentes, mais au final pas tant que ça grâce aux outils HTML5, OpenLayer, OpenStreetMap, Google Map ou tout autres possibilités qu’elles soient libres ou non.

La composante géographique de la géolocalisation est basée sur 3 notions: Continuer la lecture de « Géolocalisation »

Empêcher la barre d’adresse de passer par le moteur de recherche

Cet article permet de désactiver la recherche par un moteur de recherche lors d’une saisie dans la barre d’adresse de votre browser. Vous gardez ainsi l’affichage de vos favoris ou pages visitées, mais non l’envoi vers le moteur de recherche.

Introduction

Vous avez certainement déjà remarqué que dans les nouvelles moutures de vos navigateurs, la barre d’adresse envoie à votre moteur de recherche le mot que vous tapez si ce n’est pas un site ou qu’il n’est pas reconnu comme tel. Si comme moi, vous utilisez des « virtualhost » et que vous voulez éviter que lors d’une saisie, l’adresse soit comprise comme un mot clé plutôt que comme adresse local, voici ce que vous devez configurer !

Avec Firefox

Dans la barre d’adresse, saisissez l’adresse permettant d’aller dans la configuration de Firefox :

about:config

Acceptez le message d’avertissement, puis dans la barre de saisie « filter » de la page, filtrez les options de configuration afin de n’avoir plus que celles qui nous intéresse en écrivant :

keyword

A présent, il devrait vous rester au moins 2 entrées (peut-être plus selon vos extensions installées) dont l’option ayant le nom keyword.enabled. En cliquant dessus cette ligne la valeur devrait se mettre à false et ainsi désactiver cette fonctionnalité.
Fermez cette fenêtre et réessayez de saisir un mot dans la barre d’adresse, cette fois il devrait chercher l’URL correspondante et non l’envoyer à votre moteur de recherche favori.

Captcha de vérification de formulaire

Introduction

Prévenir des entrées de robots dans vos formulaires n’est pas toujours une tâche facile, mais pourtant une technique efficace est le captcha à saisir.
Le concept
utilisateur est simple, lire un code et le retranscrire afin de prouver que c’est bien
un humain qui a réalisé la saisie. Le concept technique pour des débutants en développement peut être plus difficile à mettre en place et c’est pourquoi j’ai fait un petit tutoriel afin de savoir comment cela fonctionne. Continuer la lecture de « Captcha de vérification de formulaire »