Web Development with Elm

Learn Elm and excel in functional programming

3.20 (28 reviews)
Udemy
platform
English
language
Web Development
category
201
students
3 hours
content
Nov 2017
last update
$34.99
regular price

What you will learn

Elm syntax

HTML and CSS rendering

How to build stateful applications in Elm

Server communication

Communication with JavaScript runtimes

Core architecture principles

How to use the Create Elm App and other tools

How to use open-source packages in Elm

Advanced patterns and techniques

Description

Elm is one of the leading languages responsible for increasing the adoption of Functional programming in frontend web development. Thanks to Evan Czaplicki and the Elm Community, we have at our disposal an incredibly user-friendly and easily accessible programming language that compiles to JavaScript and runs in the browser. It is a game-changer for web developers who are keen on getting their hands dirty with functional programming.

As a strongly typed language with Type Inference, Elm guarantees error-free runtime and excellent performance. The thoughtfully designed pattern for state management called the Elm Architecture has served as an inspiration for numerous JavaScript libraries such as Redux and many others. Empower yourself with the ability to utilize all the essential aspects of Elm for developing real-world applications.

The course is a practical application of a functional programming language. We will be looking into persistent data types and data structures. You will get an introduction to the concept of side-effects and state management.

Together we will build a web application, exemplifying all the core principles of web application development with a purely functional language. Apart from Elm, you will be able to apply those principles in other programming languages for your practical needs.

Strongly typed language with Type inference guarantees error-free runtime and excellent performance. Elm Architecture is the key inspiration for numerous JavaScript frameworks and libraries. Empower yourself with the ability to utilize all the important aspects of Elm for developing real world applications.

We will be covering topics such as Functional programming, Persistent data structures, data modeling and performant HTML rendering. The course will introduce you to the concepts of Type inference, Side effects, and Lazy computations in practical examples. You will be able to build your interactive applications with the help of Type Inference and Time traveling debugger.

Together we will build a real world application, exemplifying all core principles of application development in a purely functional programming language. You will be able to apply those principles in any other functional programming language for your practical needs.

About the Author

Eduard Kyvenko is a Front-End developer with a focus on functional architectures. The primary maintainer of Create Elm App, open-source contributor and the author of one of the first production applications written in Elm.

Content

Elm: Installation and Building the First Project

The Course Overview
Starting-up with Your First Elm App
Get Familiar with Elm Syntax
Expressing the Model with Primitive Built-in Data Types
Persistent Data Structures for Collections in Elm
Elm’s Type System and Type Inference
Maybe and the Result Data Types
Module System in Elm
Rendering the Model with HTML and CSS
Elm: Installation and Building the first project

Architecting Webapps: The Elm Architecture

Introducing Side Effects with Beginner Program
Tasks for Asynchronous Computations
Executing the Program with Commands
Manage the Initial Application State with Program with Flags
Communication with the Server
Encoding and Decoding JSON
Talking to JavaScript
Architecting Webapps: the Elm Architecture

Explore the Elm Tooling

Development Tools: elm-format, Time Traveling Debugger, and elm-reactor
Package Manager and Open-source Packages
Testing Your Modules
Type Safe CSS with elm-css
Explore The Elm Tooling

Going Further with Elm

Encapsulation and Code Organization
Managing the Messages with Tagger
Rendering Performance Optimizations with Html.Lazy
Going Further with Elm

Screenshots

Web Development with Elm - Screenshot_01Web Development with Elm - Screenshot_02Web Development with Elm - Screenshot_03Web Development with Elm - Screenshot_04

Reviews

Miguel
August 13, 2021
Needs urgent updating. Don't take this if it is not update with current Elm version. Elm moves pretty slow, so it should not be hard to update the course. On the other hand Elm changed significantly from a beginner's perspective, so updating is all the more necessary!!!
Timofey
January 6, 2021
It seems a bit messy: after doing something the author is switching to the next stuff right away and it's hard to follow him. So I got borred. Maybe I just dislike some stuff in Elm like \() and concatenation instead of templates in strings, I miss Elixir syntax for JavaScript...
Chris
October 14, 2018
I couldn't get `toString` to work since my Elm compiler said it was not a defined function. I did get the example to work though by using `String.fromInt` instead. The instructor's accent is also a bit confusing.
Marcus
August 24, 2018
He isn't explaining very well. He jumps around an awful lot. He's not teaching, he's showing you what he knows - there's a big difference. I've requested a refund and will try one of the other courses...
Josh
March 6, 2018
Good, useful information, but he moves way too fast without proper explanations of certain concepts, or clear reasons why he's decided to do things the way he does. Way too often, after making code changes, the segments end too quickly to follow effectively.
Raoul
January 3, 2018
Fast pace but directly to the point with real-world-like examples. I also took the course " Beginner's Guide to Elm Programming. Build Web Apps! ", but this course one prepares you much better for real life programming introducing: - create-elm-app (fully fleshed elm project with tools similar to create-react-app) - more functional approach than the other course - how to do Http request and Json decoding - brief intro to unit testing (!!) - css in elm If you are prepared to do some research (mainly in elm docs) during the course to complement missing material and rewind the videos several times to get the big picture, the course may serve you really well. But do not expect every aspect and feature of elm to be explained in great detail.

Charts

Price

Web Development with Elm - Price chart

Rating

Web Development with Elm - Ratings chart

Enrollment distribution

Web Development with Elm - Distribution chart
1427878
udemy ID
11/10/2017
course created date
3/30/2021
course indexed date
Bot
course submited by