Archive

Articles taggués ‘web’

Retrouvez VISEO au Best Of Web 2016

La seconde édition de Best of Web se déroulera les 9 & 10 juin prochain. Cette conférence rassemble les meilleures sessions de 12 meetups web de la place Parisienne. Nous avions particulièrement apprécié la qualité des interventions et l’ambiance de cette conférence l’année dernière, c’est donc avec un grand plaisir que nous sponsorisons de nouveau cet événement en 2016 🙂

Capture d’écran 2016-05-23 à 14.01.03

Vous aurez donc à nouveau l’occasion de nous y rencontrer et vous ne pourrez pas nous manquer grâce à nos fameux polos VISEO.

La première journée est consacrée à des sessions de formation à prix imbatables sur des sujets d’actualités (ReactJS, Angular2, Progressive Web Apps…). Cependant les places sont comptées, alors ne traînez pas pour les inscriptions, c’est par ici que ça se passe.
Capture d’écran 2016-05-23 à 18.56.56

Le 10 juin, ce ne sera pas moins de 500 personnes qui assisteront aux meilleurs talks de l’année passée. Les tendances pour 2016 sont résolument orientés web temps réel (avec Meteor et une présentation d’API de streaming) et mobile (performance des animations sur mobile, frameworks multiplateformes, Progressive Web Apps). Mais vous y trouverez aussi des présentations passionnées sur les web components, RxJS, un REX à base de Backbone & Marionnette et des sujets plus ludiques.

En résumé, une belle journée en perspective, pour prendre le temps de se ressourcer, de se rencontrer et mieux faire connaissance. En marge de nos animations, où de nombreux lots vous seront proposés, nous aurons le plaisir de vous présenter nos dernières réalisations.   

A bientôt !

Tizen : une nouvelle plate-forme prometteuse… ou un pétard mouillé ?

Logo Tizen

Avant de répondre à cette question, précisons ce qu’est Tizen: il s’agit d’une plate-forme logicielle créée par Samsung afin de s’émanciper de la coupe de Google et de son OS Android. Il permet donc de développer des applications sur différents supports (mobiles, tablettes, montres, téléviseurs) en se basant soit sur son langage natif soit sur les technologies du web: HTML5, CSS3 et JS. C’est d’ailleurs cette dernière particularité qui va nous intéresser : elle semble en effet très prometteuse. Mais voyons ce qu’il en est réellement.

Et tout commença par le téléchargement du SDK…

Voici le premier, et sans doute principal défaut de cette nouvelle plate-forme: les outils. En effet, sur le site, après quelques bonnes dizaines de minutes à chercher ledit SDK et sa documentation, on en arrive finalement à une page où, chose surprenante, nous ne pouvons pas télécharger le SDK seul. L’IDE n’est pas au choix de l’utilisateur. Cela peut avoir l’avantage de mettre en place un IDE parfaitement optimisé pour le développement, comme c’est le cas pour le développement iOS avec XCode, mais nous verrons ici que ce n’est pas forcément le cas.

Lire la suite…

La validation de formulaires dans Angular

La validation de formulaire est une problématique récurrente dans la vie d’un développeur front-end. Dans les versions d’Angular inférieures à la 1.3, il n’y avait pas de mécanisme dédié à la validation, et la manière de procéder conseillée tenait alors plus du bricolage que d’une vraie solution.

Heureusement, depuis la v1.3, Angular intègre toute une pipeline de validation ; pipeline encore trop ignorée du grand public, alors même que la v1.2 est très loin derrière nous ! C’est ce à quoi nous allons tâcher de remédier dans cet article, en mettant en place une validation de formulaire sur un exemple concret.

Généralités

Pour commencer, mettons en place un formulaire très simple, par exemple pour créer un nouvel utilisateur :

http://jsfiddle.net/tz8ordr1/19/

Nous allons devoir effectuer quatre types de vérifications différentes :

Lire la suite…

VISEO sponsor Gold du GDG DevFest Paris

En 2015, Webtyss (Webtyss a été racheté par VISEO en octobre dernier) était déjà sponsor de l’évènement, c’est donc dans la continuité que VISEO s’inscrit en étant sponsor Gold de l’édition 2016 du GDG DevFest Paris qui se tiendra le 5 février prochain (GDG pour Google Developer Group).

devfest-seoLe DevFest Paris, c’est un évènement sur une journée regroupant de nombreux experts nationaux et internationaux des technologies Google : 25 sessions réparties dans 4 salles, pour un tarif d’inscription très accessible de 60€ (l’early bird à 40€ expire ce 5 janvier). Acteur sur les solutions de mobilité en entreprise, notamment sur plateforme Android, il nous a paru évident de nous associer, non seulement à cet évènement, mais également pendant toute l’année 2016 aux soirées du GDG Paris en qualité de sponsor annuel.

Être sponsor, ce n’est pas que soutenir l’évènement et y présenter nos savoirs-faire, c’est également tirer profit de cette journée intensive de présentations pour apporter à nos collaborateurs un outil de veille et de montée en compétence sur les technologies Google. En effet, la conférence leur apportera du savoir sur Android, le développement Web, les solutions Cloud, et l’IoT. Ce sont là quatre thèmes au coeur de nos offres existantes et encore davantage dans celles à venir autour de l’intégration et la migration vers les technologies Google.

Et bien entendu, vous pourrez nous retrouver sur notre stand, pour partager sur nos réalisations, nos ambitions, participer à nos animations (et peut-être repartir avec un lot), ou tout simplement discuter.

En attendant, suivez les annonces sur le compte twitter du GDG Paris et les mises à jour sur le site de l’évènement.

Paris Web 2015 : webperfs, CSP et microservices

Paris Web

Ceci est la suite de mon compte rendu sur Paris Web. Lisez la première partie en cliquant ici.

Dans ce second article, nous allons parler des sujets Webperf 2.0, Content Security Policy, et microservices, abordés par certains orateurs.

Webperf 2.0

Stéphane Rios nous présente dans sa conférence un état des lieux des performances web, essentiellement du point de vue du chargement des pages web. Son conseil principal est le suivant : il faut sans cesse se tenir informé, car les règles en matière de web performance peuvent changer radicalement et rapidement.

Lire la suite…

Paris Web 2015 : ses valeurs, les outils du développeur, OpenID

Paris Web

 

Paris Web est l’un des grands rassemblements annuels et se définit comme étant “le rassemblement francophone de ceux qui font le web”. Ayant eu la chance d’y assister cette année grâce à Viseo, je fais part ici de mon expérience durant ces deux journées.

Impressions générales

Difficile de décrire l’ambiance Paris Web à quelqu’un qui n’y a pas été. J’en ai d’ailleurs fait l’expérience le vendredi soir, en essayant de décrire ce que j’avais vécu (n’ayons pas peur des mots) ces deux jours au Beffroi de Montrouge ! Je vais pourtant essayer une nouvelle fois de le faire, sans virer à la mièvrerie débordante.

Se rendre à Paris Web, c’est un peu comme abandonner son quotidien pour plonger pendant deux jours dans un bain bouillonnant de connaissances, de savoir, d’énergie, d’empathie, d’optimisme et de bonne humeur (oui, pour la mièvrerie, c’est raté…).

Lire la suite…

Automatisez vos workflows avec Grunt

Introduction

Un bon développeur est un développeur fainéant, c’est un dicton bien connu ! Il nous est tous arrivé d’avoir à effectuer de nombreuses tâches répétitives, ou de devoir enchaîner un certain nombre d’opérations dans un ordre précis et de façon récurrente. Qu’il s’agisse de compiler votre CoffeeScript, votre Sass, ou bien de préparer un projet pour une livraison en production, toutes ces opérations entraînent une perte de temps précieuse et surtout une énorme frustration ! Mais c’est là qu’on réalise la magie du web : pour tout ce qui vous énerve, d’autres ont déjà trouvé une solution !

Grunt à la rescousse

GruntC’est là qu’intervient Grunt. Derrière ce nom étrange se cache un lanceur de tâches Javascript. Si cela est peu parlant pour certains, il faut comprendre par là que cet utilitaire en ligne de commande permet tout simplement d’automatiser toutes les tâches possibles et imaginables ! Grunt peut par exemple minifier automatiquement vos fichiers CSS ou Javascript, lancer vos tests, compiler un projet, vérifier la qualité de votre code, … Et pourquoi ne pas faire tout cela en une seule commande ? Telles sont les possibilités offertes par cet outil basé sur Node.js.

Lire la suite…

Categories: Web Tags: , , , ,

Sud Web 2014 : une conférence qui fait du bien !

Après 2 journées bien remplies, l’édition 2014 de Sud Web est arrivée à son terme. C’est l’occasion pour moi, qui découvrait l’événement, de livrer mes impressions, principalement sur la première journée de conférences, puisque je n’ai pu assister aux élaboratoires du samedi, à regrets !

Comme je le disais sur mon billet pré-conférence, le programme préparé par les organisateurs laissait présager une conférence riche de sujets variés, avec une composante technique plus en retrait par rapport à d’autres conférences. Ce parti pris permet à Sud Web de se démarquer, et lui donne vraiment une fraîcheur inattendue.

Lire la suite…

Categories: Forums et Salons, Web Tags: ,

Sud Web 2014, la conférence Web qui ne perd pas le Nord

sudweb_logoLes 16 et 17 mai prochains se déroulera à Toulouse la conférence Sud Web. Cet événement qui existe depuis 2011 a été hébergé par diverses villes du Sud de la France (Nîmes, Avignon…) et réunit de nombreux professionnels du Web, de nationalités variées. En conséquence, une partie des conférences sera en anglais.

 

L’événement est organisé de la façon suivante : 1 jour de conférence, et 1 jour de sessions pratiques. Si on se réfère aux précédentes éditions et au programme préparé cette année, les sujets abordés sont très variés. Il y en aura pour tous les goûts et pour tous les profils, techniques ou non.
Categories: Forums et Salons, Web Tags: ,

Routes et templates Ember.js

Cet article est le troisième d’une série consacrée à la découverte d’Ember.js, framework javascript pour créer des applications web single page, que j’utilise quotidiennement avec bonheur depuis maintenant plus d’un an.

Dans le précédent article, nous avons déjà écrit le routeur spécifiant les différents états de l’application. Rappel:

App.Router.map(function () {
    this.resource('catalog', function () {
        this.resource('category', { path: '/category/:category_id' }, function () {
            this.resource('item', { path: '/item/:item_id' });
        });
    });
    this.route('checkout');
});

Nous allons maintenant implémenter les routes et les templates permettant de naviguer dans l’application.
Récupérer la branche step1 du projet git si vous avez manqué le précédent article.

git checkout step1

En cas de problème vous pourrez regarder la version finale de ce 3ème article dans la branche step2.

Continuons… Une ressource est une route spécialisée regroupant d’autres routes.
Naviguer dans l’application revient donc à faire le rendu des différentes routes rencontrées sur le chemin.

Préparatifs

Mise en page dans le template application

Qui dit hiérarchie de route dit hiérarchie d’IHM. Nous devons donc d’abord éditer le template application pour indiquer à Ember via un helper {{outlet}} l’emplacement où il devra insérer le rendu d’une route enfant:

<script type="text/x-handlebars" data-template-name="application">
    <header>
        <h1><a href="#">Flashy clothes store</a></h1>
        <h4>An Ember.js demo application</h4>
    </header>
    {{outlet}}
</script>

S’outiller pour débugger en cas de problème

En cas de problème dans ce tuto, pas de panique, Javascript et Ember sont maintenant bien outillés.
1er réflexe: ouvrir la console du navigateur pour chercher l’ erreur et afficher sa stacktrace. Si celà ne suffit pas d’autres solutions existent:

Logger les transitions du routeur (en dev)
var App = Ember.Application.create({
    LOG_TRANSITIONS: true
});
Utiliser Chrome et installer l’extension Ember Inspector

Lire la suite…

Categories: Java EE Tags: , , , , ,