Cours de HTML Pourquoi utiliser du JavaScript ? Du fait de la faible interactivité des pages HTML avec l'utilisateur, il a été intégré aux pages web le langage JavaScript (dérivé du langage de programmation Java). Ce langage permet d'intégrer de vrai petites applications, de faire des jeux... On ne s'intéressera ici qu'à des actions beaucoups plus simples mais tout aussi utiles. Les bases Le JavaScript est un langage interprété par le navigateur de l'internaute, il est intégré directement dans les pages HTML comme le sont lesfeuilles de style. Afficher la date et l'heure On souhaite afficher sur notre page la date du jour et l'heure. On a donc une variable today qui est un objet instance de la classe Date. Notre objet today possède les méthodes suivantes : getDate(), getMonth(), getYear(), getHours(), getMinutes() qui retournent respectivement le jour, le mois (moins un), l'année, l'heure et les minutes actuelles. Rollover Contrôle des champs d'un formulaire Faire apparaître une popup
Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture !
Tutoriel JavaScript de base 1 Introduction Ce tutoriel présente un survol des caractéristiques principales du langage JavaScript relatives à l’utilisation « côté client », c’est-à-dire l’utilisation la plus fréquente dans des pages/applications web à l’intérieur d’un navigateur. 1.1 Rappel de la structure d'une page web Avant d'aborder JavaScript, il est utile de rappeler la structure d'une page web qui se compose généralement de trois éléments : HTML : cet élément détermine le contenu de la page, c'est-à-dire les éléments textuels et graphiques affichés à l'écran. CSS : cet élément détermine la mise en page, la manière de présenter les éléments HTML de la page. 1.2 Présentation de JavaScript JavaScript est un langage de scripting qui a vécu plusieurs évolutions dans le temps, ce qui complique en quelque sorte son apprentissage parce que le code et les tutoriels présents dans le web varient fortement en fonction de leur date. 1.3 Outils pour le développement et le débug Un navigateur web Un éditeur de texte var x; Donne:
Simplifiez vos développements JavaScript avec jQuery Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous ! Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d'éléments à la manipulation du DOM, en passant par l'animation, les requêtes AJAX, l'utilisation et la création de plugins, la création de jeux et bien d'autres choses encore ! N'ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances. Si vous lisez ces lignes, c'est parce que vous avez décidé d'aller plus loin dans vos développements Web.
Mots réservés Introduction Cet annexe présente les mots réservés. Les mots réservés ne doivent pas être utilisés en tant que noms de variables, de fonctions, de méthodes ou d'identifiants d'objets parce-que ECMAScript spécifie une utilité spéciale pour eux. Mots actuellement réservés Voici la liste des mots réservés actuellement utilisés en JavaScript : Mots réservés dans le futur Les mots suivants sont de futurs mots-clés réservés par la spécification ECMAScript. Note: En commençant avec Javascript 1.9 (Firefox 5), ces derniers seront réservés même lorsque vous n'êtes pas en mode strict.Note: La version de JavaScript ci-dessus n'est pas officielle. class enum export extends import super Les mots suivants sont de futurs mots-clés réservés par la spécification ECMAScript lorsqu'ils se situent dans de code en mode strict, excepté lorsque let et yield ont leurs fonctions traditionnelles dans le code compilé comme JavaScript 1.7 ou plus: implements interface let package private protected public static yield
New in Symfony 2.6: Bootstrap form theme Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. Bootstrap is so widely used that it has become the de facto standard for frontend development. That's why Symfony 2.6 will include a new form theme designed for Bootstrap 3. The new form theme comes in two flavors: normal layout and horizontal layout. To apply this theme only for some forms, add the following instruction at the top of the Twig template where the form is defined: The new theme defines styles for all types of form controls, as shown in the following image: As you probably guessed, this new feature is part of the Symfony DX initiative. Although this pull request just adds two tiny Twig templates, it took eight months to get merged.
Le Jardin de JavaScript Bien que JavaScript utilise une syntaxe avec accolades pour les blocs, il ne crée pas de portée "scope" de bloc; par conséquent, la seule portée du langage est la portée de fonction. function test() { // une portée "scope" for(var i = 0; i < 10; i++) { // pas une portée // count } console.log(i); // 10} Il n'existe pas d'espaces de noms "namespaces" en JavaScript, ce qui signifie que tout est défini dans un espace de noms commun partagé par tous. Chaque fois qu'une variable est référencée, JavaScript va traverser vers le haut toutes les portées jusqu'à ce qu'il la trouve. S'il atteint la portée globale sans avoir trouvé le nom demandé, il va générer une erreur de référence ReferenceError. Le fléau des variables globales // script Afoo = '42'; // script Bvar foo = '42' Les deux scripts ci-dessus n'ont pas le même effet. Ne pas utiliser var peut avoir des répercussions majeures. // portée globalevar foo = 42;function test() { // portée locale foo = 21;}test();foo; // 21 Variables locales test();
Créer une API Rest dans une application Symfony | Obtao Read the English version Comme nous avions besoin d’une connexion entre une application web Symfony et une appli Android, nous avons dû apprendre et comprendre comment créer une API Rest de manière simple et sécurisée, en nous basant sur nos entités existantes. Nous avons choisi WSSE pour l’accès sécurisé, FOSRestBundle pour la restitution de données et JMSSerializerBundle pour la sérialisation. Nous avions également besoin de séparer les logs pour les erreurs d’authentification WSSE. Librairies Bundles Articles Première étape : Installer FOSRestBundle et JMSSerializerBundle Vous aurez besoin de ces deux bundles, donc ajoutez-les à votre fichier composer.json : // composer.json // ... Lancez la commande php composer.phar update pour mettre à jour vos vendors puis enregistrez les bundles dans votre fichier AppKernel.php : //app/AppKernel.php public function registerBundles() { $bundles = array( // ... new FOS\RestBundle\FOSRestBundle(), new JMS\SerializerBundle\JMSSerializerBundle(),
Thinkster JavaScript is Sexy | Learn modern web application development with JavaScript Scriptol.fr - Programmation avec les standards du Web JavaScript modulaire pour le front-end : les bases Quand on réalise des applications en JS pour les navigateurs web, on ne peut plus se contenter de mettre des tags script dans le bon ordre pour charger les bibliothèques tierces que l’on utilise comme pour un site web. C’est pourquoi il existe des outils pour permettre d’écrire du JavaScript modulaire et réutiliser plus facilement les innombrables bibliothèques publiées par la communauté JS. Cependant, ce principe d’écriture modulaire et de publication de code n’étant pas intégré dans le langage lui-même, de très nombreuses solutions existent plus ou moins compatibles les unes avec les autres et aboutissant à une forte fragmentation de la communauté. C’est pourquoi j’ai voulu partager mon expérience, en essayant d’abord de reposer les bases du problème, puis en vous faisant part de ce que j’estime être la solution la plus satisfaisante actuellement. D’abord, il faut faire la distinction entre 3 aspects du problème : Le format AMD (dans sa forme la plus courante) est : Réponse : Super !