Elm Web Development

Explore why ELM is a great alternative to using pure JavaScript and other JS-based solutions by building complete apps and websites.

Key Features

• Develop your own scalable and modular web applications with Elm to make web development less messy compared to your JavaScript apps
• Create personal portfolio website, a weather application, and a unit conversion website, and integrate your Elm apps with Rails 5
• Boost the performance of your application with no runtime exceptions and JavaScript interoperability

Book Description

Web development with JavaScript usually involves dealing with performance and maintenance issues. JavaScript fatigue makes it difficult for many developers to keep up with the increasing complexity posed by the multitude of JavaScript frameworks with changing versions, and the need to use different tools such as task runners, module bundlers, compilers, testing suites, linting and debuggers. Elm is an easy-to-learn, functional programming language that simplifies web development by eliminating the complexity associated with using JavaScript for web development. Elm is a statically typed language and thus makes a front end web developer's life easier by preventing run-time errors.

You will begin by seeing the bigger picture of where Elm fits into the web development world and learning the basics of Elm programming. Firstly, you will get a taste for web development with Elm by developing a simple fizz-buzz app. Next you will get hands-on with advanced Elm concepts as you develop your own personal blogging website, a unit conversion app and a weather app with Elm. Finally, you will also learn how to integrate Elm with a Rails 5 app with the help of Webpack. By the end of the book you will have learned Elm programming, and its applications, and will appreciate how Elm simplifies web development for you.

What you will learn

• Programming with the Elm language, its syntax and core concepts
• Using Elm for front end web development projects
• Developing complete websites with Elm
• Decoding JSON into Elm
• Integrating Elm with the standard front end web development technologies
• Integrating Elm with back-end frameworks
• Testing your applications in Elm

Who this book is for

This book is for frontend web developers who want to learn a simpler way of developing their applications. A knowledge of the basics of CSS and Bootstrap is required.

Table of Contents

1. Why this is a great time to learn Elm?
2. Developing your first program with Elm
3. Creating your personal portfolio with Elm
4. Preparing a Unit Conversion Website in Elm
5. Completing a Unit Conversion Website in Elm
6. Exploring Elm in greater detail
7. Laying the Foundations of a Weather App in Elm
8. Adding More Features to the Weather App
9. Testing in Elm
10. Implementing User Authentication in Elm