background preloader

Cours Javascript

Cours Javascript
Related:  guygwadadacode

e-learning portal France, free open educational resources in French, portail cours en ligne universite lycee college Transitions CSS - Animer facilement en CSS toutes les propriétés Les transitions CSS font partie du CSS Transition Module Level 3 actuellement en WD (Working Draft). C’est quoi une transition en CSS ? Les Transitions permettent de modifier les valeurs de propriétés CSS dans le temps, d’un état A à un état B. Utilisation des transitions La propriété se décompose en plusieurs autres propriétés, décrite ici : transition-property : la(les) propriété(s) CSS à modifier. transition-duration : le temps total de la transition ( en secondes, millisecondes). transition-timing-function : la méthode d’interpolation (accélération, décélération) transition-delay : le temps avant que la transition ne démarre. Il existe aussi la propriété raccourcie transition. Voici un exemple de transition qui modifie la taille de l’élément. transition: width 2s ease; Le support dans les navigateurs... Les transitions CSS3 sont implémentées dans IE 10, Firefox 4, Chrome 4, Safari 3.1, Opéra 10.5 et *tous* les mobiles. Notes :

Survol des technologies dans JavaScript Introduction Alors que le HTML est utilisé afin de garder les données et le format d'une page web et que le CSS encode le style de page, déterminant comment le contenu formaté de la page doit être affiché graphiquement, le JavaScript est utilisé pour améliorer l'interactivité d'une page web ou pour créer des applications web riches en contenu. Cependant, le terme "JavaScript" tel que compris dans le contexte d'un navigateur web contient plusieurs éléments très différents. Ceux-ci sont, entre autres, le langage-noyau (ECMAScript) et le DOM (Document Object Model, ou Modèle d'Objet du Document). JavaScript, le langage-noyau (ECMAScript) Le langage-noyau du JavaScript fut standarisé par le comité ECMA TC39 en tant que langage nommé ECMAScript. Quels sont les caractéristiques de l'ECMAScript? Entre autres choses, ECMAScript définit : La syntaxe du langage (règles d'interprétation (parsing), mots-clés, contrôle de flux, initialisation littérale d'objets...) Futur Internationalisation de l'API

Introduction aux méthodes agiles et Scrum Vous avez surement entendu parlé des méthodes agiles ou de la méthode agile. Certains la perçoivent comme une énième méthodologie à la mode, difficilement compatible avec leur contexte. Surtout dans le cadre d'un contrat au forfait. Qu'est ce que l'approche agile au juste ? D'où vient-elle ? Comment s'applique-t-elle concrètement ? Approche Agile plutôt que méthode Agile Si l'approche agile est nouvelle pour vous, il me semble important de partir sur de bonnes bases. Le terme "méthode" est trop réducteur pour parler de cette façon d'aborder la gestion de projet. On parle cependant de "méthodes agiles" pour définir les méthodes qui relèvent de ce courant. Une autre approche de gestion de projet Le terme "agile" définit une approche de gestion de projet qui prend le contre-pied des approches traditionnelles prédictives et séquentielles de type cycle en V ou waterfall (en cascade). Anthony Bleton de Novius; dans la vidéo ci dessous intitulée Oubliez le cahier des charges, soyez agiles !

LimeJS HTML5 Game Framework Javascript - Manipulation des contrôles clavier Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à certaines touches du clavier. Techniques pré-requises Avant toute chose, les domaines suivants doivent vous être familiers: Evènements du clavier Voici la liste des évènements possible d'un clavier en javascript. onkeypress : lorsqu'une touche est activée onkeydown : lorsqu'une touche est enfoncée onkeyup : lorsqu'une touche est 'relevée' Pour de plus amples renseignements sur les évènements et leur gestion, vous pouvez consulter la rubrique javascript event Il faut bien noter la différence entre, d'une part 'onkeypress', et d'autre part 'onkeydown' et 'onkeyup' ! Attention cependant, tous les objets HTML ne comprennent pas ces fonctions de type écouteur, pour cela, renseignés vous sur le net avant de vous plonger dans votre code. L'objet 'event' Javascript Page web Fonction applyKey

Quelles sont les étapes d'un projet web ? Cet article sera peut-être un simple rappel pour certains, pour d’autres une évidence mais je suis persuadé que cela ne fait jamais de mal de revenir sur le déroulement idéal d’un projet web. En effet quel que soit votre projet ( WordPress ou Prestashop ) vous devrez passer par ces étapes et vous poser les bonnes questions. Alors faisons un passage chronologique sur ce que vous devrez faire pour atteindre votre objectif : un site internet performant. 1. Outils: Word, Excel, PowerPoint, Xmind Trop souvent sur des petits projets cet aspect est sous-estimé mais il est primordial. Il convient pour rédiger un bon cahier des charges d’avoir: 2. Outils: Basalmiq, Axure, … Vous savez à présent ce qu’il vous faut, reste à définir la mécanique qui donnera un site ergonomique. Il vous faut en vrac : un menu (au moins), un bloc contenu, une sidebar (au moins), des call-to-actions, un logo, … L’objectif ici est de définir comment cela s’articule et comment on passe d’un élément à un autre. 3. 4. 5. 6.

“I finished Codecademy, now what?” | Megan Taylor I really like Codecademy about 80% of the time. It’s a good way to learn the syntax and keywords and concepts of a language. But it’s buggy and once you complete a course, there are few pathways to the next level. I see this question asked on Reddit all the time, in various programming subreddits. Enkaybee: I always recommend Project Euler because it’s free and it presents some real challenges without any guidance. RojaB: Don’t you even feel prepared to contribute to open source projects like www.whatcanidoformozilla.com? Like this: Like Loading...

Les outils vraiment utiles pour les développeurs JavaScript JSLint - Le vérificateur JavaScript JSLint récupère un code JavaScript et l'analyse. S'il rencontre un problème, il retourne un message et l'emplacement dans la source. Le problème n'est pas nécessairement une erreur de syntaxe, même si c'en est souvent une. JSLint regarde aussi (optionnellement) les conventions de formatage et les problèmes de structure. JsUnit JsUnit est un framework de test unitaire pour le JavaScript coté client. SugarTest SugarTest facilite l'écriture de tests JavaScript élégants et compréhensibles. YUI Test YUI Test est une librairie de test pour le JavaScript coté client (navigateur). Obtrusive JavaScript Checker Disponible en extension Firefox, script GreaseMonkey ou commande Ubiquity, Obtrusive JavaScript Checker parse une page Web et surligne les balises événements (ce qui est contraire à l'aspect non intrusif de JavaScript). JSpec Un framework de tests JavaScript. Crosscheck Crosscheck est un framework open source de test de vos scripts dans les navigateurs. Firebug

Tests alpha/bêta et déploiements par étapes - Centre d'aide Google Play Devel... Si vous utilisez les services de jeux Google Play, les groupes de testeurs alpha et bêta sont partagés automatiquement entre votre fichier APK et les services de jeux Google Play. Sur la page Tests des services de jeux, vous pouvez utiliser le bouton des testeurs alpha et bêta pour ajouter automatiquement tous les utilisateurs participant aux tests alpha et bêta pour votre fichier APK. Pour ajouter des testeurs individuels manuellement aux services de jeux Google Play, procédez comme suit : Connectez-vous à la Google Play Developer Console. Une fois que les utilisateurs font partie du groupe de testeurs, ils peuvent se connecter à l'aide de Google+, obtenir des réussites provisoires ou publiées, et publier des scores dans des classements provisoires ou publiés.

AppGyver Comment naviguer sur une ancienne version d'un site internet Édité par WikiHow Traduction, Nbentayou, Team FR Ne vous êtes-vous jamais demandé à quoi ressemblait Google à ses débuts ? Et ce vieux site internet familial que vous aviez créé en 1997 ? Une organisation appelée « Internet Archive » quadrille et archive le web depuis plusieurs années pour créer une librairie internet virtuelle. Nous allons vous expliquer comment en tirer le meilleur parti ! Publicité Étapes <img alt="Browse an Old Version of a Website Step 1 Version 4.jpg" src=" width="670" height="502" id="55219d10ce01c">1Lancez votre navigateur internet favori et rendez-vous sur le site archive.org.Dans la section « Web », trouvez le champ « The Wayback Machine ». Conseils Avertissements Revisiter le passé peut donner un coup de vieux !

Related: