Development Online Course by Udemy, On Sale Here
Maitrisez les intractions entre Javascript et HTML/CSS, les vnements, les requtes HTTP
An excellent training about Web Development
Javascript dbarque dans notre Navigateur
Ca y est, comme son nom lindique, dans ce cours Javascript debarque dans notre navigateur. Depuis le dpart, je vous ai dit que nos page web sont composes de 3 langages: HTML pour la structure, CSS pour le style et la mise en page, etJavascriptpour linteractivit de nos pages WebEt bien justement cest maintenant que vous allez tout comprendre sur cette interactivit! On va commencer par parler de lobjet global: window, puis de location et surtout on va dcortiquer bien comme il faut ce quon appelle le DOM. DOMCest quoi le DOM? Cest la reprsentation de notre code HTML et cest lui que Javascript pourra manipuler pour modifier le HTML et le CSS de nos pages Web. Tous nos lments HTML sont bien organiss dans le DOM et on pourra modifier leurs attributs, leur style CSS, leur ajouter ou leur enlever des classes CSS. Je vous montrerai les diffrentes facons de slectionner les lments xistants du DOM et aussi comment on va pouvoir en crer de nouveaux trs facilement. vnementsEt biensur la base de linteractivit: ce sont les vnements: vous pouvez excuter du code en raction un vnement. Par exemple: Quand lutilisateur clique sur un bouton, appuie sur une touche du clavier ou encore quand il soumet un formulaire. Alors je vais vous montrer les diffrentes faons de ragir aux vnements: les event handler et les event listener. Mais pour bien comprendre tout a, on va examiner lobjet Event qui possde des proprits particulires en fonction de la nature de lvnement. On va voir comment les vnements se propagent: on parlera de phase de bouillonement et de phase de capture. Et aussi comment stopper ou modifier leur propagation avec les mthodes stopPropagation et preventDefault. Requtes HTTPUne autre chose dont on va parler: ce sont les requtes HTTP, cest ce quon appelle Ajax. Ca va par exemple nous permettre dchanger avec un serveur, on pourra recevoir, envoyer, modifier et supprimer des donnes de ce serveur. Un des gros avantages cest quon pourra traiter les donnes quon rcupre directement en Javascript et mettre jour uniquement certains lments de notre page Web sans avoir recharger toute la page. Une des faons pour un serveur dtre capable dintragir avec ces requtes cest dutiliser ce quon appele une API REST. Dailleurs on va en utiliser une et je vous montrerai comment rcuprer des infos avec les requtes GET et comment en envoyer avec les requtes POST. Objet et Fonctions utilesAlors ce cours cest aussi pour moi loccasion de parler tout ce dont on na pas parl jusqu prsent et qui fait partie intgrante de Javascript. Je vais vous parler de lobjet Math, de lobjet Date, des expressions regulires. On va revenir sur les mthodes setTimeout et setInterval. Je vais vous prsenter aussi loprateur ternaire et on passera en revue les fonctions quon peut appliquer sur les strings mais surtout sur les arrays: comme map, filter, etcBien evidemment pour chacune de ces parties, vous pourrez tester vos connaissances avec des quiz. World Bucket ListEt alors une fois quon aura fini tout a: ce sera lheure du dessert, de la cerise sur le gteau de ce cours. On va raliser ensemble un projet gnial de A Z.Vous allez mettre en pratique tout ce que vous avez appris directement dans ce projet. Cest parti pour le rve! Crons ensemble lappli World Bucket List. Pour ceux qui ne le savent Bucket List cest une liste de choses quon souhaite faire. Et bien vous allez crer la votre et vous allez situer vos rves sur la carte du Monde! On va utiliser lAPI de Google Map pour pouvoir faire des choses fantastiques. Vous allez localiser vos rves: Maison sur Pilotis aux Maldives, Safari au Kenya, Monter sur la Tour Eiffel. Grce aux vnements, vous pourrez automatiquement zoomer sur un de vos rves en cliquant sur les marqueurs de la carte. Vous pourrez aussi intragir avec vos rves en indiquant ceux que vous avez dja ralis et ceux que vous souhaitez encore raliser: Qui a dit quon pouvait raliser ses rves quune seule fois? Et pour une meilleure immersion, vous allez aussi coder la visite interactive de vos rves grce Google Street View. Cest-dire quon pourra se balader lintrieur de vos rves quasiment comme sy on tait. Bref, je peux vous en parler encore longtemps: ce projet est tout simplement magique! Et vous allez voir que mme si a parait impressionnant, vous allez y arriver trs facilement, tape par tape je vais tout vous expliquerBon vous tes prts, allez cest parti!
Udemy is the leading global marketplace for learning and instruction
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams.
Study anytime, anywhere.
Reviews
There are no reviews yet.