🔥 New Free Course: How to integrate Elm into larger apps!

Elm: The Pragmatic Way

A premium video course to get you up to speed building reactive web apps with Elm. Learn the latest version and cutting-edge techniques!

Build Web Apps In A Delightful Language

Elm is rapidly changing the front-end game! This course will quickly get you up to speed on a modern, reliable way to create web apps. Using the latest version of the Elm functional programming language (0.18), we'll incrementally build a reactive web app so you see how everything fits together. Come discover what a delight it is to write reliable code that stays well-factored and easy to maintain as your web application grows.

Elm is ready for prime time. The question is: Are you ready for Elm?

Evan czaplicki
“... great ramp up from total beginner to building apps and having fun!” Evan Czaplicki, creator of Elm
James edward gray
“... a great way to get some traction with a super fun language.” James Edward Gray II

Learn the Pragmatic Way

From "Hello Elm" to Talking to a Backend API. In this course we follow a project-based approach to learning how to build Elms apps from start to finish. By building a real project with real code from scratch, you'll come away knowing how to build your own Elm apps and have a deeper understanding of both the "how" and the "why".

Each module focuses on a specific aspect of Elm. The entire course is nearly 3.5 hours. You can watch all the videos this afternoon or savor a few each day over lunch or on your commute!

  • 1. Introduction and Setup (1:49) free
  • 2. Hello, Elm! (6:35) free
  • 3. Compiling and Running (4:16) free
  • 4. Calling Functions (7:32)
  • 5. Defining Functions (8:07)
  • 6. Rendering HTML (9:41)
  • 7. Not Your Father's Type System (11:38)
  • 8. Currying (5:50)
  • 9. Modeling Application State: Records (5:07)
  • 10. Type Aliases (6:12)
  • 11. Mapping Over HTML Lists (7:28)
  • 12. Updating the Model via Messages (11:31)
  • 13. The Elm Architecture (7:33)
  • 14. Summing Points: Fun with Lists (4:42)
  • 15. Intro to Effects and Commands (12:13)
  • 16. Fetching Data From a Backend API (12:50)
  • 17. Decoding JSON (11:29)
  • 18. Failures, Maybe? (11:56)
  • 19. Posting JSON To a Backend API (11:53)
  • 20. Reacting To Input Fields (11:54)
  • 21. Organizing Code (11:13)
  • 22. Designing Around Concepts (15:23)
22 Videos
Access to streamable and downloadable, DRM-free videos on any device. Total duration is nearly 3.5 hours with each video being 5-15 minutes.
Technical Notes
Each video has a corresponding set of textual notes with bonus material and up-to-date tips and tricks.
Source Code
Includes starter files, stepped versions of the app for each module, and all the source for the final app.
Instant, Never-Ending Access
No monthly subscription or time limit. Revisit all the material whenever you want.

For Developers New To Elm

Looking to modernize your front-end development skill set? We designed this course for you! To respect your time in the videos, we assume you're already fluent in HTML, CSS, and another programming language. However, we don't assume you have prior experience with functional programming or Elm. If you're already using Elm in earnest, then depending on your experience this course may not be a good fit for you.

We aim for 100% satisfied developers, so if this course turns out not to be a good fit for you, we'll gladly issue you a 100% refund.

How To Integrate Elm Into Your Apps

Once developers learn Elm, they're usually pretty eager to use it. But how do you go about introducing Elm at your company? Learn several practical ways to integrate Elm into existing applications with our free Integrating Elm course. You can then use these same techniques on your project!

Also, check out the true story of how one developer successfully integrated Elm into his company and learn from his step-by-step approach.

Integrating elm large

Meet Mike & Nicole

Hey, there! Mike here. I love to create stuff and teach what I've learned. Over the past 20 years I've taught and used many languages to develop real applications, but there's a quality to Elm that feels special. I discovered it in late 2014 when looking for something fresh and fun to learn over the holidays. I'm as excited about Elm now as I was back then. Elm is what finally got me into functional programming. It made me a better programmer. And so I naturally can't help but want to share it with you!

Together Nicole and I own and run The Pragmatic Studio. We'd love to have you join us in the Studio for this great course! Learn more about us…

Mike nicole framed

What Is Elm?

Elm is a functional programming language that compiles to JavaScript and runs in the browser, designed and developed by Evan Czaplicki. Elm embraces the good parts of functional programming, but lets you ignore the theoretical underpinnings.

Why are we so excited about Elm? First and foremost, it's designed to be fun and friendly to use. Indeed, Elm upends the notion that functional programming is only accessible to mad scientists and academics. With its clean and readable syntax, world-class tooling, and friendly compiler, Elm is truly a delightful language.

Don't let its friendly face fool you though; Elm is also incredibly powerful and ready for the biggest projects. The Elm Architecture helps you create complex, modular web apps with code that stays easy to maintain as you add features. Toss in great performance, no runtime exceptions, and JavaScript interop, and you've got a super-charged way to produce reliable, scalable, and maintainable web apps!

But what we love most about Elm is that you can actually build practical stuff with it quickly, which is exactly what we do in this course.

Free Update for Alumni

If you bought the previous version of this course, then this update is absolutely free! Simply go to your account and you'll see the new course "Elm: The Pragmatic Way". We've replaced the previous version which was titled "Elm: Building Reactive Web Apps". Enjoy!

Can we ask a favor? We've put hundred of hours into updating this course, including adding several new videos on advanced topics. We would be very grateful if you would help spread the word about this course. Thanks!

Join other developers having fun with Elm!

Mike gehard
Love this Elm tutorial. Time to write front end code again since I don't need to use JS.” Mike Gehard
Ian taylor
“...loving the course on @elmlang! finally getting my head around this awesome #WebDev language!” Ian Taylor
Jake trent
“A great, practical introduction to Elm. Straightforward with a great ease-in approach to new concepts.” Jake Trent
Vitor capela
“This is a perfect, succinct introduction that helps cement the idea that Elm is a usable language for the day-to-day.” Vitor Capela
Matthew machuga
“A very practical, hands-on approach to learning Elm. Great course overall!” Matthew Machuga
Misha moroshko
“Well done! This course is a great value for the money! It was straight to the point for developers with Javascript knowledge.” Misha Moroshko
Alan gardner
“The course was practical, informative and exceptionally well-paced. I love that pretty much as soon as a question sprung into my head you answered it. If there's a better way to learn Elm out there, I've not found it. Fantastic work!” Alan Gardner
Philip poots
“Mike Clark is an excellent teacher. He explains the concepts clearly and concisely... He introduces everything incrementally and at no point did I feel overloaded. Quite the opposite, there were a number of times when he displayed the uncanny ability to read the questions arising in my mind while going through the material...” Philip Poots' Full Course Review