Comment montrer à mon client un site que je développe sur ma machine ? Tous les développeurs web travaillant en local le savent, il n'est pas simple de montrer le contenu de sa machine locale depuis l’extérieur de son réseau. Heureusement, Ngrok est là pour nous aider ! Une des bonnes pratiques les plus simples à mettre en place, et pourtant une des plus importantes dans le développement web est la suivante : ne JAMAIS travailler sur la production directement, toujours passer par un environnement de développement. Pour cela, de nombreuses solutions existent : utiliser un petit serveur web en ligne de commande pour des langages comme ruby ou python, ou des solutions logicielles comme WAMP. Le souci avec ce genre de solutions est que votre plateforme de développement est uniquement en local, et ne peut pas être vue depuis l'extérieur.
Rouler en classe A avec Nginx La fondation Mozilla a beaucoup travaillé ces derniers temps sur l’amélioration de la sécurité du Web. Pour les sysadmins, le site SSL Configuration Generator est génial car il vous permet d’obtenir une configuration sécurisée de votre serveur Web. Il vous suffit de choisir votre serveur Web, la version que vous utilisez et la version d’openssl et le tour est joué. JavaScript : organiser son code en modules Cet article vous propose d'étudier différentes techniques permettant d'isoler votre code dans des modules « hermétiques », évitant ainsi les interactions involontaires avec le reste de votre code, ou avec le code que vous ne contrôlez pas. JavaScript a été initialement conçu pour être un langage facile à prendre en main. Néanmoins, avec l'augmentation importante des volumes de code utilisés sur Internet, on se heurte désormais comme dans la plupart des langages de programmation aux problèmes inhérents à la cohabitation de plusieurs bibliothèques. L'objectif de cet article est de présenter quelques techniques permettant de rendre vos bibliothèques plus faciles à maintenir, plus lisibles et mieux structurées en les organisant sous forme de modules, minimisant ainsi les risques d'interaction involontaire avec l'extérieur. Enoncé du problème Voici tout d'abord un exemple assez simple, qui sera le fil conducteur de cet article :
Tour de Babel La tour biblique pourrait avoir été inspirée par l'Etemenanki, une ziggurat de sept étages dédiée au dieu Mardouk à Babylone et désignée comme « le temple de la fondation du Ciel et de la Terre ». Ce mythe d'une fécondité remarquable a inspiré des réflexions sur l'origine de la diversité des langues, la puissance de l'effort collectif, l'orgueil humain, la fonction civilisatrice de la ville et la totalisation du savoir. Il a servi de métaphore architecturale à des organismes transnationaux et multilingues. Origine du nom[modifier | modifier le code] En akkadien Bāb-Ilum signifie « la porte des dieux »[1].
Introduction à Gulp A l’origine, Sass Si vous me lisez depuis quelques temps, vous savez probablement que je suis un fervent utilisateur de Sass. J’ai initialement utilisé SublimeOnSaveBuild pour gérer la compilation automatiquement. Quand j’ai changé d’emploi et que j’ai commencé à travailler avec de nouveaux collègues, j’ai cherché à généraliser l’utilisation de Sass au sein de l’équipe. Je me voyais mal leur imposer, en plus d’un nouveau langage, mon éditeur de texte et sa configuration. Signaler le focus améliore la navigation Ne supprimez pas la bordure pointillée autour des liens ! Au contraire, renforcez le focus : il doit attirer l’attention. Le lien ou l’élément qui a le focus est celui que l’internaute a atteint en tabulant au clavier, ou en positionnant le curseur de la souris ou encore le doigt sur l’écran tactile. Essayez donc de tabuler sur un site (en pressant plusieurs fois la touche Tab de votre clavier) : si ce site est bien fait, vous verrez « s’allumer » les éléments que vous atteignez ainsi : liens, champs de saisie des formulaires, boutons, etc.
Premier exemple d'utilisation de Webpack Si vous êtes intéressé par les problématiques que peut résoudre Webpack, vous serez sûrement intéressé par cette petite configuration détaillée, qui vous permettra de faire vos premiers pas avec cet outil. Nous allons mettre en place une configuration assez basique qui va permettre : d'avoir une partie JavaScript pour votre application/site web,de consommer vos CSS en tant que modules,de consommer les assets de vos CSS en tant que module (images, fonts...),d'avoir un fichier JS, un fichier CSS et vos assets à côté. Note: si vous êtes sur une application JavaScript, vous ne serez pas obligé d'utiliser la partie pour l'extraction de la CSS en fichier. En effet, Webpack consomme tout ce qui est possible en JavaScript.
Billy Babel est le nouveau président du HBC Mauriac - Mauriac (15200) - La Montagne Le Handball-Club de Mauriac vient de se doter d’un nouveau bureau. Billy Babel, le président, entend dynamiser le club. La nouvelle équipe fourmille de projets Augmentez les performances de vos pages avec Perfmap De nombreux outils existent pour tester la vitesse de chargement de nos pages web et trouver les points bloquants, mais la plupart sont assez lourds à mettre en action. L'outil que je vais vous présenter aujourd'hui démarre d'un simple clic sur un signet : découvrez Perfmap. Testez vos pages sans efforts avec Perfmap Perfmap est un outil très simple : appelez le et il viendra colorer chaque image de votre page en fonction de son temps de chargement.
Un code JS impeccable grâce à ESLint Après avoir vu ensemble comment écrire des tests unitaires pour votre application JavaScript, on pourrait s’imaginer que notre codebase a atteint le pinacle de la qualité. C’est sans compter sur les obsessions maniaques de votre serviteur (c’est moi), qui va aujourd’hui vous présenter son meilleur ami, celui qu’il a attendu toute sa vie sans vraiment le savoir, j’ai nommé ESLint ! Comme le savent ceux qui me connaissent un tant soit peu, j’adore donner mon avis, aussi allons-nous voir aujourd’hui comment mettre en place cet outil et comment je vous recommande de l’utiliser.
Object.create() - JavaScript Résumé La méthode Object.create() crée un nouvel objet avec un prototype donné et des propriétés données. Syntaxe Babel Si la plupart des collections de livres de poche se ressemblent par leurs types de formats ou de prix, on peut néanmoins les distinguer selon qu’elles relèvent d’une gestion autonome ou, au contraire, d’une démarche éditoriale intégrée. Autonomes, elles se doivent de se conformer à la prédominance du facteur économique. Intégrées, elles se préoccupent prioritairement de poursuivre et d’amplifier, par une édition à meilleur marché, la politique d’auteurs conduite par la maison qui les abrite. C’est à cette dernière catégorie qu’appartient la collection Babel, dont la vocation principale est de donner une deuxième existence à la diffusion des titres édités par Actes Sud. Babel, c’est aussi un lieu de réflexion ou de découverte, avec ses différents genres et séries, la revue L’Internationale de l’imaginaire, ou les romans policiers inédits “Babel noir”.
Veille technologique et technique par l'agence de développement web iMDEO De Damien Bouvier dans Technique 26sept2012 Voici une petite astuce afin de gérer facilement les multi-projets dans wamp server sans avoir de problème par rapport aux réécritures d’url. Apprendre le JavaScript : Fetch Fetch est une nouvelle API qui vient remplacer XMLHttpRequest avec un support natif des Promesses.