Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Web Development with Elm
Rating: 3.4 out of 5(28 ratings)
204 students

Web Development with Elm

Learn Elm and excel in functional programming
Created byPackt Publishing
Last updated 11/2017
English

What you'll 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

Course content

4 sections • 23 lectures • 2h 53m total length

  • The Course Overview3:35

    This video provides an overview of the entire course.

  • Starting-up with Your First Elm App4:06

    We need some tooling to start working with Elm. For that, we are going to use Create Elm App, which enables us to create and run the project in the development mode.

  • Get Familiar with Elm Syntax7:22

    To start working on the implementation, we need to learn the basics of Elm syntax. We need to know how to define values and functions, learn how we can use infix operators and lambda functions in Elm. Also, we are going to learn the Partial application. 

  • Expressing the Model with Primitive Built-in Data Types5:11

    To start expressing the data in our application, we need to know how to work with primitive data types for storing grouped pieces of data. Tuples and Records are enabling us to do precisely that, so we will learn how to work with both.

  • Persistent Data Structures for Collections in Elm10:55

    Persistent or immutable data structures for storing collections of data of the same type are essential for implementing real-world applications. We need to get the understanding of existing data structures in Elm to be able to utilize them efficiently.

  • Elm’s Type System and Type Inference10:58

    We need to understand how to read and define type definition annotations in Elm to be able to work productively with language's type system. We need to look into type aliases and union types.

  • Maybe and the Result Data Types6:47

    Functional languages have their own ways for representing the absence of data. We need to know how to work with maybe and result types to understand, how we could represent the results of computations, which might fail or yield no data at all.

  • Module System in Elm7:10

    In this video, we will use external packages and create our own modules for better code organization.

  • Rendering the Model with HTML and CSS12:06

    We want to be able to render our application in the browser using HTML language. Html package exists precisely for this use-case.

  • Elm: Installation and Building the first project

Requirements

  • Some prior knowledge of working with functional JavaScript will be helpful.

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.

Who this course is for:

  • The ideal target audience for this video is web developers who are interested in better ways of building web applications using a functional language.

Report abuse