How I believe my new course platform is different from any regular frontend course.

Hey there!
​
The past months I have been working many hours on building my own course platform from scratch. And let me tell you, I really underestimated how much time this would take! In past newsletters as well as on my Twitter you've probably seen it wasn't always a smooth ride. But enough about that!
​
With the launch of the first course modules being only two days away, I thought it would be time to give you a sneak preview of a feature I am super duper proud of!

The live playground

Since we are working with code I believe it is very important that you are able to experiment and play around with the code yourself. Watching videos or reading text is fun (not always..), but nothing beats experimenting with things yourself. That is why I invested a lot of my time implementing CodeSandbox' Sandpack playground, and added many features on top of it.

This playground brings so many amazing features for you!

Automatic saving of your work 💾 — A live playground would be pretty useless if you would make something cool and lose it the second you refresh, right! Not with this playground, I made sure to invest quite some time so your work won't get lost!

Styling with Tailwind (or not!) 🎨 — For those fan of Tailwind I added the option to use these classNames straight out of the box. No need to edit a separate CSS file if you don't want to. Or do it, if that's your cup of tea, since that's possible too!

Go fullscreen and forget the world around you ⚡ — Just like a real code editor can help you zone out, you can also toggle this editor to go fullscreen. No distractions of the text around it, and as much room to write loooooooooong Tailwind classes as you need 😉

Adjust the editor to your liking 🤓 — Even if you don't go fullscreen you can only show the preview with the click of a button. Or chose to give the two windows a different width. Do whatever feels best for you!

Pizza console is also there 🍕 — Oh yeah, I know... Probably no one recognises the Pizza Calzone joke here, but I always like it. Just wanted to tell you I also added a console on there. Saves you from having to open up your browser inspector. You're welcome!

And there is so much more to come to this playground and the platform itself. I want to give you the option to export everything to Codesandbox/Git/locally, allow you to share your work via a url, have autocomplete, and so much more! I am far from finished.

Going beyond the playground

Of course there is so much more to this course platform than only the playground. Too much to explain in a single email!

For the past months I have worked tirelessly to create this platform and made sure it is a great foundation for everything I want to teach. This very first course takes you from the very basics of Framer Motion all the way to becoming the expert you admire to be. Not by teaching you hacky code, but by teaching you like it is done in the real world —production ready code.

We start by discussing the basic APIs and making small demo's, and gradually start (re)building more complex things. You for sure don't want to miss this!

Just two more days until the launch!

Are you already getting excited?! Just two more days until I finally launch the first three modules of the course: February 1st. I really can not wait to show it to you all!

Talk to you on thursday!

— Jeroen.

​

Hi, I'm Jeroen After over a decade of writing frontend code and teaching my colleagues, I decided it was time to teach a wider audience the craft in frontend engineering. Which is when I started Frontend.FYI.