background preloader

Yeoman - Modern workflows for modern webapps

Yeoman - Modern workflows for modern webapps

http://yeoman.io/

Related:  Javascripthtml/cssFrontA classer

La gestion des événements en JavaScript Cet article est une introduction aux notions nécessaires pour bien comprendre et utiliser les événements en JavaScript. JavaScript est un langage événementiel : le développeur a un contrôle limité sur le flux d'exécution du code, qui est déterminé principalement par les interactions avec l'environnement (activation d'un lien, mouvement de la souris, chargement du contenu du document, …). La gestion des événements est un sujet essentiel dans le cadre de ce langage. Elle reste pourtant assez mal comprise, en partie à cause des lacunes et erreurs d'implémentation des différents navigateurs. Cet article présente les trois grandes familles d'interfaces qui sont aujourd'hui à notre disposition :

Les nouveautés de l'HTML 5.1 Le World Wide Web Consortium (W3C) qui est une communauté internationale qui développe des standards pour l'évolution du Web a officialisé la version 5.1 du langage HTML. Le développement de cette spécification a débuté en décembre 2012 et a été validée en tant que recommandation par le W3C le 1er novembre 2016. Nous allons voir ensemble les ajouts importants de cette recommandation. picture et srcset Ce nouvellement a pour but d'améliorer le chargement des images en sélectionnant l'image à charger suivant la taille de l'écran de l'utilisateur. Se mettre au frontend en 2014, par où commencer ? Un de nos lecteurs nous a récemment envoyé un email avec tout un tas de questions; nous avons apprécié le geste et plutôt qu’uniquement lui répondre, nous souhaitions en faire profiter tout le monde. Salut Putain de code !,

Opa, un nouveau langage pour le développement d’applications Web Après des années d’efforts, nous sommes heureux d’avoir libéré le code d’une nouvelle technologie Web nommée Opa. La licence choisie est la GNU Affero General Public License version 3 (AGPLv3). Cette dépêche a pour but de vous expliquer ce qu’est, et n’est pas, Opa. Tutoriel Backbone.js : environnement de développement Dans les prochains tutoriels, je vais couvrir les sujets suivants : créer un nouveau projet Node pour la construction de l'application monopage ; utilisation de RequireJS avec Backbone.js ; l'API de Google ; écrire et exécuter des tests ; créer l'application Backbone.js elle-même ; techniques pour personnaliser les données Bootstrap ; déploiement vers Dropbox, Amazon S3 et éventuellement d'autres services. Si vous mettez l'accent sur l'écriture de scripts côté client, je pense que ce sera utile pour vous.

Écrire du JavaScript véloce et à faible empreinte mémoire Par Addy Osmani Vous devriez plutôt vous poser ce type de questions : Que puis-je faire pour rendre mon code plus efficient ? Quelles optimisations communes sont faites par les moteurs JavaScript ? Quelles sont les limites de l’optimisation de ces moteurs ? Le ramasse-miette est-il bien capable de libérer la mémoire comme je m’y attend ? 9 générateurs gratuits pour développer plus vite Quand on est en DUT MMI et qu’on doit rendre des projets avant le fameux « dimanche minuit », sachant qu’il est déjà 23h30, il faut pas tortiller des fesses ! On prend des outils rapides et efficaces et on achève la mission ! Les outils qui suivent pourront t’être très utiles quand tu seras en stage ou simplement dans tes projets persos. Fini le blabla pour le SEO Google, place au vrai contenu : 1.

Introduction à AngularJS Pour comprendre comment fonctionne AngularJS, il est essentiel d'avoir les idées claires à propos de quelques points propres au développement web. Cette section en fait un rapide tour d'horizon. Front-end & back-end Pourquoi le protocole HTTPS va devenir la norme ? Google via son navigateur Chrome va commencer à signaler les sites non sécurisés à partir de janvier 2017. Cette évolution confirme la volonté de Google de voir tous les sites internet migrer vers le protocole HTTPS. Pourquoi cette évolution et quelles sont les conséquences pour les éditeurs de site web ?

Comment débuter avec RequireJS L’AMD (Asynchronous Module Definition) permet d’organiser votre code en modules afin de pouvoir les charger à la demande. Cela évite d’avoir un seul gros fichier ou plusieurs fichiers à inclure dans le HTML dans un ordre précis. RequireJS permet également, grâce à NodeJS, de faire de l’optimisation (minification), j’en parlerai à la fin.

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 Tutoriel pour apprendre SASS et Compass Salut à toi très cher MMI ! Aujourd’hui, j’ai le plaisir de te présenter cette mini série d’articles, j’ai nommé « Booste ton Workflow ». L’objectif est simple : Te présenter les outils d’aujourd’hui et de demain qui vont faire de toi une bête du front. Ma mission ?

Related:  Outils pratiquesWP 2 HTML5 Web AppangularjsjsJavascript Libs/FrameworksJS