4 min de lecture
Vous entendez souvent parler de HTML, de CSS et de JavaScript ? Il est peut-être temps pour vous d’essayer de comprendre ces langages, surtout si vous voulez poursuivre votre carrière de webdesigner freelance, sur Webflow.D’ailleurs, aujourd’hui, je vais vous montrer comment apprendre JavaScript avec Webflow.
Peut-être l’avez-vous remarqué, mais la majorité des programmes et projets web incluent désormais le JavaScript. Il a le vent en poupe ! En tout cas, c’est l’une des raisons qui m’ont motivé à m’y intéresser.
J’ai déjà commencé quelques théories. Il y a toute une panoplie de sites web qui donnent de riches informations là-dessus, mais ceux qui m’ont le plus intéressé :
Si vous avez d’autres sources à me conseiller, je suis preneur. Mettez-les juste en commentaire, ou écrivez-moi.
Par-dessus tout, avec l’aide de Webflow, vous comprendrez JavaScript assez vite !
Il y a une vidéo Youtube dans laquelle je décris cela en bas de l'article. Soutenez-moi en vous abonnant à la chaine YouTube "Happy Desk Design"
Si c’est un tout nouveau terme pour vous, je comprends très bien que vous avez du mal à suivre. En fait, c’est surtout grâce à JavaScript qu’on peut obtenir des effets, animations, calculs ainsi qu’autres facteurs invisibles à l’oeil nu, mais très utiles pour un site web, logiciel ou application.
Toutefois, l’animation est surtout celle qui nous intéresse dans cet article.
Encore ici, je vous invite à choisir un modèle de site qui vous inspire sur Webflow (de préférence, avec beaucoup d’animations ; c’est ce qui vous permet le plus facilement d’apprendre JavaScript avec Webflow). Pour cela, rendez-vous donc dans le Showcase.
Ensuite, vous devez dupliquer le modèle concerné, et ensuite le publier pour vous en approprier. De cette manière, vous pourrez accéder aux codes, et éventuellement, les modifier.
En haut à droite, sous le signe <>, vous avez accès à tous les codes (notamment JavaScript). Si vous voulez les analyser et ainsi, apprendre JavaScript avec Webflow, vous n’avez qu’à les exporter :) Toutes les animations que vous aurez créées à partir de Webflow seront automatiquement générées en code JavaScript.
Passons maintenant à l’étape suivante : essayer de comprendre les codes JavaScript.
Les animations sont accessibles dans la barre à droite, sous l'icône en forme d’éclair. Tout se trouve sous la “page load”. Une prévisualisation des animations étape par étape est même possible. Tous les effets (pour le modèle de site que vous avez choisi) sont effectivement recensés dans cette barre-là.
De là, vous avez même le droit de les modifier (voire, supprimer des existants) :
Pour les plus aguerris, l’ajout de code JavaScript (dans le but d’ajouter de nouvelles animations) dans cette interface est envisageable.
Bref, vous aurez un aperçu de la façon dont le développeur de ce modèle s’y est pris en JavaScript, lorsqu’il a créé le site. Il serait donc plus facile de comprendre ce langage, et pourquoi pas d’apprendre JavaScript avec Webflow. Il suffit de vous y inscrire si ce n’est pas encore fait !
Conclusion
Je pense que vous avez fait le tour là. JavaScript n’est sûrement plus très nouveau pour vous. Alors, est-ce que cela vous intéresse ? En tout cas, à moi, oui ! C’est pourquoi je vais vraiment approfondir ce langage !
Ça vous intéresserait aussi d’apprendre HTML avec Webflow, ou d’apprendre CSS avec Webflow ?
YouTube : Apprenez JavaScript avec Webflow
Revenez sur cette page chaque fois que vous voudrez. Avez-vous trouvé des idées que j’aurais oubliées ? Si oui, lesquelles ? Laissez un commentaire ci-dessous ou envoyez un e-mail à hello@happydesk.be
Dans la joie et la bonne humeur
Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.
