Chez nous, le partage de connaissances ainsi que la montée en compétences en interne sont parties prenantes de notre mode de fonctionnement. C&rsquo;est ainsi que depuis quelques mois déjà nos développeurs se réunissent tous ensemble afin de se consacrer à des micro-formations. Ces sessions de 20 à 45 minutes ont pour objectif de présenter ou rappeler des usages d&rsquo;outils ou de langages de programmation. Chaque micro-formation est ensuite suivie d&rsquo;une mise en application à travers quelques exercices pratiques.



Il y a quelques jours, c&rsquo;était au tour de <a href="http://twitter.com/gregcop1">Grégory</a> de discuter de la programmation réactive et de son contexte global. Bien qu&rsquo;ancienne, la programmation réactive prend une place d&rsquo;honneur dans les nouvelles architectures du web. Pourtant, ses concepts de base nécessitent de réévaluer profondément nos pratiques de développement. Voici donc une introduction en douceur de ses principaux concepts, le tout garni d&rsquo;exemples avec la librairie Javascript <a href="https://rpominov.github.io/kefir/">Kefir</a>. &nbsp;&nbsp;&nbsp;



<iframe loading="lazy" src="//slides.com/gregorycopin/programmation-reactive/embed" scrolling="no" allowfullscreen="allowfullscreen" width="576" height="420" frameborder="0"></iframe>



Et vous, que pensez-vous de la programmation réactive ?

Introduction à la programmation réactive

Chez nous, le partage de connaissances ainsi que la montée en compétences en interne sont parties prenantes de notre mode de fonctionnement. C&rsquo;est ainsi que depuis quelques mois déjà nos développeurs se réunissent tous ensemble afin de se consacrer à des micro-formations. Ces sessions de 20 à 45 minutes ont pour objectif de présenter ou [&hellip;]

Introduction à la programmation réactive | Les-Tilleuls.coop

Les-Tilleuls.coop

https://api.les-tilleuls.coop/wp-content/uploads/2021/08/85.png

Accueil

https://secure.gravatar.com/avatar/54fb8ea2a1a36c3b9ef44f25bf976b48?s=96&d=mm&r=g

Cécile Hamerel

composer require videlalvaro/rabbitmqbundle

public function registerBundles()  
{
    $bundles = array(
        ...
        new OldSoundRabbitMqBundleOldSoundRabbitMqBundle(),
    );
}

old_sound_rabbit_mq:  
    connections:
        default:
            host:     localhost
            port:     5672
            user:     guest
            password: guest
            vhost:    /
            lazy:     false

old_sound_rabbit_mq:  
    producers:
        foo:
            connection: default
            exchange_options:
                name: 'foo_exchange'
                type: topic

$producer-&amp;gt;publish(serialize($object));

Impl&eacute;menter RabbitMQ dans une API Symfony 2

old_sound_rabbit_mq:  
    consumers:
        bar:
            connection: default
            exchange_options:
                name: 'foo_exchange'
                type: topic
            queue_options:
                name: 'foo_queue'
            callback: les_tilleuls_demo.consumer.foo

&amp;lt;?php  
namespace LesTilleulsDemoBundleComponentAMPQ;use LesTilleulsDemoBundleEntityFoo;  
use OldSoundRabbitMqBundleRabbitMqConsumerInterface;  
use PhpAmqpLibMessageAMQPMessage;class FooConsumer implements ConsumerInterface  
{
    /**
     * {@inheritdoc}
     */
    public function execute(AMQPMessage $msg)
    {
        /** @var Foo $foo */
        $foo = unserialize($msg-&amp;gt;body);
        echo 'foo '.$foo-&amp;gt;getName()." successfully downloaded!n";
    }
}

Jeudi dernier, Les-Tilleuls.coop co-organisait <a title="Save the date : nouveau sfPot à Lille !" href="https://les-tilleuls.coop/save-the-date-nouveau-sfpot-a-lille/">un nouveau sfPot lillois</a> en collaboration avec <a rel="nofollow" href="http://sensiolabs.com/">SensioLabs</a>, <a rel="nofollow" href="http://www.cgi.fr/">CGI</a> et <a rel="nofollow" href="http://www.groupe-auchan.com/nos-activites/e-commerce/">Auchan E-commerce</a>. Pour cette cinquième édition, le succès était au rendez-vous : ce sont plus de soixante-dix personnes qui ont investi le <a rel="nofollow" href="http://www.meatballs-restaurant.com/">Meatballs</a>, un restaurant du Vieux-Lille privatisé pour l&rsquo;occasion. Cette soirée placée sous le signe de la convivialité a été rythmée par deux talks enrichissants sur le thème du <a rel="nofollow" href="http://symfony.com/">framework Symfony</a>. <a href="https://twitter.com/vincentchalamon">Vincent Chalamon</a>, développeur chez Les-Tilleuls.coop, nous a d&rsquo;abord montré comment implémenter RabbitMQ dans une API Symfony 2. 



C&rsquo;est ensuite <a href="https://twitter.com/Ntilou">Anthony Blin</a>, développeur chez CGI, qui a pris la parole pour nous parler de l&rsquo;optimisation de Symfony avec HHVM. Après les conférences, les échanges se sont poursuivis&nbsp;autour d&rsquo;un copieux buffet à base de boulettes et de quelques verres offerts.



<blockquote class="twitter-tweet" lang="fr">Après les talks, le réconfort ! <a href="https://twitter.com/hashtag/sfPot?src=hash">#sfPot</a> <a href="https://twitter.com/hashtag/Symfony?src=hash">#Symfony</a> <a href="https://twitter.com/hashtag/Lille?src=hash">#Lille</a> <a href="http://t.co/y092c504l5">pic.twitter.com/y092c504l5</a>— Les-Tilleuls.coop (@coopTilleuls) <a href="https://twitter.com/coopTilleuls/status/593852502614867969">30 Avril 2015</a>&nbsp;</blockquote>



Une fois de plus, ce sfPot a donc été une belle réussite !



<blockquote class="twitter-tweet" lang="fr"><a href="https://twitter.com/coopTilleuls">@coopTilleuls</a> <a href="https://twitter.com/CecileAMRL">@CecileAMRL</a> Bravo pour l&rsquo;organisation du <a href="https://twitter.com/hashtag/sfpot?src=hash">#sfpot</a> à <a href="https://twitter.com/hashtag/lille?src=hash">#lille</a> <a href="https://twitter.com/hashtag/symfony?src=hash">#symfony</a> <a href="http://t.co/AfdE8Kq1fx">pic.twitter.com/AfdE8Kq1fx</a>— Matthieu HELARY (@matthieuhelary) <a href="https://twitter.com/matthieuhelary/status/593841144901083137">30 Avril 2015</a></blockquote>
<script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script>



<blockquote class="twitter-tweet" lang="fr">Bravo pour vos talks <a href="https://twitter.com/vincentchalamon">@vincentchalamon</a> <a href="https://twitter.com/Ntilou">@Ntilou</a> ! <a href="https://twitter.com/hashtag/sfPot?src=hash">#sfPot</a> <a href="https://twitter.com/hashtag/Lille?src=hash">#Lille</a> — Guillaume Magnier (@guish59) <a href="https://twitter.com/guish59/status/593860223460372480">30 Avril 2015</a></blockquote>



<blockquote class="twitter-tweet" lang="fr"><a href="https://twitter.com/_neemzy">@_neemzy</a> <a href="https://twitter.com/CGI_FR">@CGI_FR</a> <a href="https://twitter.com/MalvinaNortier">@MalvinaNortier</a> <a href="https://twitter.com/Ntilou">@Ntilou</a> <a href="https://twitter.com/guish59">@guish59</a> <a href="https://twitter.com/coopTilleuls">@coopTilleuls</a> <a href="https://twitter.com/dunglas">@dunglas</a> <a href="https://twitter.com/vincentchalamon">@vincentchalamon</a> <a href="https://twitter.com/sensiolabs">@sensiolabs</a> Super <a href="https://twitter.com/hashtag/sfpot?src=hash">#sfpot</a> ! Vivement le prochain !— Tristan Maindron (@OwlyCode) <a href="https://twitter.com/OwlyCode/status/594091210555404288">1 Mai 2015</a></blockquote>



Un grand merci à tous&nbsp;d&rsquo;avoir répondu présent ainsi qu&rsquo;aux co-organisateurs de cet événement et bravo aux conférenciers ! On se retrouve très bientôt pour un sixième sfPot&#8230; Stay tuned !&nbsp;Pour vous faire patienter, voici la version écrite du tutoriel présenté par Vincent. Vous pouvez également <a href="http://blog.vincent-chalamon.fr/implementer-rabbitmq-dans-une-api-symfony-2/">la retrouver sur son blog</a>. Bon codage !



<h2>Implémenter RabbitMQ dans une API Symfony 2</h2>



Depuis Matrix, vous avez toujours rêvé de « suivre le lapin blanc ». Mais voilà, le seul lapin que vous ayiez trouvé ressemble plutôt au chapelier fou ou à Roger Rabbit !



Je vous présente un lapin plus efficace : RabbitMQ.







<h2 id="rabbitaimequoi">Rabbit aime quoi ?</h2>



Basé sur le protocole <a href="http://fr.wikipedia.org/wiki/Advanced_Message_Queuing_Protocol">AMQP</a> (Advanced Message Queuing Protocol), RabbitMQ est un gestionnaire avancé de files de messages. Il permet d&rsquo;envoyer et recevoir des messages aux plateformes connectées à son service.



OK… et sinon ça veut dire quoi ?



Votre application va pouvoir envoyer des informations de façon asynchrone à d&rsquo;autres applications utilisant le même service.



Ah, « asynchrone », j&rsquo;ai déjà entendu ce mot là quelque part, il paraît que c&rsquo;est bien non ?



Ça s&rsquo;avère très utile dans certaines situations. Imaginons par exemple que vous ayiez plusieurs applications devant communiquer entre elles :



<ul><li>Une API publique</li><li>Une application privée gérant les statistiques</li><li>Etc…</li></ul>



Dans votre API, en cas d&rsquo;ajout d&rsquo;un enregistrement, vous souhaitez mettre à jour les statistiques.



Ah, ça je sais déjà faire : j&rsquo;appelle un WebService (par exemple en REST) vers l&rsquo;application gérant les statistiques pour lui transmettre l&rsquo;enregistrement !



En effet, mais si un grand nombre de personnes ajoutent un enregistrement en même temps, vous allez requêter autant de fois votre application. Cela peut être très risqué !



L&rsquo;alternative consiste à mettre en attente ces informations dans un service, et laisser l&rsquo;application des statistiques récupérer ces informations quand elle le souhaite.



Ainsi, lors de l&rsquo;ajout d&rsquo;un enregistrement, l&rsquo;API va envoyer un message à RabbitMQ contenant toutes les informations que vous souhaitez partager. On parle ici d&rsquo;un Producer. RabbitMQ va le stocker jusqu&rsquo;à ce qu&rsquo;une application le récupère. Cette application est appelée Consumer.







<h2 id="installation">Installation</h2>



Le service RabbitMQ existe en .exe, .tar.gz, .deb, .rpm, .zip, brew, etc… Mieux encore, de nombreux plugins proposent une compatibilité de ce service dans les principaux langages Web utilisés de nos jours : PHP, Node.JS, Java, Ruby, Python, etc…



Vous n&rsquo;avez qu&rsquo;à installer ce service…et l&rsquo;allumer ! Simple non ? ☺



Bonus : vous pouvez faire tourner RabbitMQ grâce à <a href="https://www.docker.com/">Docker</a> :









<h2 id="lancementarrtduservice">Lancement/arrêt du service</h2>



Le service RabbitMQ est disponible à travers la commande suivante :





Il est également possible de lui passer l&rsquo;option <code>-detached</code> afin de le lancer comme&nbsp;daemon. Pour l&rsquo;arrêter, il vous suffit de lancer la commande :









<h2 id="interfacedegestion">Interface de gestion</h2>



Un grand avantage de RabbitMQ face à ses concurrents est qu&rsquo;il propose une interface complète de vue, gestion et d&rsquo;administration de son service.



Parmi ses options, il propose en particulier une vue sur le trafic,&nbsp;l&lsquo;administration des listes (exchanges/queues), l&rsquo;administration des utilisateurs, et même une visualisation des relations entre les listes.



Une fois le service lancé, l&rsquo;interface est disponible en vous rendant sur&nbsp;<a href="http://localhost:15672/">http://localhost:15672</a>.







<h2 id="exchangevsqueue">Exchange vs Queue</h2>



Il est important sous RabbitMQ de comprendre ce qu&rsquo;est un exchange et une&nbsp;queue.



Un exchange est une liste de publication de messages, tandis qu&rsquo;une queue est une liste de lecture de messages publiés depuis un exchange.



Hum… quelqu&rsquo;un a compris ce qu&rsquo;il a dit le zouave ?



Je vais tâcher d&rsquo;être plus clair : un message est soumis sur une liste que l&rsquo;on appelle un exchange. Cette liste va transmettre le message à d&rsquo;autres listes qui lui sont connectées, que l&rsquo;on appelle des queues. Le message sera alors disponible en lecture depuis ces dernières listes.



<figure class="wp-block-image"><img src="http://blog.vincent-chalamon.fr/content/images/2015/04/schema.png" alt=""/></figure>



Il existe plusieurs types d&rsquo;exchange, les principaux sont :



<ul><li>Fanout : le message est transmit dans chacune de ses queues liées</li><li>Direct : le message est transmit à 1 seule queue identifiée</li><li>Topic : le message est transmit dans N queues filtrées</li></ul>



Mais alors Fanout = Topic, non ?



Et bien non, justement. Dans le cas d&rsquo;utilisation d&rsquo;un type Topic, un filtre (routing_key) est utilisé afin d&rsquo;identifier à quelle(s) queue(s) transmettre le message.



<figure class="wp-block-image"><img src="http://blog.vincent-chalamon.fr/content/images/2015/04/python-five.png" alt=""/></figure>



<h2 id="options">Options</h2>



Et c&rsquo;est tout ce qu&rsquo;il propose ton lapin ?



Et…non ! Il existe encore plein d&rsquo;options intéressantes à mettre en place sur vos projets. En voici quelques-unes que j&rsquo;utilise souvent :



<ul><li>Vhost : cette option permet d&rsquo;encapsuler vos listes dans une domaine (comprendre url), dans le cas où plusieurs projets différents utilisent le même service RabbitMQ</li><li>Lazy : les services instanciés à la demande vous permettent d&rsquo;alléger l&rsquo;instanciation de vos services, mais <a href="http://symfony.com/fr/doc/current/components/dependency_injection/lazy_services.html">Symfony vous en parlera bien mieux</a></li><li>RPC : Remote Procedure Call, cette option permet une communicationsynchrone entre vos applications, l&rsquo;émetteur du message attendra donc la réponse</li></ul>



Attention : l&rsquo;utilisation du mode RPC implique un mode synchrone ! À utiliser avec parcimonie.







<h2 id="casconcrtuneapisymfony2">Cas concrêt : une API Symfony 2</h2>



Reprenons l&rsquo;exemple précédent : une API et une application de statistiques, toutes deux développées en Symfony 2. Il faudra mettre en place le service RabbitMQ sur chacune, l&rsquo;une pour l&rsquo;émission du message, et l&rsquo;autre pour la lecture.



Commençons par installer les dépendances dans chaque projet :





Puis, déclarez ce bundle dans le fichier app/AppKernel.php :





Voilà, ce n&rsquo;était pas trop long j&rsquo;espère ? ☺



Le paquet <a href="https://github.com/videlalvaro/rabbitmqbundle">RabbitMQBundle</a> requiert la librairie PHP-AMQLIB. Cependant, celle-ci est déjà incluse dans les dépendances, vous n&rsquo;avez donc rien de plus à faire.



Ça c&rsquo;est cool, merci <a href="https://github.com/videlalvaro">Alvaro Videla</a> !



Configurons maintenant ce bundle, à commencer par la connexion au serveur RabbitMQ. Dans votre fichier app/config/config.yml, déclarez la configuration suivante :





Il est nécessaire de déclarer au moins l&rsquo;hôte (localhost, ou l&rsquo;adresse du serveur distant), le port utilisé (par défaut : 5672), et l&rsquo;authentification (par défaut :guest:guest). Il est bien entendu recommandé de modifier ces paramètres d&rsquo;authentification !



Maintenant, publions notre premier lettre d&rsquo;amour. Pour cela, il faut déclarer un…un…un Producer (on voit ceux qui suivent !).



Dans l&rsquo;interface d&rsquo;administration de RabbitMQ, créer un exchange (que nous nommerons par exemple foo_exchange). Puis, éditez le fichierapp/config/config.yml pour y ajouter la configuration suivante, déclarant notre Producer :





La section exchangeoption définit la correspondance avec l&rsquo;exchange_ dans le service RabbitMQ. Il faut donc que le name et le type concordent !



Une fois cette configuration mise à jour, vous disposerez d&rsquo;un service déclaré selon la structure <code>old_sound_rabbit_mq._producer</code>. Dans notre exemple, cela donnera <code>old_sound_rabbit_mq.foo_producer</code>.



Récupérez ce service où vous le souhaitez, puis publiez le message comme suit :





La serialization par défaut est <code>serialize</code>.



Votre API est maintenant capable d&rsquo;envoyer des mots d&rsquo;amour à sa dulcinée.



Parlons-en de sa dulcinée justement, celle-ci doit récupérer ce message et le lire. Dans l&rsquo;interface d&rsquo;administration de RabbitMQ, créez une queue et lier-la à l&rsquo;exchange précédemment créé :



<figure class="wp-block-image"><img src="http://blog.vincent-chalamon.fr/content/images/2015/04/Capture-d--cran-2015-04-30---14-43-32.png" alt=""/></figure>



Puis, éditez le fichier app/config/config.yml pour y déclarer votre Consumer comme suit :





L&rsquo;option callback fait référence à un service Symfony qu&rsquo;il nous faut maintenant déclarer. Créez une classe <code>FooConsumer</code> implémentant l&rsquo;interface <code>OldSoundRabbitMqBundleRabbitMqConsumerInterface</code> :





N&rsquo;oubliez pas de déclarer votre service dans Symfony !



Enfin, le bundle RabbitMQBundle propose une commande vous permettant de récupérer les messages selon un Consumer :





Dans notre précédent exemple, la commande sera donc :





Bonus : il existe même une option permettant de limiter le nombre de messages récupérés : <code>-m 50</code>. À vous de modifier ce nombre par votre propre valeur.



Vous l&rsquo;aurez compris, il est tout à fait possible d&rsquo;avoir autant de Consumer que de fonctionnalités.



Important : une fois un message récupéré, il est supprimé de la queue dans le service RabbitMQ.



<h2 id="picoti">Picoti !</h2>



Face à sa concurrence, RabbitMQ est donc :



<ul><li>Très simple à installer</li><li>Disponible dans tellement de langages : Ruby, Python, PHP, Perl, JAVA…</li><li>Disponible depuis Symfony 2.0 grâce au bundle RabbitMQBundle</li><li>Très souple à manipuler grâce à son interface de gestion</li><li>Optimal car permet une répartition de la charge : s&rsquo;il y a un pic de publication, ils sont stockés dans la queue et traités petit à petit par le Consumer</li></ul>



<h2 id="picota">Picota !</h2>



Bon, tout n&rsquo;est pas rose non plus, RabbitMQ et le bundle RabbitMQBundle ont quand même leurs inconvénients et limites :



<ul><li>Orange (plutôt bizarre pour un lapin non ?)</li><li>Si vous souhaitez utiliser l&rsquo;extension, celle-ci n&rsquo;est pas installée par défaut dans PHP</li><li>L&rsquo;utilisation de la librairie PHP-AMQLIB est plus lourde que l&rsquo;extension : <a href="http://odolbeau.fr/blog/benchmark-php-amqp-lib-amqp-extension-swarrot.html">voir le benchmark</a></li></ul>



Et…c&rsquo;est tout comme inconvénient ?



Et bien oui, c&rsquo;est tout. Mais j&rsquo;attends impatiemment vos retours et commentaires pour savoir ce qui ne vous plaît pas (et surtout ce qui vous plaît) dans RabbitMQ !



<h2 id="outilssimilaires">Outils similaires</h2>



Non pas qu&rsquo;ils m&rsquo;aient payé pour que je parle d&rsquo;eux, mais je pense qu&rsquo;il est néanmoins important de connaître les alternatives à ce mignon lapin orange :



<ul><li><a href="http://activemq.apache.org/">ActiveMQ</a> (JAVA)</li><li><a href="http://redis.io/topics/pubsub">Redis PUB/SUB</a></li><li><a href="http://kafka.apache.org/">Apache Kafka</a> (JAVA)</li><li><a href="https://github.com/resque/resque">Resque</a> (Ruby)</li><li><a href="https://github.com/jakubkulhan/bunny">Bunny</a> (PHP)</li></ul>



<h2 id="sources">Sources</h2>



Ils m&rsquo;ont inspiré, tout a commencé grâce à eux, ils sont mes sources, mon inspiration, mes muses :



<ul><li><a href="http://www.rabbitmq.com/">RabbitMQ.com</a></li><li><a href="http://afsy.fr/avent/2013/21-rabbitmq-et-Symfony2-traitements-asynchrones">AFSY.fr</a></li><li><a href="http://www.inspirel.com/yami4/book/4-1.html">Inspirel.com</a></li><li><a href="http://odolbeau.fr/blog/benchmark-php-amqp-lib-amqp-extension-swarrot.html">Blog d&rsquo;Olivier Dolbeau</a></li></ul>



Vous trouverez les sources de ce tutoriel sur GitHub : <a href="https://github.com/vincentchalamon/poc-rabbitmq">https://github.com/vincentchalamon/poc-rabbitmq</a>.



Hey, vous pouvez aussi consulter ma présentation au sfPot : <a href="http://slides.com/vincentchalamon/rabbitmq">http://slides.com/vincentchalamon/rabbitmq</a>

Retour sur le sfPot du 30 avril

Jeudi dernier, Les-Tilleuls.coop co-organisait un nouveau sfPot lillois en collaboration avec SensioLabs, CGI et Auchan E-commerce. Pour cette cinquième édition, le succès était au rendez-vous : ce sont plus de soixante-dix personnes qui ont investi le Meatballs, un restaurant du Vieux-Lille privatisé pour l&rsquo;occasion. Cette soirée placée sous le signe de la convivialité a été rythmée par deux [&hellip;]

Retour sur le sfPot du 30 avril | Les-Tilleuls.coop

http://blog.vincent-chalamon.fr/content/images/2015/04/schema.png

https://secure.gravatar.com/avatar/69000f999a41e44f19c5cc697a7be1cc?s=96&d=mm&r=g

Vincent Chalamon

docker exec –it nom_de_mon_container bash

FROM debian:jessie
RUN apt-get update &amp;&amp;   
    apt-get install -y 
    ruby 
    ruby-dev 
    build-essential 
    sqlite3 
    libsqlite3-devRUN gem install mailcatcher --no-ri --no-rdocRUN apt-get remove --purge -y   
    build-essential 
    ruby-dev 
    libsqlite3-dev &amp;&amp; 
    apt-get autoclean &amp;&amp; 
    apt-get cleanRUN rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*EXPOSE 8825  
EXPOSE 8880
CMD ["mailcatcher", "-f", "--ip=0.0.0.0", "--smtp-port=8825", "--http-port=8880"]  

docker run –d –name nom_de_mon_container nom_de_mon_image  

curl -L https://github.com/docker/compose/releases/download/1.2.0/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose  

web:  
    build: .
    environment:
        - NODE_ENV=production
    volumes:
        - content:/var/www
    links:
        - db:db
        - mailcatcher:mailcatcher
    ports:
        - 80:2368db:  
    image: mysql
    ports:
        - 3306:3306mailcatcher:  
    image: schickling/mailcatcher
    ports:
        - 1080:1080
        - 1025:1025

docker-compose run web php app/console ca:cl  

Dans mon <a href="/retour-sur-le-sfpot-du-30-avril/">précédent article</a>, je vous parlais de RabbitMQ. Aussi simple soit-il à installer, sachez qu&rsquo;il est possible de l&rsquo;installer encore plus simplement (oui oui, c&rsquo;est possible !!). Mieux encore, cela concerne pas que RabbitMQ, mais aussi tout autre service que vous souhaitez installer dans votre projet : ElasticSearch, MySQL, etc… Vous l&rsquo;aurez compris, je parle bien entendu de Docker !



<h1 id="kzako">Kézako ?</h1>



<a href="https://www.docker.com">Docker</a> est une plateforme destinée aux développeurs et sysadmin, leur permettant d&rsquo;installer facilement et rapidement n&rsquo;importe quel service. Concrètement, une fois Docker installé sur votre machine, vous pouvez virtualiser n&rsquo;importe quel service grâce à 1 seule ligne de commande (si si, puisque je vous le dit !). Par exemple, pour installer le service RabbitMQ :





Rapide, simple, efficace, c&rsquo;est quand même beau non ? ☺ Oh l&rsquo;autre, il connaît même pas Vagrant ! En effet, Vagrant propose le même système. Seulement son architecture est différente, ses performances en sont donc plus faibles. Vagrant propose une structure imposant 1 OS par application : Docker quant à lui embarque déjà l&rsquo;OS, laissant ainsi le soin à chaque application d&rsquo;installer juste ce dont elle a besoin. Vous l&rsquo;aurez compris, les performances de Docker sont donc nettement supérieures à celles de Vagrant :



<figure class="wp-block-table"><table><thead><tr><th>&nbsp;</th><th>Vagrant</th><th>Docker</th></tr></thead><tbody><tr><th>Démarrage</th><td>~1 minute</td><td>~0,3 seconde</td></tr><tr><th>Mémoire</th><td>~256 Mo</td><td>~1 Mo</td></tr><tr><th>Espace disque</th><td>~1 Go</td><td>~100 Ko</td></tr></tbody></table></figure>



Ouai bon, ok, t&rsquo;as peut-être raison… Mais ça s&rsquo;installe comment ton truc ?



<h1 id="installation">Installation</h1>



Il vous suffit d&rsquo;exécuter la commande suivante et Docker tourne sur votre Linux :





Attention : cette commande est destinée à un environnement Linux. Il existe des logiciels assurant la compatibilité sur OS X et Windows, le plus courant étant <a href="http://boot2docker.io">Boot2Docker</a>. Une alternative graphique est sortie récemment, basée sur Boot2docker : <a href="https://kitematic.com">Kitematic</a>



<h1 id="usage">Usage</h1>



Vous allez être amené(e) à utiliser souvent les mêmes commandes en Docker. En voici les principales (et les plus utiles) :



<ul><li><code>docker run</code> : crée un container depuis une image</li><li><code>docker ps</code> : liste les containers en cours d&rsquo;exécution</li><li><code>docker images</code> : liste les images locales</li><li><code>docker stop</code> : arrête un container</li><li><code>docker rm</code> : supprime un container</li><li><code>docker logs</code> : affiche les logs d&rsquo;un container</li><li><code>docker rmi</code> : supprime une image</li><li><code>docker exec</code> : exécute une commande dans un container en cours d&rsquo;exécution</li></ul>



Oula, oula, attends : c&rsquo;est quoi un container ? C&rsquo;est quoi une image ? Excellente question (1 bon point pour celui qui l&rsquo;a posé !). Lorsque vous installez un service via Docker, vous travaillez dans un container. Celui-ci est basé sur une image. Par exemple, si vous exécutez la commande <code>docker run –d –P rabbitmq:3</code>, une image rabbitmq sera téléchargée, et un container sera alors créé depuis cette image. Cela vous permet alors d&rsquo;avoir plusieurs containers qui tournent, basés sur une même image ☺. Et ce « 3 », c&rsquo;est quoi ? Il s&rsquo;agit de la version. En effet, la plupart des services proposent différentes versions. Avec la précédente commande, nous avons créé un container basé sur l&rsquo;image rabbitmq dans sa version 3. Et les options « -d », « -P » ? Docker propose plusieurs options, je ne les connais pas toutes. Celles que je viens d&rsquo;introduire sont les plus utiles :



<ul><li><code>-d</code> lance le container en tâche de fond (daemon)</li><li><code>-P</code> permet une correspondance des ports, plutôt utile pour directement utiliser les ports du service que vous venez d&rsquo;installer</li><li><code>--name</code> permet de préciser le nom du container</li></ul>



Donc si je lance <code>docker run –d –P elasticsearch</code>, j&rsquo;ai Elasticsearch qui tourne sur ma machine, utilisable et configuré ? Oui ☺. Et même encore mieux : pour se connecter sur un container en cours d&rsquo;exécution, voici la commande à exécuter :





Cela va exécuter en mode non interactif le script bash dans le container demandé.



<h1 id="unpeuplusloin">Un peu plus loin</h1>



OK, maintenant que vous maitrisez Docker (si si !), regardons comment ajouter un peu de souplesse dans nos service. Par exemple, si vous vous basez sur une image déjà existante (au hasard : mysql), et souhaitez installer certains paquets supplémentaires :



<ul><li>Première solution : vous téléchargez l&rsquo;image mysql, vous lancez un container dans lequel vous vous connectez pour installer les paquets additionnels voulus.Le souci, c&rsquo;est que vous allez devoir répéter cette action sur chaque machine ou sera installé votre service…</li><li>Meilleure solution : vous créez un fichier de configuration Dockerfile dans votre projet, dans lequel vous notez toutes les actions à effectuer :</li></ul>





Depuis ce fichier de configuration, nous allons pouvoir créer une image sur laquelle se baseront les containers :





N&rsquo;oubliez pas le point après le nom de l&rsquo;image, il permet de définir le chemin vers votre fichier Dockerfile ! Construisez maintenant votre premier container basé sur cette image :





L&rsquo;ordre est particulièrement important : le nom de l&rsquo;image doit obligatoirement se trouver en dernier paramètre ! Mais dans ce Dockerfile, c&rsquo;est quoi « RUN », « ADD », etc… ? Le fichier Dockerfile est composé de plusieurs commandes :



<ul><li><code>RUN</code> permet d&rsquo;exécuter un script</li><li><code>ADD</code> permet de monter un répertoire dans le container</li><li><code>WORKDIR</code> définit le répertoire de travail, celui dans lequel sont exécutées les commandes par défaut</li><li><code>CMD</code> permet d&rsquo;exécuter une commande</li><li><code>ENTRYPOINT</code> définit une commande d&rsquo;entrée</li></ul>



Important : pour qu&rsquo;un container tourne, il faut obligatoirement qu&rsquo;une commande soit en cours d&rsquo;exécution en premier plan ! Ainsi, si votre Dockerfile ne contient aucun CMD ni ENTRYPOINT, votre container se fermera automatiquement (pas très pratique tout ça…).



<h1 id="encoreplusloin">Encore plus loin</h1>



Bien, prenez l&rsquo;exercice 34 à la page 68. Vous là-bas au fond, lisez-nous l&rsquo;énoncé : « Mathieu dispose d&rsquo;un Dockerfile lui permettant de créer un container contenant un environnement PHP + Apache. Il souhaite utiliser l&rsquo;image officielle mysql et mailcatcher pour sa base de données et pour gérer ses e-mails en dev. Comment peut-il mettre cette structure en place ? » Vous avez 30mn. Bon, plus sérieusement, cette problématique nous montre clairement cette possibilité de lier des containers entre eux. Dans cet exercice, nous disposons de 3 containers :



<ul><li>web : contenant PHP, Apache et le code du projet monté en volume</li><li>db : contenant MySQL</li><li>mailcatcher : contenant le service <a href="http://mailcatcher.me/">Mailcatcher</a></li></ul>



Avec Docker, il suffirait de faire une correspondance des ports respectifs à chaque service lors du lancement de chaque container (et ça, vous savez faire !). Mais comme je suis une grosse feignasse qui a la flemme de taper 3 lignes de commandes, je préfère n&rsquo;en lancer qu&rsquo;une et aller prendre un café ! Et c&rsquo;est là que je vous présente…(pause pour le suspens)… <a href="https://docs.docker.com/compose/">Docker Compose</a>. Peut-être certains d&rsquo;entre vous le connaissez déjà sous le nom de FIG. FIG a été racheté par Docker au titre de Docker Compose. Vous n&rsquo;avez plus d&rsquo;excuse alors pour l&rsquo;utiliser ☺ Et ne me dites pas que son installation est compliquée, elle tient en 1 commande :





À l&rsquo;exemple du Dockerfile, il vous suffit de créer un fichier docker-compose.yml avec la structure suivante :





Ici nous mettons en place les 3 containers cités précédemment. Notez la section <code>ports</code> permettant une correspondance des ports entre le container et la machine hôte. Une autre section très importante est <code>links</code>. Celle-ci permet de lier les containers entre eux. Ainsi, dans le container web, le container db sera accessible via l&rsquo;alias db, même principe pour le container mailcatcher. Si vous souhaitez qu&rsquo;un container utilise une configuration définie dans un Dockerfile, utilisez la syntaxe <code>build</code> suivie du chemin vers le fichier Dockerfile correspondant. Mais pour utiliser une image déjà existante, vous pouvez utiliser la syntaxe <code>image</code> suivie du nom de l&rsquo;image.



<h1 id="usage">Usage</h1>



Une fois encore, tout passe par des commandes archi-ultra-méga simples :



<ul><li><code>docker-compose build</code> : construit les images</li><li><code>docker-compose up</code> : monte et démarre les containers</li><li><code>docker-compose start</code> : démarre les containers précédemment montés</li><li><code>docker-compose stop</code> : arrête les containers</li><li><code>docker-compose rm</code> : supprime les containers</li><li><code>docker-compose run</code> : exécute une commande dans un container</li></ul>



Note : les noms des containers suit la structure suivante : <code>&lt;nom_du_répertoire&gt;__1</code>. Par exemple, pour un répertoire erb, les containers précédemments cités seront nommés comme suit : <code>erb_web_1</code>, <code>erb_db_1</code> et <code>erb_mailcatcher_1</code>. À travers Docker, vous devez préciser le nom complet du container lors de son utilisation. Dans Docker Compose, vous devez juste préciser le nom de son container. Par exemple, pour exécuter la commande <code>php app/console ca :cl</code> dans le container web :





Vous l&rsquo;aurez remarqué, je n&rsquo;ai précisé que web et non pas erbweb1. Docker Compose fait automatiquement la correspondance. Pour conclure, voici le dépôt officiel Docker : <a>https://registry.hub.docker.com</a>. Vous y trouverez toutes les images officielles ou non, utiles ou non, de la grande communauté Docker en ligne ☺



<h1 id="avantages">Avantages</h1>



Docker est :



<ul><li>Performant (y&rsquo;a pas photo)</li><li>Très facile à installer (peut-être même trop…)</li><li>Utilisable en simple ligne de commande ou à travers un/des fichier(s) de configuration (Dockerfile, docker-compose.yml)</li><li>Propose un dépôt public et privé pour vos images</li></ul>



Et vous savez quoi ? Docker propose même le code de son registry sur GitHub, si vous souhaitez mettre en place votre propre registry : <a>https://github.com/docker/docker-registry</a> !



<h1 id="inconvnients">Inconvénients</h1>



Après plusieurs semaines/mois d&rsquo;utilisation, le seul inconvénient que j&rsquo;ai trouvé se trouve dans Boot2docker. Pas toujours facile à mettre en place, il propose une surcouche à Docker qui peut s&rsquo;avérer sensible voir difficile à manipuler au début. Mais une fois pris en main, on en fait vite abstraction et profitons à fond de Docker ! Il faut juste persévérer quelques jours au début afin de découvrir les particularités de Boot2docker, et c&rsquo;est parti ☺ Oh au fait, vous aimerez peut-être ma présentation <a>Slides.com</a> introduisant Docker : <a>http://slides.com/vincentchalamon/docker/fullscreen</a>

Introduction à Docker

Dans mon précédent article, je vous parlais de RabbitMQ. Aussi simple soit-il à installer, sachez qu&rsquo;il est possible de l&rsquo;installer encore plus simplement (oui oui, c&rsquo;est possible !!). Mieux encore, cela concerne pas que RabbitMQ, mais aussi tout autre service que vous souhaitez installer dans votre projet : ElasticSearch, MySQL, etc… Vous l&rsquo;aurez compris, je [&hellip;]

Introduction à Docker | Les-Tilleuls.coop

Geophyle Travel est une Single Page Application co-réalisée par la Coopérative des Tilleuls et le groupe Geophyle. On y retrouve les différents voyages proposés par le groupe et ses partenaires. Les-Tilleuls.coop a assuré la conception de l&rsquo;application, le développement back-office et la formation continue de l&rsquo;équipe de Geophyle (back et front-office).

Technologies utilisées : Symfony, HTML5, CSS3.&nbsp;

Geophyle Travel

Geophyle Travel est une Single Page Application co-réalisée par la Coopérative des Tilleuls et le groupe Geophyle. On y retrouve les différents voyages proposés par le groupe et ses partenaires. Les-Tilleuls.coop a assuré la conception de l&rsquo;application, le développement back-office et la formation continue de l&rsquo;équipe de Geophyle (back et front-office). Technologies utilisées : Symfony, [&hellip;]

Geophyle Travel | Les-Tilleuls.coop

https://secure.gravatar.com/avatar/362ea08993d784535d1758b2d2f4adb1?s=96&d=mm&r=g

Kevin Dunglas

A la demande générale La Coopérative des Tilleuls a organisé un troisième workshop d&rsquo;initiation aux technologies du web.



Consultez&nbsp;<a href="https://github.com/coopTilleuls/workshopHTML">les fichiers d&rsquo;exemple</a>. Après avoir appris les bases de HTML lors du premier workshop et de CSS lors du second, nous avons réalisé ensemble l&rsquo;intégration complète d&rsquo;une page web à partir d&rsquo;une maquette graphique. Nous avons découpé une maquette afin de la transformer en page web puis nous avons revu les techniques apprises lors des premiers ateliers et les avons mises en pratique sur ce cas concret. Ce fut l&rsquo;occasion, pour ceux qui n&rsquo;avaient pas pu assister aux séances précédentes, de prendre le train en marche, et, pour les autres de se perfectionner. Ce workshop était destiné aux débutants. Aucune connaissance préalable n&rsquo;était nécessaire à son suivi. L&rsquo;encadrement était assuré par des développeurs professionnels coopérateurs à La Coopérative des Tilleuls. Et c&rsquo;était gratuit ! Ne ratez pas les prochains ateliers ! Suivez <a href="https://les-tilleuls.coop">notre site internet</a> et <a href="https://www.facebook.com/La.Cooperative.des.Tilleuls">notre page Facebook</a>.

Initiation aux technologies du web : workshop #3

A la demande générale La Coopérative des Tilleuls a organisé un troisième workshop d&rsquo;initiation aux technologies du web. Consultez&nbsp;les fichiers d&rsquo;exemple. Après avoir appris les bases de HTML lors du premier workshop et de CSS lors du second, nous avons réalisé ensemble l&rsquo;intégration complète d&rsquo;une page web à partir d&rsquo;une maquette graphique. Nous avons découpé [&hellip;]

Initiation aux technologies du web : workshop #3 | Les-Tilleuls.coop

Les community managers et autres aficionados des réseaux sociaux l&rsquo;auront remarqué : la portée organique des pages entreprises ne cesse de diminuer sur <a href="https://www.facebook.com/les.tilleuls.coop" target="_blank" rel="noopener">Facebook</a>. La visibilité des publications est en baisse. La home page de Facebook indique que ce réseau social est gratuit et qu&rsquo;il le restera toujours, mais en est-il de même pour les marques ?

Le surplus de contenu et le manque d&rsquo;espace publicitaire obligent Facebook à filtrer les fils d&rsquo;actualité de chaque compte utilisateur dans le but de montrer les contenus les plus pertinents. Les développeurs de la firme de Palo Alto ont ainsi construit un algorithme connu sous le nom de EdgeRank qui analyse des centaines de signaux déterminant ladite pertinence des messages : âge de post, popularité du post (nombre d&rsquo;interactions) et de son genre (statut, vidéo, photo)&#8230; Suite à ces actions, la diffusion des posts n&rsquo;atteint plus que 10 voire 15% des fans.

Les entreprises paniquent face à cette baisse des statistiques mais oublient que Facebook reste une entreprise, cotée en bourse, qui souhaite monétiser son activité. C&rsquo;est aussi le premier réseau social qui demande aux entreprises de payer pour atteindre ses objectifs commerciaux.

Une chose à ne pas faire : acheter de faux fans. Pour multiplier leur nombre, des entreprises font appel à des&nbsp;<a href="http://www.washingtonpost.com/blogs/the-switch/wp/2014/02/10/this-blogger-paid-facebook-to-promote-his-page-he-got-80000-bogus-likes-instead/" target="_blank" rel="nofollow noopener">click farms</a>, des sociétés situées en Asie qui sont rémunérées en créant des faux comptes, et donc des faux likes. Comme le démontre Dereck Muller dans cette&nbsp;<a href="https://www.youtube.com/watch?v=oVfHeWTKjag" target="_blank" rel="nofollow noopener">vidéo</a>, l&rsquo;achat de « J&rsquo;aime » risque plutôt de faire chuter la portée organique de votre page. De plus, le nombre de fans sera en hausse, mais les échanges et mentions « j&rsquo;aime » sur les posts seront faibles. Cela montrera le manque d&rsquo;authenticité de votre nombre de fans.

Une solution : payer Facebook pour promouvoir ses posts et sa page, et cela à partir de 5€. Contrairement aux click farms qui fausseront vos statistiques, les liens sponsorisés vous assureront un recrutement de fans adéquat avec votre cible et améliorera votre visibilité. Sinon, pour ne manquer aucune actualité de vos pages, il suffit de cliquer sur « ajouter aux listes d&rsquo;intérêt » en haut de votre page, à droite. Vous serez ainsi sûr de ne rien manquer de vos centres d&rsquo;intérêt.

Hormis le fait de payer pour avoir une apparition maximale sur les fils d&rsquo;actualité, ce récent bouleversement va changer la donne en matière de community management. Facebook ne va plus être au centre des stratégies Social Media. D&rsquo;autres réseaux tels que&nbsp;<a href="https://twitter.com/coopTilleuls" target="_blank" rel="noopener">Twitter</a> ou <a href="http://www.pinterest.com/cooptilleuls/" target="_blank" rel="noopener">Pinterest</a> vont pouvoir s&rsquo;imposer.&nbsp;Le rôle du community manager va être reconsidéré. Il va aussi devenir un traffic manager. Il ne va plus être dans la course aux fans, mais dans l&rsquo;amélioration des contenus qui permettront de générer plus d&rsquo;échanges et d&rsquo;engagement avec l&rsquo;internaute.

Et vous, comment anticipez-vous la baisse de votre trafic sur Facebook ?

Baisse du reach Facebook : explication et solutions

Les community managers et autres aficionados des réseaux sociaux l&rsquo;auront remarqué : la portée organique des pages entreprises ne cesse de diminuer sur Facebook. La visibilité des publications est en baisse. La home page de Facebook indique que ce réseau social est gratuit et qu&rsquo;il le restera toujours, mais en est-il de même pour les [&hellip;]

Baisse du reach Facebook : explication et solutions | Les-Tilleuls.coop

La Coopérative des Tilleuls a animé la première d&rsquo;une série d&rsquo;ateliers gratuits autour du développement front-end HTML5 / CSS3 / Javascript.



Voir <a href="https://github.com/coopTilleuls/workshopHTML">les fichiers supports</a>. Au menu de celui-ci :



&#8211; Comprendre le fonctionnement d&rsquo;internet, du web et du mode de communication client-serveur.



&#8211; Présentation générale des trois grands piliers des technologies web client : HTML (structuration), CSS (présentation) et Javascript (intéractivité).



&#8211; Réaliser sa première page HTML



Ces ateliers sont ouverts à tous dans la limite des places disponibles. Ils sont encadrés par des professionnels du développement coopérateurs de La Coopérative des Tilleuls.

Workshop #1 : initiation à HTML5

La Coopérative des Tilleuls a animé la première d&rsquo;une série d&rsquo;ateliers gratuits autour du développement front-end HTML5 / CSS3 / Javascript. Voir les fichiers supports. Au menu de celui-ci : &#8211; Comprendre le fonctionnement d&rsquo;internet, du web et du mode de communication client-serveur. &#8211; Présentation générale des trois grands piliers des technologies web client : [&hellip;]

Workshop #1 : initiation à HTML5 | Les-Tilleuls.coop

La Coopérative des Tilleuls organisait le 11 juin dernier un second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript.



<iframe loading="lazy" style="border: 1px solid #CCC; border-width: 1px 1px 0; margin-bottom: 5px;" src="http://fr.slideshare.net/slideshow/embed_code/13319163" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen="allowfullscreen" width="427" height="356" frameborder="0"></iframe>



Consultez&nbsp;<a href="https://github.com/coopTilleuls/workshopHTML">les fichiers d&rsquo;exemple</a>. Au menu cette fois-ci une initiation à l&rsquo;intégration web grâce aux feuilles de style CSS. Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce à HTML, nous verrons comment les mettre en forme avec les feuilles de style en cascade CSS. Nous avons découvert :



&#8211; les fondements du langage CSS (syntaxe, cascade, sélecteurs)



&#8211; quelques balises et attributs HTML utiles pour la CSS



&#8211; le formatage de texte (police, couleur, gras, italique&#8230;)



&#8211; le positionnement des éléments



&#8211; les couleurs et images de fond



Ces ateliers sont ouverts à tous dans la limite des places disponibles. Ils sont encadrés par des professionnels du développement coopérateurs de La Coopérative des Tilleuls.

Workshop #2 : initiation à CSS

La Coopérative des Tilleuls organisait le 11 juin dernier un second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript. Consultez&nbsp;les fichiers d&rsquo;exemple. Au menu cette fois-ci une initiation à l&rsquo;intégration web grâce aux feuilles de style CSS. Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce [&hellip;]

Workshop #2 : initiation à CSS | Les-Tilleuls.coop

Les-Tilleuls.coop est désormais un organisme de formation&nbsp;professionnelle ! Nos formations peuvent être prises en charge par votre OPCA et elles sont éligibles au DIF comme au CIF.



Au programme : PHP, Symfony, Magento, Prestashop, AS3/Flash, HTML5, web services, places de marché, référencement naturel&#8230; Un besoin ?&nbsp;N&rsquo;hésitez pas à <a href="https://les-tilleuls.coop/contact/">nous contacter</a> !

Les Tilleuls sont désormais un organisme de formation professionnelle

Les-Tilleuls.coop est désormais un organisme de formation&nbsp;professionnelle ! Nos formations peuvent être prises en charge par votre OPCA et elles sont éligibles au DIF comme au CIF. Au programme : PHP, Symfony, Magento, Prestashop, AS3/Flash, HTML5, web services, places de marché, référencement naturel&#8230; Un besoin ?&nbsp;N&rsquo;hésitez pas à nous contacter !

Les Tilleuls sont désormais un organisme de formation professionnelle | Les-Tilleuls.coop

Notre prochain workshop se déroulera le jeudi 31 janvier 2013 de 14h à 18h dans les locaux de Co-Factory au 677 Avenue de la République, à Lille (arrêt de tram « Buisson »). Comme d&rsquo;habitude il est gratuit et ouvert &nbsp;à tous. Il sera animé par Kévin Dunglas et traitera&nbsp;du&nbsp;référencement naturel grâce à la sémantique du HTML5. Au programme :



<ul><li>Introduction au référencement</li><li>Présentation des balises sémantiques de HTML5</li><li>Comprendre l&rsquo;algorithme de « outline » HTML5 pour mettre en valeur l&rsquo;information pertinente</li><li>Mettre en avant ses pages dans les moteurs de recherche avec les microdata, Schema.org et les extraits enrichis</li><li>Allez plus loin, jouer avec Javascript pour référencer des SPA (Single Page Application)</li></ul>



Ce workshop, gratuit sur réservation, est une introduction au lancement de notre pôle formation dont vous découvrirez très prochainement le site et toutes les formations professionnelles proposées.&nbsp;

Workshop HTML5 : référencement naturel grâce à la sémantique

Notre prochain workshop se déroulera le jeudi 31 janvier 2013 de 14h à 18h dans les locaux de Co-Factory au 677 Avenue de la République, à Lille (arrêt de tram « Buisson »). Comme d&rsquo;habitude il est gratuit et ouvert &nbsp;à tous. Il sera animé par Kévin Dunglas et traitera&nbsp;du&nbsp;référencement naturel grâce à la sémantique du HTML5. [&hellip;]

Workshop HTML5 : référencement naturel grâce à la sémantique | Les-Tilleuls.coop

https://secure.gravatar.com/avatar/42faa92ce308e03277e0ec7372192050?s=96&d=mm&r=g

Marion Agé

Ce jeudi 31 janvier, une vingtaine de personnes s&rsquo;est réunie à l&rsquo;initiative de La Coopérative des Tilleuls&nbsp;pour découvrir les fonctionnalités sémantiques de HTML5 applicables au référencement.&nbsp;Après avoir abordé les bases du référencement, nous avons étudié les nouvelles balises structurantes apparues avec HTML5, l&rsquo;algorithme de plan de document, les microdonnées et les vocabulaires Schema.org. Enfin nous avons décortiqué des exemples de Single Page Application réalisées par des participants et nous avons vu comment les référencer correctement à l&rsquo;aide des frameworks web (Symfony, Rails), des nouvelles API JavaScript, de Backbone.js et de Chaplin.js. Voici le diaporama projeté lors de l&rsquo;atelier :



[slideshare id=16339748&amp;doc=workshopreferencementhtml5-130204062048-phpapp02]



A voir aussi&nbsp;<a href="http://dunglas.fr/2013/01/un-theme-prestashop-html5-optimise-pour-le-referencement-avec-rich-snippets/">le thème Prestashop en HTML5 optimisé pour le référencement</a>&nbsp;et <a href="http://dunglas.fr/2013/02/symfony-2-backbone-js-et-chaplin-js-une-implementation-de-todomvc/">l&rsquo;implémentation Symfony de TodoMVC</a>&nbsp;&nbsp;qui ont servi d&rsquo;exemples (deux projets sponsorisés par La Coopérative des Tilleuls). Le prochain workshop aura lieu début mars et traitera justement de la réalisation d&rsquo;applications JavaScript avancées à l&rsquo;aide de Chaplin.js et Backbone.js. La Coopérative des Tilleuls est un organisme de formation professionnelle. En plus de ces initiations gratuites et ouvertes à tous, nous proposons des formations « à la carte » sur HTML5, Symfony, JavaScript, les web services et bien plus encore. N&rsquo;hésitez pas à <a href="https://les-tilleuls.coop/contact/">nous contacter</a>.

Compte-rendu du workshop sur le référencement naturel avec HTML5

Ce jeudi 31 janvier, une vingtaine de personnes s&rsquo;est réunie à l&rsquo;initiative de La Coopérative des Tilleuls&nbsp;pour découvrir les fonctionnalités sémantiques de HTML5 applicables au référencement.&nbsp;Après avoir abordé les bases du référencement, nous avons étudié les nouvelles balises structurantes apparues avec HTML5, l&rsquo;algorithme de plan de document, les microdonnées et les vocabulaires Schema.org. Enfin nous [&hellip;]

Compte-rendu du workshop sur le référencement naturel avec HTML5 | Les-Tilleuls.coop

La nouvelle version du site de l&rsquo;agence de voyage en ligne Geophyle est disponible ! En plus d&rsquo;avoir bénéficié d&rsquo;une légère refonte graphique, le site propose désormais la possibilité de se connecter avec un compte Facebook (fonctionnalité réalisée par nos soins) et est propulsé par un tout nouveau système de référencement des « Single Page Application » conçu par les Tilleuls. Notons également que l&rsquo;équipe de Geophyle en charge de la maintenance et du développement HTML5 du site suit le programme de formation professionelle des Tilleuls.

Geophyle Travel devient social

La nouvelle version du site de l&rsquo;agence de voyage en ligne Geophyle est disponible ! En plus d&rsquo;avoir bénéficié d&rsquo;une légère refonte graphique, le site propose désormais la possibilité de se connecter avec un compte Facebook (fonctionnalité réalisée par nos soins) et est propulsé par un tout nouveau système de référencement des « Single Page Application » [&hellip;]

Quoi de neuf chez Les-Tilleuls.coop ?