Miro Spönemann

Langium: Design Your Own Language in Node.js and VS Code

What if you could build a custom language with full IDE support using just TypeScript? Learn to create powerful domain-specific languages with the Langium framework.

Langium: Design Your Own Language in Node.js and VS Code
#1about 4 minutes

Why you should create a domain-specific language

DSLs empower domain experts to implement business logic directly, overcoming the limitations of general-purpose tools and low-code platforms.

#2about 5 minutes

Fundamental principles of language design

Choose the right paradigm and abstraction level for your DSL, focusing on specificity rather than replicating general-purpose languages like JSON.

#3about 3 minutes

An overview of the Langium framework

Langium is a TypeScript-based toolkit for creating languages with built-in support for the Language Server Protocol (LSP) and VS Code extensions.

#4about 2 minutes

Defining language syntax and structure with a grammar

Use Langium's grammar language to define your language's syntax, including keywords, properties, and cross-references between different elements.

#5about 6 minutes

Demonstrating a Langium-powered VS Code extension

A live demonstration shows how a Langium-based extension provides rich editor features and a command-line interface for code generation.

#6about 4 minutes

How Langium processes code into an abstract syntax tree

Langium tokenizes and parses input text to create an Abstract Syntax Tree (AST), which serves as the central model for all language features.

#7about 5 minutes

Generating TypeScript types from your grammar

Langium automatically infers TypeScript interfaces from your grammar, but also supports explicit type declarations for better long-term project maintenance.

#8about 9 minutes

Scaffolding a new project with the Yeoman generator

Get started quickly by using the `yo langium` command to scaffold a complete, ready-to-use project for your new language.

#9about 7 minutes

Q&A on IDE support and technology stack choices

The discussion covers IDE compatibility, documentation support, and the benefits of a consistent TypeScript stack compared to Java-based alternatives like Xtext.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Introducing the Langium framework for language engineering
03:28 MIN

Introducing the Langium framework for language engineering

Langium: Design your own language in Node.js and VS Code

How to get started with the Langium framework
01:16 MIN

How to get started with the Langium framework

Langium: Design your own language in Node.js and VS Code

Deploying Langium-based languages on the web
01:18 MIN

Deploying Langium-based languages on the web

Langium: Design your own language in Node.js and VS Code

Demo: Building the MiniLogo drawing language with Langium
06:32 MIN

Demo: Building the MiniLogo drawing language with Langium

Langium: Design your own language in Node.js and VS Code

Langium's design goals and built-in cross-reference support
04:37 MIN

Langium's design goals and built-in cross-reference support

Langium: Design your own language in Node.js and VS Code

The value of understanding language internals
04:29 MIN

The value of understanding language internals

Making Sense of Programming Languages

Managing workspaces and integrating with IDEs via LSP
02:27 MIN

Managing workspaces and integrating with IDEs via LSP

Langium: Design your own language in Node.js and VS Code

Designing developer tools and documentation for LLMs
05:34 MIN

Designing developer tools and documentation for LLMs

WAD Live 22/01/2025: Exploring AI, Web Development, and Accessibility in Tech with Stefan Judis

Featured Partners

Related Videos

See all videos
Langium: Design your own language in Node.js and VS Code
27:25

Langium: Design your own language in Node.js and VS Code

Irina Artemeva

Making Sense of Programming Languages
31:50

Making Sense of Programming Languages

Aleksandra Sikora

Building software that scales with Typescript
37:18

Building software that scales with Typescript

Tal Joffe

Advanced Typing in TypeScript
28:44

Advanced Typing in TypeScript

Lars Hupel

Let's build a VS Code extension for automated refactorings
1:40:08

Let's build a VS Code extension for automated refactorings

Nicolas Carlo

Don't compromise on speedy delivery nor type-safety by choosing TypeScript
29:44

Don't compromise on speedy delivery nor type-safety by choosing TypeScript

Jens Claes

Lies we Tell Ourselves As Developers
31:13

Lies we Tell Ourselves As Developers

Stefan Baumgartner

Where we're going we don't need JavaScript - Programming with Type Annotations
29:30

Where we're going we don't need JavaScript - Programming with Type Annotations

Peter Kröner

Related Articles

View all articles
Luis Minvielle
What Are Large Language Models?
Developers and writers can finally agree on one thing: Large Language Models, the subset of AIs that drive ChatGPT and its competitors, are stunning tech creations. Developers enjoying the likes of GitHub Copilot know the feeling: this new kind of te...
What Are Large Language Models?
Luis Minvielle
The Best JavaScript Framework to Learn
When the Greek mastermind Heraclitus, millennia ago, claimed that “the only constant is change,” he certainly pepped up Star Wars creator George Lucas to perpetually re-do shots crucial to the canon storyline or even paved the way for grocery stores ...
The Best JavaScript Framework to Learn
Luis Minvielle
How to Become a Conference Speaker
With just a few clicks on Google, we can see that it’s full of sites that recommend and explain “the best tips to be the greatest speaker.”But how do you get to be a speaker in the first place? Being a keynote speaker who startles audiences and gets ...
How to Become a Conference Speaker

From learning to earning

Jobs that call for the skills explored in this talk.