beanz Magazine

Elm

Why use three languages to make a stunning web page when you can use just one?

How do you make a web page? Normally, you have to write code in a combination of languages: HTML, CSS, and JavaScript. The HTML you write determines what elements appear in the page. The CSS determines how the HTML looks. The JavaScript gives the whole page life and interactivity.

Elm, though, is a single programming language designed to compile to actual, functional web pages! In other words, you write Elm code and the Elm compiler turns it into the CSS, HTML, and JavaScript that makes up the final page.

Elm is a relatively new functional programming language. It both looks and feels a lot like if JavaScript and Haskell had a baby: a particularly feisty baby that immediately gave the React framework some competition.

Now, I have to say that I always like learning new programming languages, which is why I write these articles! Elm in particular, though, was probably the most fun I’ve had with a new programming language in a very long time. I won’t say it’s easy, particularly if you haven’t done much functional programming before, but it’s very satisfying.

To get started with Elm, you can go to the language’s homepage and even follow along with our examples by clicking the “Try Online” button.

Become a subscriber and get access to the rest of this article. Plus all our magazine articles.

Stories also include numerous links to help parents, kids, and teachers learn more. Get access today at just $15 per year for online magazine only or $29.99/year for print + online ($35/year outside US)!

Subscribe Today!

Also In The June 2018 Issue

Code up your digital turtle mascot and watch him dash around the screen in this simple Python coding activity.

A phone and tablet app exposes the invisible waves that connect our computers.

How AI technology is helping fans keep the magic alive for one more chapter.

Use Scratch to become the architect of your very own digital metropolis.

Use SketchUp to create dizzying patterns and shapes, Escher-style.

Whiz around your computer’s folders and modify files at lightning speed like a pro.

Use micro:bit and cardboard to create a Jedi knight that sounds the alarm when evil approaches!

Learn about the infamous Enigma machine and how its “unbreakable” code was finally defeated.

Take your 3D-printed gizmos to the next level with harder, sleeker, and stronger material.

How daily coding puzzles with constant feedback can be a useful tool to help students master text-based languages.

Scientists draw inspiration from nature to create remarkable specialized robots.

Links from the bottom of all the June 2018 articles, collected in one place for you to print, share, or bookmark.

Interesting stories about computer science, software programming, and technology for June 2018.