This article was originally written on my personal blog.
I am republishing it here for the DEV community.
Last week, I spoke at Bulgaria PHP 201...
For further actions, you may consider blocking this person and/or reporting abuse
Nice!
I'll do a shameless plug for an extension I wrote, Profile Switcher, which can be useful to pre-configure the VS Code environment and flick to it without having to remember all the settings to tweak π
This looks very cool! Much more in depth than my meager attempt at a settings toggler! π
Awesome post!
Slightly off-topic, is your presentation online anywhere? Hexagonal Architecture sounds like something I'd be interested in.
Thanks!
It was recorded but it's not yet published. I'll let you know when it is π
can you let Me know as well? or how can we check for it? i'd like to see what it looks like in action! thanks!
I guess twitter.com/bgphpconf will tweet about it when recording are released.
I will come back and reply to the comment when IΒ got the link. I'll ping you too ;-)
thank you very much! keep on doing this! :)
Great! Now someone will write a PowerPoint extension for VSC to open and display PowerPoint slides on a tab. π
π It's just a matter of time.
Also seen someone use git commits instead of live coding recording. It clearly shows the step by step diffs, and avoid live writing. Just put small diffs per commits, add incremental tags, and then checkout the target tag whenever you need to move forward. Really efficient, yet really basic.
this is especially great for tutorials and code-a-longs, so you help ppl get back on the same page quickly
Funny, I just write mine with HTML and CSS... which is even more "powerful" thanks to CSS3 and new triggers like :target
Just put each slide in a div, give it a id, and href="#id" to it. Set all those sibling div to be positioned off-screen, and when they div:target slide them into view. Easy-peasy lemon-squeezy.
I think this is an amazing extension you built. I really enjoyed the blog post as well. I was playing with the extension, and I noticed when you enter presentation mode, it preloads a set of files from your project. How do you choose the files you want to present?
Thanks for giving it a try!
For the moment, it opens all the files that are located at the root of the current workspace, by convention. Folders will be ignored. That's the convention I'm using for my slides.
There is no way to configure where the slides are located yet. But that's a feature I'd consider implementing. If you want, please open an issue to detail how you'd like the extension to behave, so we can discuss π
This is such a great walkthrough of all the thinking behind your decisions. Love it!
I have done similar things, and developed an Extension for VS Code specifically to toggle in and out of "presentation mode": marketplace.visualstudio.com/items...
It's a bit niche, but you can drop an entire custom config in those settings, and it will allow you to toggle between your current settings, and whatever you define.
The README isn't fancy, but improvements are welcome on the github link! π π
--
I really like the idea of "macros" for live coding, and I agree with your philosophy: It's about showing the code being written, in context, and running. Regardless of typing speed or accuracy (or lack thereof!). ππ½
why not latex?
Do you mean "instead of Markdown"? Otherwise, I don't understand the question.
Why in LaTeX? π
I never did talks but I do volunteer to teach codes a lot. And this sir is going to be a life saver...
This is great, after I read KCD's article I've been wanting to try this method as well. I haven't been giving enough talks, lately.
A few years ago I watched a presentation about Angular made with... Angular. I thought it was great and I like your idea too!
awesome awesome awesome post! thanx for sharing.
Who is the author of the Github Clean White theme?
Here's the theme: marketplace.visualstudio.com/items...
The author is called saviorisdead
How vscode can show image? is the md preview?
When you open an image in VS Code, it will show you the rendered image by default.
Great idea! What did you use for Markdown preview?
Thanks!
For the Markdown content, I just show the raw file. With the editor theme, it was good enough.
However, VS Code default Markdown Preview would also do the job (
β β V
/Ctrl β V
to open as a tab).