Blog
Tutoriel CSS - Leçon Conclusion - De HTML/CSS à Drupal
Ceci conclut le tutoriel CSS, mais pas l’apprentissage du CSS. Je vous propose de passer à la pratique et de continuer à étudier le CSS en créant un thème Drupal. Je trouverai un modèle PSD sur Internet et nous le coderons en thème Drupal basé sur le thème Zen.
Vous pouvez également commencer à apprendre PHP :
Leçons Javascript (manuel, tutoriel autodidacte)
Javascript est l’un des langages les plus populaires au monde, même s’il perd un peu de terrain avec le temps, de nombreux programmeurs continuent à s’y intéresser.
Javascript vous sera utile pour l’apprentissage ultérieur de jQuery, donc avant de vous attaquer à jQuery, qui est un framework javascript, il faut d’abord connaître les bases de javascript.
Le code Javascript s’intègre directement dans le code HTML d’une page à l’aide des balises <script></script> :
Javascript leçon 1 - Variables et opérations sur celles-ci
Je ne vais pas tourner autour du pot en décrivant tous les types de variables et toutes les opérations, ce n’est pas nécessaire pour nous. Notre objectif principal est d’assimiler la syntaxe de base de JavaScript afin de pouvoir ensuite passer à l’étude de jQuery, et ensuite vous pourrez améliorer vos connaissances et compétences en JavaScript. Si vous souhaitez étudier JavaScript sans vous intéresser au formidable framework JavaScript, alors vous devriez chercher un manuel plus complet sur JavaScript.
Javascript leçon 2 - La construction if
Dans cette leçon, nous allons voir comment utiliser la construction if en JavaScript. La syntaxe de JavaScript est assez similaire à celle de PHP (les deux ont été conçus pour les programmeurs C++), vous pouvez donc consulter cette leçon sur if en PHP :
Leçon JavaScript 3 : Boucles while, for
Dans cette leçon, nous allons étudier les boucles en Javascript. Comme je l'ai déjà mentionné, la syntaxe de PHP est similaire à celle de Javascript, donc vous pouvez aussi consulter les boucles en PHP :
Leçons PHP - leçon 12 - Boucles while, foreach, for
À une exception près : en Javascript, il n’y a pas de boucle foreach(), donc à l’avenir, nous utiliserons la méthode each() de jQuery pour parcourir des éléments.
Leçon 4 de Javascript : Fonctions
Dans cette leçon, nous allons examiner les fonctions en Javascript, comment les écrire et quels types de fonctions existent. Vous pouvez lire sur les fonctions dans ces leçons sur PHP, tous les exemples fonctionneront aussi en Javascript :
Leçons PHP - leçon 7 - Fonctions PHP et programmation fonctionnelle
Javascript leçon 5 - Tableaux, fonctions pour travailler avec les tableaux
Dans cette leçon, nous allons aborder un autre type de données en Javascript : les tableaux. Nous verrons également quelques fonctions pour travailler avec les chaînes de caractères et les tableaux. Toutes les autres fonctions seront étudiées dans les leçons suivantes. Pour vous familiariser avec les tableaux, vous pouvez consulter les ressources sur les tableaux en PHP :
Cours Javascript 6 : Objets, leurs propriétés et méthodes
Ceci est la dernière leçon de JavaScript nécessaire pour commencer l’étude de jQuery. Mais ce n’est pas la dernière leçon JavaScript que je ferai, car ce langage est beaucoup plus vaste et comporte bien plus que ce que j’ai abordé dans mes leçons.
Drupal et jQuery
Qu'est-ce que jQuery ?
jQuery est une merveilleuse bibliothèque JavaScript qui permet de créer facilement de superbes effets web en quelques lignes de code. Comme le dit le site du projet jQuery :
« jQuery est une bibliothèque JavaScript dont la devise est : écrire du code JavaScript doit être amusant. jQuery gère les tâches courantes et répétitives, nettoie les mises en page tout en gardant le code court, élégant et compréhensible. »
Drupal et jQuery. Leçon 1. Comment inclure un fichier avec jQuery.
jQuery est un outil très pratique lorsqu'il s'agit de cacher quelque chose, de modifier, déplacer, intégrer joliment et partir. Très très pratique et très simple. Commençons par inclure un fichier javascript. Nous allons inclure les fichiers dans le thème via le fichier avec l'extension .info de votre thème. Pour inclure un fichier, ajoutez la ligne suivante dans le fichier de votre thème :
scripts[] = js/custom.js
où js/custom.js est le chemin vers le fichier javascript dans votre thème.