Webflow + Javascript: 3 Tips To Improve Your Code!

We'll cover 3 valuable tips for effectively managing custom JavaScript code in Webflow. We'll start by discussing the importance of custom attributes. Then, we'll explore how to properly optimize the development experience by coding outside of Webflow with the help of VSCode. Finally, we'll look into the Finsweet Developer Starter template, to take your Webflow JavaScript code to the next level.
▶ Build Multi-Step Forms in Webflow:
inputflow.io
#webflow
0:00 Don't target with class names
02:13 Don't code inside Webflow!
07:08 Finsweet Developer Starter template

[@mikepecha]

▶ Build Multi-Step Forms in Webflow:
inputflow.io

[@TheKetoSurvivor]

Excelle nt! This is good stuff. Thank you1

[@mateusvidal3187]

Dude, your channel is a gold mine haha I'm impressed with your knowledge. Thanks for sharing it!

[@mikepecha]

Glad you enjoy the videos bro

[@Fubeman]

Mike, kudos to you and your videos. I love how direct, clear and concise your videos are but also how informative they are. No BS, no additional unnecessary info, etc. Great job!

[@mikepecha]

Thanks :) Happy to her that!

[@jincongreso2387]

You deserve more views, learned a lot in 10 mins. Stay awesome!

[@mikepecha]

Really happy to hear that. I will 😉

[@Hayleeyyo]

super helpful, thank you!

[@philippehahnwebdesignerpho774]

Very clear and perfekt explained. Thank you so much!

[@mikepecha]

Glad you enjoyed it, Philippe 🙂

[@waysearcher]

Great tutorial. Thank you so much, you speed up my work with JS in webflow 3x time at least 👍

[@mikepecha]

Thanks. Happy to hear that :)

[@anastasya_vass]

Thank you for this video! I've known a lot of new information!

[@mikepecha]

That's great! Happy to hear that, Anastasia :)

[@nathanaelmeshesha4557]

Brilliant Video, thank you!

[@mikepecha]

Thanks, Nathanael 🙂

[@devon.dulaney]

I was trying to figure out exactly this, how to connect webflow and a code editor. Thank you

[@mikepecha]

Glad this was helpful, Devon :)

[@nav-unger]

Great. Thanks a lot.

[@mikepecha]

Thanks Nav :)

[@Inkontinenz]

great ideas. Thanks

[@mikepecha]

Glad you like them :)

[@sorenfillet4238]

Will this also speed up the loading if the javascript is in an external file?

[@aer0nrubio]

webflow java code working in staging not in live
Any thoughts? anyone

[@mikepecha]

What's your setup?

[@GermanLazarev]

idk why VS Code dont connect with Webflow, whats can be the probvlem ?

[@nforbes]

You are so dope. High 5

[@mikepecha]

Thanks :)

[@fourantalha9066]

Hi Mike,
eine Frage, die sich mir noch stellt ist, ob der Code mit der extension von finsweet im Backend oder noch immer sich im frontend befindet.

[@mikepecha]

Hi Fouran, der Code mit dem Finsweet starter Projekt ist auf deinem Rechner gespeichert. (Und auf Github wenn du es in ein Github repository schiebst). Du entwickelst lokal, und sobald du fertig bist führst du in der Kommandozeile den Befehl "pnpm run build" aus, und dann kannst du die erstellte Javascript Datei im "dist" Ordner für dein Live-Projekt verwenden.

[@hamodi20091]

goat 🐐

[@mikepecha]

Thanks :)