Issue #105 (Sticky Scroll)04/24/24
The Complete JavaScript Course 2024: From Zero to Expert
This is an up-to-date JavaScript course covering modern techniques and features that will help you be job-ready.
The course includes 68+ hours of HD video, walking you through how to build 6 beautiful real-world projects to add to your portfolio.
The material is not just a "do as I do" set of lessons, but you'll learn modern JavaScript concepts like ES6 modules, classes, promises, async/await, along with tooling like npm, Parcel, and Babel.
The course covers ECMAScript features from 2022 and beyond, in addition to older concepts that will help you become a JavaScript expert.
|
|
|
|
As you might know, in July 2022 VS Code added the Sticky Scroll feature to the editor window, enabled by default, allowing you to view the current context of your code while scrolling through long snippets (e.g. indicating if you are currently inside a specific function, class, etc).
You can see this demonstrated in the GIF below.
But in case you missed it, VS Code added Sticky Scroll to all tree views, not just in the code editor. This means you have Stick Scroll functionality by default in your folder pane, as shown below:
And also in the Outline view, which is similar to the code editor Sticky Scroll, showing you the context of the current portion of your code:
If you want to disable Sticky Scroll for any of these, you can search for the words "Sticky Scroll" in your settings and adjust the appropriate values. There are also options to control the number of sticky lines or items to show.
And, as mentioned, the Sticky Scroll settings for the folders and Outline view are found under the workbench.tree, whereas the editor version of those settings would fall under editor.
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
Tailwind Nested — An interesting VS Code extension that allows you to temporarily convert your long Tailwind class list to a more readable hierarchical view, for easier editing.
Project Dashboard — A VS Code extension that lets you organize your projects in a speed-dial like manner, allowing you to pin frequently visited folders, files, and SSH remotes to access them quickly.
The Complete JavaScript Course 2024 — An up-to-date course consisting of 68+ hours of HD video, looking at both modern and classic JavaScript features, while walking you through how to build 6 beautiful real-world projects. Sponsor
Sixth — An AI-based VS Code extension that provides numerous features like real-time code scanning, autocomplete, and more for JavaScript, Python, TypeScript, PHP, Go, Java, etc.
|
VS Code Theme of the Week
|
Snazzy Light — Here's a simple but effective light theme that you may want to consider if you enjoy using light themes in your editor, described as "vivid light color theme determined to be clear and distinct under bright ambient light."
This is a single theme and the syntax highlighting is based on Sindre Sorhus's old project called hyper-snazzy, which is a color scheme originally created for the Hyper terminal app.
|
|
|
|
|
VS Code Articles
|
Visual Studio Code – The Essentials — This is a brand new online book from Microsoft, described as "for both novices and seasoned programmers alike, offering an in-depth exploration of this editor's capabilities and providing insights to harness its full potential."
Markdown with Vim, Emacs, Sublime Text 4 and Visual Studio Code — An article that looks at how the aforementioned generalist code editors (i.e. they have support for many languages) fare performance-wise when writing Markdown documents.
The Morning Paper for Tech — Want a byte-sized version of Hacker News that takes just a few minutes to read? Try TLDR's free daily newsletter. It covers the most interesting tech, startup, and programming stories in just 5 minutes. No sports and no politics. Sponsor
Top VS Code Shortcuts — Here's another shortcuts listicle, should you be in the mood to find a new keyboard combo to use in VS Code.
|
|
|
Best of the Rest
|
Parcel REPL — A playground for the popular Parcel bundler that includes a full code editor, file browser, and support for most Parcel features including watch mode, dev server, hot module replacement, and more.
From Vim to Zed — Software developer Thorsten Ball on his thoughts from switching from Vim, which he's used for 20 years, and moving to Zed, a newly-open sourced alternative from the makers of Atom.
Anytime Mailbox — Business starters, are you in need of a business address separate from your home? Anytime Mailbox provides a seamless solution, securing a private, professional address with added benefits like mail forwarding and scanning for ultimate convenience. Start browsing locations today. Sponsor
coeapi — Embed executable code snippets in 30+ languages directly into your product documentation, online course, or blog post.
If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.
That's it for this issue.
Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
|
|
|
