Ma reconversion pro

Du bâtiment au développement web

Catégorie : Javascript

Ajouter du Javascript dans WordPress

Salut, logo-theme_wordpress-6

Après avoir ajouté un peu de style CSS la semaine dernière, cette fois je te propose de voir comment on peut ajouter du Javascript dans ton projet WordPress. Cela peux être un peu perturbant d’ajouter du JS au milieu des fichiers PHP. Et bien, comme pour le CSS, pas d’inquiétude à avoir, on va continuer de bien organiser nos fichiers et de rester un peu méthodique, et tu vas vite te rendre compte qu’il n’y a pas de quoi s’inquiéter, je sais de quoi je parle…

Pour compléter cet article, je vais te montrer commet ajouter le menu dans notre page, puisque c’est un élément important, mais dont on ne s’est pas occupé du tout jusque là!

On va se servir de ce menu pour faire un petit effet de scroll. On va finaliser notre header, et styliser tout ça  pour terminer.

Continue reading

 

Modifier le CSS avec Javascript

Salut,Modifier le CSS avec Javascript - logo

Le dernier article nous a permis de modifier du HTML avec du Javascript, aujourd’hui, on va voir comment modifier le CSS avec Javascript !

Une fois les éléments HTML mis en place, il n’est pas très difficile d’ajouter le CSS.

Il est aussi possible d’interroger des éléments déjà stylisés pour récupérer les valeurs de chaque propriétés . Cela peut être très utile quand on a pas accès au fichier CSS.

Pour suivre cet article, il vaut mieux être un peu à l’aise avec les techniques de récupérations d’éléments HTML, pour cela tu peux jeter un oeil sur ces articles, Javascript, les débuts dans le DOM et Créer un élément HTML en Javascript.

Continue reading

 

Créer un élément HTML en Javascript

Salut,

On sait déjà faire pas mal de chose avec ce qu’on a vu dans l’article précédent, mais on va encore aller plus loin: on va créer un élément HTML en Javascript On va utiliser ce qu’on a vu dans l’article précédent pour créer un nouvel élément HTML.

Jusqu’à présent avec .innerHTML et .textContent on a pu modifier des éléments existants. On va donc utiliser une nouvelle méthode pour créer de nouveaux éléments à notre page directement en Javascript.

Ensuite une fois qu’on aura créé un nouvel élément, on verra comment l’insérer à la bonne place avec de nouvelles propriétés.

 

Continue reading

 

Modifier les éléments du DOM

Salut,Modifier les éléments du DOM - logo

On a commencé à pouvoir se balader un peu dans le DOM dans l’article précédent. Dans cet article on va commencer pouvoir modifier les éléments du DOM. On va pouvoir accéder aux balises HTML, au texte, aux classes CSS, aux ID et aux attributs.

Introduction courte aujourd’hui. Pour rappel je fais un peu de musique, c’est ce qui m’a inspiré l’exemple qui va suivre, et qu’on va torturer tout au long de cet article que j’ai essayé de construire comme un tutoriel.

Rien à voir avec la qualité des tutoriels des pros du genre…

 

 

Continue reading

 

Javascript, les débuts dans le DOM

Salut, Javascript, les débuts dans le DOM - logo JS

De retour après une longue période d’absence, pour continuer à parler de Javascript. J’ai donc terminé 2 formations à ce sujet, et j’ai commencé à entrer un peu dans le vif du sujet: modifier du HTML avec Javascript. J’ai obtenu de très bonne base et fais pas mal de chose très sympa avec la formation d’Anthony Welc. Actuellement je suis sur celle d’Openclassrooms, qui va un peu plus loin sur certains points, notamment en ce qui concerne les premières fonctions qui permettent de cibler précisément un élément HTML.

Il y a eu quelques exercices intéressant sur ce sujet sur Openclassrooms et j’ai ressenti le besoin de faire une petite synthèse de cela pour me garder un mémo.

Cet article ne va pas être très long, je vais essayer de les faire au fur et à mesure que j’apprends de nouvelles choses, soit en fonction des problèmes que je rencontre…

 

Continue reading

 

Pourquoi apprendre ES6 tout de suite quand on débute

Salut, Pourquoi apprendre ES6 tout de suite quand on débute

Comme promis un nouvel article cette semaine au sujet de Javascript. J’ai terminé la formation Javascript d’Anthony Welc et je vais donc essayer de t’expliquer pourquoi apprendre ES6 tout de suite quand on débute.

J’ai appris pleins de chose super à travers cette formation, que je ne peux que t’encourager à suivre si tu débute! J’ai notamment manipulé les fonctions, les boucles, les conditions, etc. Mais ça tu peux le trouver dans d’autres formations. Ce qui pour moi rends cette formation indispensable pour les débutants qui se lancent en ce moment dans l’apprentissage de ce langage c’est la grande partie sur la dernière grosse mise à jour de Javascript: ES6.

Je vais donc essayer de te convaincre de te mettre directement à la page de ces nouvelles manières d’utiliser Javascript.

 

Continue reading

 

Mes premières difficultés en Javascript

Salut, Mes premières difficultés en Javascript

Après un premier article d’introduction la semaine dernière concernant mes formations , je vais commencer à parler de mes premières difficultés en Javascript.

J’ai passé une semaine complète à travailler avec Javascript et j’ai eu quelques soucis pour manipuler correctement certains aspects de ce langage.

J’ai commencé à triturer les éléments du DOM, donc à pouvoir modifier une page HTML/CSS avec du Javascript et j’ai compris d’un seul coup pas mal de chose. Je ne rentrerai pas dans le détail du DOM dans cet article, mais ça viendra assez vite.

Je n’ai pas encore terminé la formation d’Anthony Welc, j’en suis à 89%, j’ai préféré laisser passer 2-3 jours et renforcer ce que j’avais appris en refaisant les premiers exercices sur la partie du DOM en essayant d’aller plus loin. Je parlerai certainement de ça plus tard.

Continue reading

 

Mes débuts en Javascript

Salut, 

Cette fois c’est parti, je me suis enfin plongé dans de la vrai programmation, avec l’apprentissage du langage Javascript. Ce langage va à terme, me permettre de réaliser des interactions avec l’utilisateur et de rendre mes sites web pus dynamiques.

Pour le moment, j’apprends, je me trompe pas mal aussi, mais il n’y a que ça qui fait progresser: les erreurs. Autant te dire que là je progresse!!

Je vais aussi te parler des outils dont je me sers pour me former à l’utilisation de ce langage.

J’ai ralenti mon activité ces dernières semaines sur le blog pour pouvoir coder et apprendre un maximum.

J’ai pour objectif de rentrer à la 3WA avec de bonne bases donc j’ai des tas de choses à apprendre d’ici là si je veux que ça soit productif et profiter à 100% de la formation.

Continue reading

 

© 2019 Ma reconversion pro

Theme by Anders NorenUp ↑