Tags
Language
Tags
March 2024
Su Mo Tu We Th Fr Sa
25 26 27 28 29 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6

JavaScript et le DOM par la pratique (Repost)

Posted By: Proghunter
JavaScript et le DOM par la pratique (Repost)

JavaScript et le DOM par la pratique
Video2Brain | 01h 49m | 15 juin 2011 | French | MP4 1280x720 29.970 fps | MP3 256 Kbps 44.1 KHz | 2.22 GB
Genre: eLearning

Comprendre la gestion du DOM,Dans le cadre d´un navigateur web, JavaScript se compose de deux parties distinctes : le noyau JavaScript et le DOM JavaScript. Si la connaissance de la première partie est indispensable pour aborder la seconde, c´est bien le DOM JavaScript qui sera principalement utilisé pour manipuler les éléments de votre page HTML. Cependant, la partie DOM est en constante évolution et s´enrichit à chaque nouvelle version d´un navigateur. C’est pourquoi le formateur Didier Mouronval a trouvé plus approprié de traiter cette partie par la pratique dans une formation de 2h au cours de laquelle il vous apprend à mettre en place des fonctionnalités couramment utilisées. Ainsi, vous allez comprendre comment est structuré le DOM, comment jouer avec et surtout comment mettre à profit le modèle particulier de la programmation JavaScript qui est la programmation orientée objet par prototype.

JavaScript est un langage de script. Il s'exécute donc dans un contexte spécifique qui est, dans le cadre d'une page web, le document HTML. JavaScript est ainsi composé de deux parties complémentaires qui sont une base commune à tous les contextes (le core JavaScript) et une partie spécifique implémentée par l'environnement. Au niveau d'une page web, il s'agit du DOM (Document Object Model) ou modèle de représentation objet du document.

Si le core JavaScript est indispensable à connaître avant de vouloir créer efficacement ses scripts, c'est bien le DOM qui va permettre d'interagir avec l'utilisateur et d'apporter du dynamisme aux pages, car c'est lui qui offre tous les objets utiles à la manipulation des éléments de la page. Pour autant, vouloir étudier cette partie de JavaScript de façon exhaustive serait long et rébarbatif. Surtout, cela s'avérerait rapidement dépassé car cette partie du langage, devenue un véritable enjeu de la nouvelle "guerre des navigateurs", évolue de façon très rapide, apportant quasiment chaque jour de nouvelles propriétés, méthodes et interfaces. Notamment le HTML5, qui commence à être suffisamment pris en charge pour pouvoir commencer à être utilisé sérieusement apporte de nouvelles fonctionnalités prometteuses.

C'est pourquoi le formateur Didier Mouronval a préféré axer cette formation sur des exemples concrets mettant plus en avant des techniques de codage susceptibles à faire comprendre des mécanismes de programmation, plutôt qu'un catalogue de propriétés et méthodes. Vous découvrirez donc l'utilisation du DOM au travers d'exemples de fonctionnalités fréquemment utilisées et recherchées. Ces exemples permettront d'aborder différents aspects spécifiques à JavaScript comme la problématique de la compatibilité entre navigateurs ou la programmation orientée objet par prototype particulière à ce langage.

Vue d'ensemble de la formation :

Le gabarit HTML : positionner un footer et animer un menu
Nous allons commencer par mettre en forme le gabarit du site en positionnant le footer et en créant un menu animé.

Validation d'un formulaire (expressions régulières)
La validation d'un formulaire en JavaScript permet d'éviter d'envoyer les données si certaines valeurs sont non conformes. Elle ne doit en aucun cas se substituer à la vérification côté serveur.

Exemples de scripts usuels
Certaines fonctionnalités sont particulièrement courantes : nous allons en détailler quelques-unes dans cette partie et voir comment aborder les problématiques qui leur sont liées.