Embark on a comprehensive journey into the world of functional programming with this gentle introduction to the Elm programming language. Explore the fundamentals of Elm, from basic syntax and semantics to advanced concepts like the Elm Architecture. Learn how to build robust front-end web applications, handle HTTP requests, create single-page apps, and seamlessly interact with JavaScript. Discover the benefits of Elm's immutability, pure functions, and strong type system while mastering essential tools like the Elm compiler, runtime, and development environment. Through hands-on examples and practical exercises, gain the skills to solve complex problems with simple functions, implement effective testing strategies, and organize your code efficiently. By the end of this course, you'll be well-equipped to leverage Elm's powerful features for creating reliable and maintainable web applications.
Overview
Syllabus
Introduction
Get your feet wet with Elm
- 01 Introduction
- Why Elm?
- Who This Book is For
- Conventions Used in This Book
- Acknowledgements
- About the Author
- 02 Getting Started
- Installation
- Building a Simple Web Page
- Elm Platform
- Elm Programming Language
- Elm Compiler
- Elm Architecture
- Elm Runtime
- elm make
- elm install
- elm reactor
- elm repl
- Ellie
- Conclusion
- 03 Elm Language Basics
- Simple Arithmetic
- Boolean
- Comparison
- Comments
- Expression
- Value
- Constant
- If Expression
- Function
- Let Expression
- Case Expression
- Indentation
- String
- Regular Expression
- List
- Array
- Tuple
- Record
- Conclusion
- 04 Benefits of Using Elm
- Immutability
- Pure Functions
- Solving Complex Problems with Simple Functions
- Easy to Test
- Type System
- Easier Code Organization
- Fuzz Testing
- Pattern Matching
- Conclusion
- 05 Elm Architecture
- Model View Update - Part 1
- Virtual DOM
- Model View Update - Part 2
- Side Effects
- Commands
- Conclusion
- 06 HTTP Requests
- Fetching Data Using GET
- Decoding JSON - Part 1
- Decoding JSON - Part 2
- RemoteData
- Retrieving Data on Initialization
- Conclusion
- 07 Single-Page Apps
- What is a Single-Page App?
- Restructuring Code
- Creating Post Module
- Creating List Posts Page
- Navigating to List Posts Page
- Editing a Post
- Deleting a Post
- Creating a New Post
- Conclusion
- 08 Interact with JavaScript
- Sending Data to JavaScript
- Subscriptions
- Receiving Data from JavaScript
- Protecting Boundaries between Elm and JavaScript
- Saving App State in Local Storage
- Retrieving App State from Local Storage
- Interacting with Web Components
- Conclusion
- Where To Go From Here?
