Apres le HTML, Javascript
By Mihamina Rakotomandimby on Tuesday 11 October 2011, 16:19 - formation - Permalink
Apres le HTML, Javascript
Maintenant que nous avons pris le temps d'aborder HTML via un exercice d'intégration HTML, nous pouvons passer à l'étape suivante qui est Javascript
Javascript de base
Avant de manipuler les documents avec les frameworks comme jQuery, Mootools, Prototype,... nous allons dans un premier temps aborder "les bases". De nos jours, peu de gens utilisent Javascript de cette façon mais il est primordial de savoir comment les choses se passent au plus bas niveau avant de manipuler des outils qui font abstraction de ces bases-là.
Qu'avez-vous appris?
En utilisant les commentaires à ce billet, Racontez votre parcours et les choses que vous avez découvert dans le sas de formation que vous êtes actuellement en train de suivre.
Comments
Nos connaissances s'ouvre de plus en plus vers l'expertise du monde entreprise. Aujourd’hui j'ai découvert enfin la principe de merge, commmit,push, pull et comment utiliser l'outil Kdiff3 pour fusionner deux fichiers distinctes en une seule. Ensuite j'ai pu tiré des leçons et constatations sur l'application du commit pendant la développement de notre petite intégration. J'ai aussi appris des nouvelles choses sur la base et l'évolution de JavaScript et HTML5. Une nouvelle découverte des fonctions et des objets de manipulations du document HTML et XML (DOM).
Aujourd'hui, on a normalisé notre code avec HTML validator et fusionner notre code avec les autres équipes avec l’outil collaboratif TortoiseHg. Ceci m'a permis de me familiariser encore plus avec TortoiseHg surtout avec l'action "merge" et la résolution des conflits. En fin d'après-midi, on a vu Javascript et l'API DOM en vue de manipuler les éléments HTML et XML. Alors, il faut bien s'accrocher et le but c'est d ' être techniquement parfait!
On a affronté plusieurs problèmes sur notre projet d’intégration, surtout la résolution des conflits après merge, mais réciproquement cela nous avons apporté des expériences pratique. On a essaie aussi de débogue notre Html sur HTML VALIDATOR et de corriger les erreurs sémantique.
J'ai pu apprendre à respecter les normes de codage en HTML en utilisant HTMLValidator, économiser les blocks dans la manière de coder et comment faire une synchronisation avec Mercurial. Concernant DOM: j'ai appris la hiérarchie d'un doc xhtml, ce que c'est un noeud, les méthodes pour retrouver un élément dans une page, ce qu'est un Parent, un Child, un sibling, un eventListener ... Comment ajouter un évènement dynamique et changer les attributs dynamiquement. Et aussi comment rendre les choses compatibles avec IE et Firefox car il y a des codes propres à IE.
Aujourd'hui, j'ai approfondi sur HTML et mercuriale, surtout l'utilisation de "merge" et ça a bien fonctionné; et ensuite j'utilise aussi la résolution de bug comme HTML validator (outil dans Firefox) pour valider la sémantique du code.
En HTML, il ne s'agit pas simplement de coder n'importe comment pour avoir le rendu, il faut et obligatoirement suivre et respecter la sémantique, utiliser les bloc pour les éléments en bloc et éviter toutes superflues de codes c'est à dire économiser. Le respect de la sémantique n'est pas un hasard car en commençant à étudier javascript et DOM, les notions de parent, child et node nécessite le respect de la sémantique pour mieux accéder aux éléments dans un document XHTML. Enfin, sur ToroiseHg et Mercurial, compréhension des résolutions de conflits lors d'un merge et la synchronisation lors d'un changement sur un autre serveur...
désormais je sais comment éviter les erreurs lors des commites ,et des merges que j'ai fait auparavant avec mercurial ,la sémantique du html devient plus claire avec notre projet et l'utilisation du validator dans mozilla firefox aide beaucoup dans le débuggage du code et le respect de la semantique,en ajout à tout celà ,j'ai pu comprendre l'interdépendance entre DOM et javascript.
J'a pu apprendre le XMLHttpRequest et approfondir mes connaissances en JavaScript et DOM en faisant le cas pratique des node, Sibling, parent et methodes d'accès du DOM (création d'une page xhtml en javascript). J'ai pu aussi connaitre les différents niveaux de DOM. (^_^)
Aujourd'hui on a effectué des recherches sur Javascript et sur ses divers composants attachés a cette langage comme : DOM, XMLHTTPRequest (AJAX) . On aussi découvert la puissance de Firebug pour analyser le code Javascript, CSS et HTML avec une code de test sur Javascript.
ça fait bizarre de ne pas vous voir aujourd'hui!!:) On a effectué notre recherche sur l'utilisation de Javascript et DOM. C'est trés puissant pour manipuler les éléments HTML. Une approche sur XMLHttpRequest et l'utilisation de Firebug a bien terminé la journée d'aujourd'hui.Le monde professionnel m'attire de plus en plus!!
Suite sur javaScript et DOM, plus XMLHTTPRequest; j'ai pu comprendre maintenant avec DOM l’arborescence d'une page XHTML et la raison du respect de la sémantique; se positionner sur un noeud, retrouver les fils(childNodes), les frères (Sibling), les parent. j'ai pu comprendre aussi la base de fonctionnement de ces framework javascript, comme jquery, construire une page toute entière avec javascript seulement et à la fin exploiter la puissance de cette langage sur l'architecture client/serveur avec l'objet XMLHTTPRequest et AJAX
Pour la journée du 12 Octobre, j’ai abordé des vifs détails sur Javascript, j’ai pu régénérer mes connaissances sur les propriétés et méthodes des objets Javascript. L’initiation dans DOM m’a apporté une nouvelle vision sur la structure d’une application web dynamique, surtout la manipulation de Node. On a essaie aussi d’utiliser Firebug pour debugger notre application.
Aujourd'hui, j'apprends le Javascript, DOM et XHR. Je comprend maintenant que DOM définit une méthode standard pour accéder et manipuler les documents HTML.
Mes connaissances sont donc augmentés peu à peu.
Aujourd'hui ej viens d'approfondir sur la dynamisation de page web avec javascript ,le concept de dom et ainsi faire quelques applications javascripts .
Et utiliser firebug
Avec le TP d'aujourd'hui, je me suis amélioré sur l'utilisation de l'API DOM et ainsi que pour la manipulation des noeuds.C'est d'une grande utilité pour pouvoir manipuler les éléments HTML et XML!!! C'est bien de pouvoir évoluer de jour en jour :)
J'ai pu constater que notre niveau monte de plus en plus en s'entrainant sur la pratique. Aujourd'hui nos savoir sur la porté de l'utilisation de JavaScript sur la page HTML monte en niveau de plus. J'ai découvert des nouvelles fonctionnalités dans la version récente de DOM.
J'ai pu appliquer XMLHTTPRequest sur l'architecture Client/Serveur de wamp. Approfondir mes connaissances en Ajax et DOM et j'ai pu commencer à utiliser jQuery. (^_^)
Aujourd'hui, je fais le pratique sur le Javascript, DOM et Firebug pour les debugger.Maintenant je commence à comprendre sur l'utilisation de firebug car cet outil rendre les codes bien lisible et les codes serons en norme internationale.
Application du javascript sur l'architecture client/serveur avec ajax et l'objet XMLHTTPRequest. Construction d'une page avec accès à un ficher XML et affichage du resultat en construisant les noeud du document courant. Maintenant, un grand pas vers le framework jQuery.
Hier j’ai plongé dans la manipulation des innerHTML, je suis vécu que l’utilisation de Firebug améliore la vitesse de développement d’application web (exemple : l’insertion dans nos code de « console.log() pour voir le trace »).
Hier ,on a pratiqué ce qu'on a apprit dans javascript et dom notamment l'usage de innerhtml pour rendre notre page web dynamique,et j'ai constaté la nécessité de l'utilisation de firebug pour le deboggage
Petit bilan des 2 précédentes semaines: Respect de la sémantique en HTML et comment faire du code propre et bien commenté, utilisation des inspecteurs comme Firebug, HTMLValidator, DOM Inspector; approfondissement en javascript, DOM et j'ai commencer à utiliser JQuery avec bien sûr des applications intéressantes. (^_^) Vivement la semaine prochaine. Bon Week End tout le monde.
Après avoir fait un briefing, j'ai pu constater que je me suis beaucoup améliorer sur la façon de coder c'est à dire à normaliser le code.Maintenant je sais aussi utiliser Mercurial qui est un bon logiciel de "versioning" . Il y a aussi DOM pour la manipulation des éléments HTML.Continuons le parcours avec Jquery!!! :)
Aujourd'hui on essaye de comprendre comment fonctionnent jquery sur la page HTML et quelle sont les actions qu'on peut faire avec elle en effectuant de test sur place. On a aussi découvert aujourd'hui une observation résumé sur l'évaluation de nos connaissance adopté pendant ses semaines passé pendant le stage chez Ideo Neov.
Aujourd’hui, on reprend et on approfondit les derniers travaux de HTML, JavaScript et DOM et on corrige certaines sémantiques des codes et on ajoute peu de commentaire pour faciliter la maintenance de codes. En pratique, les codes doivent être séparé par son aspect c'est-à-dire ce que CSS on doit met dans CSS, ce que HTML dans l’HTML et ce qui est JavaScript dans JavaScript. Alors, maintenant je sais bien comment structurer les codes ?
Approfondissement et débogage du javaScript avec firebug, optimisation de code (ajout de commentaire pour la maintenance, propreté des codes, respect sur les nominations des variables (CamlCase)). Début avec JQuery, on a vu les bases, son intégration dans les pages XHTML, comparaison entre ajax avec XMLHTTPRequest en javascript et Ajax avec jQuery. Maintenant, on va continuer et avancer sur jQuery, après on va passer au PHP, Jelix et Drupal .
L'insertion des commentaires et le maintient d'homogénéité de code source rendent facile les processus de développement. En somme, 10 jours de stage j'ai pu dire que la mise à niveau technique que nous effectuons actuellement m'a apporté plusieurs expériences pratique.
La dynamisation avec javascript ,l'uniformisation et l'application des règles standards de programmation dans le html font désormais partie de ma base de connaissance et seront automatiquement mis à jour à chaque nouvel exploit que je compte entreprendre,avec des pratiques