How I created JKnob with a VSCode Language Extension - an interpreted programming language

TL;DR

The video demonstrates the creation of the JNOB programming language and its interpreter.

Transcript

so this video is dedicated to my wife tina and the reason i'm dedicating this video to my wife is because last night she was streaming karaoke on tick tock and the very last song she decided to dedicate a taylor swift song to me which i'm not going to complain taylor swift is pretty cool but i wanted to hear a nicki minaj song and i requested that ... Read More

Key Insights

• 🛟 Personal anecdotes can serve as powerful motivators for creative projects, blending personal and professional interests.
• 📏 The creation of a programming language involves understanding and implementing grammar rules that dictate its structure and behavior.
• 👷 Recursive descent parsing is an effective technique for interpreting programming languages, mapping directly to grammar constructs.
• 🏛️ Building a language interpreter requires careful coding of functions that correspond to specific language commands for accurate execution.
• ⛑️ Creating a Visual Studio Code extension can significantly improve the usability of a newly developed programming language by providing visual cues through syntax highlighting.
• 🎨 Understanding the relationship between file operations and variable assignments is crucial in programming language design.
• 🫵 Combining humor with technical content can make programming tutorials more engaging and relatable for viewers.

Questions & Answers

Q: What inspired the creator to develop the JNOB programming language?

The creator's inspiration stemmed from a lighthearted moment with his wife, Tina, who dedicated a Taylor Swift song to him during her karaoke streaming. He humorously noted her request for a song dedication and decided to dedicate a programming tutorial video to her by creating a fictional language called JNOB, which doesn't exist in reality.

Q: Can you explain what a recursive descent parser is?

A recursive descent parser is a type of parser used to interpret or compile programming languages, based on a defined grammar. It employs a set of recursive functions corresponding to the grammar rules. As the parser processes input tokens, it constructs a syntax tree that reflects the structure of the input, and it makes it easier to implement language features through straightforward function calls mapping to grammar constructs.

Q: How does the JNOB language handle file loading?

JNOB utilizes a loading command that reads file contents into a JavaScript object variable. When the 'load' command is encountered, the parser shifts off the necessary tokens to recognize the file name and the variable name. It then employs the fs.readFileSync method to synchronize the reading of the file and store the contents within the defined variable in memory, allowing it to be utilized later in execution.

Q: What is the significance of creating a Visual Studio Code extension for JNOB?

By creating a Visual Studio Code extension for JNOB, the creator enhances the programming experience for developers using this fictional language. The extension provides custom syntax highlighting, making code easier to read and understand. This feature is vital for language usability, as it visually differentiates keywords, strings, and properties, helping programmers instantly recognize various elements of their code.

Q: What topics does the video cover regarding the grammar of the JNOB language?

The video discusses the importance of language grammar, specifically outlining the construction of an LL(1) grammar, which adheres to specific rules that can be parsed recursively. The creator presents a simplified grammar example, explaining how it allows for the organization of tokens and how it is subsequently used by the recursive descent parser to interpret commands and execute actions effectively.

Q: How did the creator implement syntax highlighting in VS Code for their new language?

The creator implemented syntax highlighting by defining a set of regular expressions to recognize keywords and commands in the JNOB language. They utilized a yo generator to create a framework for the VS Code extension and modified the syntaxes file, using scope properties from existing VS Code themes. This customization allows commands like 'load' to be styled distinctively, enhancing readability and user experience.

Summary & Key Takeaways

• The video begins with a personal anecdote, highlighting the creator's interaction with his wife, who inspired the tutorial by requesting a song dedication.

• The tutorial covers the development of a programming language termed 'JNOB', detailing its grammar and recursive descent parser for interpreting commands and executing basic JavaScript operations.

• The creator also discusses creating a Visual Studio Code extension for JNOB, demonstrating how to implement syntax highlighting based on specific keywords and commands.