Skip to main content
CourseFlix

Elm Beyond the Basics

4h 47m 18s
English
Paid

Explore the world of web applications with Elm, a functional programming language that enhances productivity and simplifies front-end development. Elm's intuitive nature makes it a joy to use, empowering developers to create robust web applications effortlessly.

Course Overview

In this course, "Elm Beyond the Basics," we delve deeper into Elmlang, covering advanced concepts such as:

  • Structuring Your Apps using the Elm Architecture
  • Integrating with Servers — Effects (HTTP / Websocket)
  • JSON Encoding and Decoding
  • Single Page App Navigation (Routing)
  • Interacting with JavaScript using Ports
  • And much more...

About Elm

Elm was crafted to answer the question:

"What would be a good language for building front end web apps?"

Elm, developed by Evan Czaplicki over several years, balances functionality and simplicity. Unlike many functional languages, Elm strikes a harmonious blend between Idealism and Pragmatism, making it a preferred choice for developers.

Benefits of Using Elm

Elm offers substantial advantages over JavaScript by providing:

  • Zero Runtime Exceptions
  • Simplified Debugging
  • Effortless Refactoring
  • A Helpful Type System & Compiler
  • Enhanced Productivity
  • Inherently Testable Code
  • Enforced Semantic Versioning

Elm as a Functional Programming Language

For those daunted by functional languages, Elm offers a different experience. Its community avoids overwhelming academic terminology, making Elm approachable and an ideal introduction to functional programming.

Learning Elm Beyond Work

Even if Elm isn't part of your professional toolkit, learning it is valuable. Acquiring Elm skills can enhance your understanding of functional programming, potentially inspiring you to become an advocate for its use at work.

Project: Realtime Race Leaderboard App

Apply your learned concepts by creating a real-time Race Leaderboard app to track marathon and 10K race participants. This project integrates all the advanced concepts covered in the course.

Requirements

A basic grasp of Elmlang is needed. Ideally, you have completed the free introductory course, "Elm For Beginners."

Who Should Enroll?

This course targets:

  • Web developers intrigued by functional programming and Elm.
  • Developers eager to broaden their skill set.

Git Repository

Access the companion git repository for this course at:

https://github.com/knowthen/elm-beyond-basics

About the Author: knowthen.com

knowthen.com thumbnail
Welcome to Knowthen.com – Your Ultimate Hub for Rapid Skill Development! Embark on a seamless learning journey designed for developers seeking a swift learning curve. Unleash your potential as you delve into a comprehensive array of cutting-edge software development technologies. Our online courses are crafted to provide an accelerated, hands-on experience, ensuring you stay ahead in the dynamic world of technology. Elevate your skills and knowledge with Knowthen.com – where mastery meets efficiency in your software development journey!

Watch Online 32 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 32 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (32)
#Lesson TitleDurationAccess
1
Introduction Demo
06:05
2
Review
07:23
3
The Elm Architecture - Overview
05:02
4
The Elm Architecture - Example
16:56
5
Effects - Overview
03:49
6
Effects - Example (Chuck Norris Joke App)
10:52
7
JSON (Decoding JSON -> Elm)
13:09
8
Websockets (Time Streaming Example App)
08:42
9
Navigation (Single Page App Routing)
10:16
10
Ports (Firebase Waitlist App)
16:05
11
Planning The App
04:22
12
Review Starter / Boilerplate
06:55
13
Setting Up Navigation / Single Page App (SPA)
09:08
14
Setting Up Login/Authentication
11:01
15
Saving / Retrieving Login Token / JWT
05:29
16
Logging Out
02:41
17
Access Control / Locking Pages
07:21
18
Adding Runners | Http Post
11:33
19
Setting Up The Leaderboard Page | Realtime Updates With Websockets
10:37
20
Estimating Runners Location
09:48
21
Querying & Sorting Runners
03:58
22
Final Thoughts
02:00
23
Introduction
06:05
24
Review
07:47
25
The Elm Architecture - Overview
05:02
26
The Elm Architecture - Example
17:35
27
Effects - Overview
03:49
28
Effects - Example (Chuck Norris Joke App)
12:58
29
JSON (Decoding JSON -> Elm)
13:09
30
Websockets (Time Streaming Example App)
08:42
31
Navigation (Single Page App Routing)
12:54
32
Ports (Firebase Waitlist App)
16:05
Unlock unlimited learning

Get instant access to all 31 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription