Catégorie : Langages Web

langages Web

  • Bible du développeur front-end

    Bible du développeur front-endPar ou commencer quand on veut devenir un développeur front-end. Voici une des réponses possibles.

    Le site de Mozilla propose au développeur front-end, des guides et des tutoriaux sur son site. Ils sont principalement en anglais, mais il suffit d’avoir un anglais technique pour comprendre.

    Les langages proposé lors de ces tutoriaux sont le HTML5, le CSS3 et le Javascript.

    Pour profiter de tous ces tutoriaux, voici les liens :
    Technologies Web pour développeurs | MDN : https://developer.mozilla.org/fr/docs/Web
    Guides pour développeurs Web : https://developer.mozilla.org/fr/docs/Web/Guide
    Tutoriels : https://developer.mozilla.org/fr/docs/Web/Tutoriels

    Enjoy !

  • RSSmerger, ou comment fusionner des flux RSS

    RSS-IconVers la fin de l’année 2013, je vous avais présenté un script à travers l’article suivant : Regrouper plusieurs flux RSS en un seul.

    Ce script s’intitulait RSSmerger, et permettait de fusionner plusieurs flux RSS, et en afficher qu’un seul.

    La personne qui proposait ce script à la base l’a supprimé de son blog. J’ai eu la chance de l’avoir récupéré avant sa suppression.

    Voici ce script :

    J’ai légèrement modifié ce script à ma convenance. Il marche parfaitement et permet de fusionner plusieurs flux RSS.

    Pour une utilisation optimale de cette classe, je vous conseille de passer vos flux RSS à travers feedburner.
    En effet, j’ai pu remarquer que les flux issu de feedburner étaient plus rapide que ceux qui ne l’étaient pas. Mon conseil est d’autant plus important si vous utilisez  un certains nombres de flux RSS.

    Si vous voulez participez au perfectionnement de ce script, n’hésitez pas à me le dire par commentaires, je ferai en sorte de mettre ce script sur github.

    Enjoy !

  • Les expressions régulières

    regexIntro

    Dans cet article, je vais parler d’une notion de programmation que tout programmeur voit au moins une fois pendant sa carrière, quelque soit son langage de prédilection.

    Cette notion s’intitule : les regex (ou expressions régulières).

    Comment ça marche

    D’après la définition de la page wikipédia : Une expression régulière est une suite de caractères typographiques décrivant une chaîne de caractères dans le but de la trouver dans un bloc de texte pour lui appliquer un traitement automatisé, comme un ajout, son remplacement ou sa suppression. Les mécanismes de base pour former de telles expressions sont basés sur des caractères spéciaux de substitution, de groupement et de quantification.

    En clair, vous voulez rechercher quelques choses de spécifique dans un texte (mail, numéro de téléphone, date, etc…), il est tout à fait possible de la retrouver grâce à ces expressions régulières, et de les modifier au besoin.

    Ce concept de programmation n’est pas forcément évident à apprendre, c’est comme apprendre une langue étrangère.

    Si je vous montre cette exemple : #gr[aoi]s#. Que comprenez-vous ? Rien. Et c’est tout à fait compréhensible.
    Pour vous expliquer : #gr[aoi]s# peut signifier les mots gras, gros et gris, dans n’importe quelle phrase.

    Malgré cette difficulté, une regex signifie la même chose quelque soit le langage (Perl, JavaScript, PHP, Java, C# ? Python, etc…).

    Si vous êtes curieux, je connais un très bon livre qui permet d’apprendre les regex, et c’est celui-là :

    Je vous le conseille. Il est petit, abordable, et complet.

  • Code Guide by @mdo

    Code Guide by @mdoPrésentation

    Le guide que je vais vous présenter à été écrit il y a quelques mois par @mdo.

    @mdo est célèbre pour avoir co-développé twitter bootstrap  avec @fat.

    Ce guide nous montre quelques règles a respecter pour écrire avec les langages HTML et CSS.

    L’écriture de ce guide par un professionnel comme @mdo est une bonne chose. Il permet de respecter les bases du développement de projet Web, l’HTML et le CSS étant pour moi les premiers langages Web qu’il faut apprendre.
    Il faut donc lire ce guide comme si c’était une bible pour webmaster.

    @fat
    @fat
    @fat

    Liens

    URL du Code Guide : http://codeguide.co/
    Lien Github : https://github.com/mdo/code-guide

  • Comment utiliser Jquery UI et Bootstrap

    jquery-ui-bootstrapDans tous projets Web, que ce soit pour des sites internet, des intranets, ou des ERP, nous devons quelques-fois utiliser des bibliothèques CSS et JS pour nous aider.

    Mais certaines d’entre elles ne peuvent marcher ensemble sous leurs formes d’origine à cause d’une incompatibilité.

    Je vais prendre pour exemple les bibliothèques suivantes : Jquery UI et Twitter Bootstrap.
    Pour éviter les incompatibilité entre ces deux bibliothèques, il existe une solution proposé par 3 personnes : Addy Osmani, Gerits Aurelien, et Vijay Dharap.
    Vous pouvez trouver cette solution sur github, avec le titre jquery-ui-bootstrap.
    Des choix ont été effectué, et la solution marche correctement. Il suffit juste de prendre les meilleurs composants des deux bibliothèques.

    Vous avez une version de démonstration à cette adresse : http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/. La démonstration est très complète et contient des exemples pertinents.

    Si vous avez des exemples de solutions de ce type, n’hésitez pas à me les envoyer. J’en parlerai sur le blog.