Plusieurs postes sont disponibles chez Nmédia!Amène ton talent, on fournit le plaisir!
Outils pratiques pour les intégrateurs

Outils pratiques pour les intégrateurs

31 août 2015Par Emmanuel Genest
Catégories :

L’intégration HTML nous permet de faire le pont entre les fichiers graphiques (pour la plupart Photoshop) et le rendu à l’écran. Il s’agit d’une phase de développement obligatoire qui demande certaines habiletés.

Plus le temps avance, plus le Web évolue, plus les exigences des utilisateurs augmentent. Les bons intégrateurs ont le devoir d’être toujours un pas en avant des utilisateurs et se doivent d’être au courant des nouvelles technologies disponibles. Ils doivent maîtriser tout aussi bien le HTML que le CSS ou encore le JavaScript et parfois d’autres technologies. Ce sont aussi très souvent eux qui assemblent tous les morceaux du puzzle : maquettes graphiques, fonctionnalités du back end jumelées à leur propre code.

Vous êtes intégrateur ou avez un cousin qui occupe cette fonction? Voici quelques outils qui pourraient fort bien être utiles.

Bootstrap

[img]bootstrap.png|||||[/img]

Bootstrap est un framework de développement créé en 2011 chez Twitter comme une solution à usage interne, qui aide à créer des pages front end rapidement et sans trop se casser la tête. Le framework a été pensé pour développer des interfaces responsives seulement en appliquant des classes à nos éléments HTML. Il est tout aussi possible de personnaliser le framework de manière à adapter Bootstrap aux maquettes.

SASS/LESS

SASS et LESS sont, à mon point de vue, des pseudos langages de programmation. En réalité, ce sont des extensions au CCS3 qui permettent de créer des variables pour stocker des paramètres, des mixins. Ils ressemblent beaucoup à des fonctions si on les compare à un langage de programmation complet. Ils permettent de faire des comparaisons entre éléments, notion héritage entre nos éléments etc. Pour en savoir davantage sur le sujet, vous pouvez consulter l’article de mon collègue David Malo.

jQuery/jQuery UI/jQuery Mobile

JQuery($) est une librairie de code JavaScript qui permet de réduire grandement nos lignes de codes se spécialisant surtout dans la manipulation des objets du DOM.

[img]jquery.png|||||[/img]

jQuery UI et jQuery Mobile sont des frameworks JavaScript construits à partir de la bibliothèque jQuery. Ce sont des ensembles d’objets préparés pour construire rapidement des interfaces graphiques et  dynamiques servant à rendre l’expérience utilisateur plus agréable. jQuery Mobile est aussi responsive. On sait très bien que de nos jours, le mobile est un incontournable.

Emmet code

Emmet se trouve à être une syntaxe HTML permettant de générer plusieurs lignes de code en une seule. Emmet permet de sauver beaucoup de temps lorsqu’on s’habitue à sa syntaxe qui est assez simple. Personnellement je ne m’en passerais plus.

Par exemple, cette ligne de code :

[img]code1.png|||||[/img]

Deviendrait :

[img]code-2.png|||||[/img]

Web essentials

Pour ceux qui sont équipés de Visual Studio, je conseille vivement l’utilisation du plug-in
WEB ESSENTIALS qui procure une multitude d’outils pratiques pour les développeurs Web.

Tout intégrateur qui se respecte ne devrait surtout pas avoir peur d’essayer de nouvelles technologies ou frameworks. Ils ne répondront pas nécessairement toujours à des besoins immédiats, mais de belles découvertes sont à prévoir en chemin, des découvertes qui feront gagner un temps précieux.

Autres articles pertinents

Voir tous les articles