• Post category:StudyBullet-7
  • Reading time:9 mins read


Learn the language of the future for web development and increase your productivity and fun using Elm, Elm UI and others

What you will learn

Build modern web apps using Elm

Create your own web site with a high quality long term foundation

Fix an old chaotic legacy web app moving to the solid Elm architecture

Learn all about Elm, including visual design, business rules modeling and browser integration using ports

Description

Create great web sites using this new cool language called Elm, join us and learn how to develop professional nice looking web apps for your blog, your company or your next own startup.


Get Instant Notification of New Courses on our Telegram channel.


The class is a hands on with practice videos you can follow at your own pace, the reference code is at GitHub for every step of the class. Optionally you can just jump to the last lecture of each section to get the complete code and advance quicker if you feel like to.

We are going to learn how to:

  • Setup a productive and fast development cycle using Elm Live
  • Create great visual user interfaces using Elm UI
  • Display powerful statistics graphs using Elm Charts
  • Develop solid business logic with The Elm Architecture
  • Use HTTP API remote calls with Elm JSON
  • Debug an Elm web application using the Elm Debugger
  • Design responsive web pages using Elm UI metrics
  • Make our web sites better using Accessibility with Elm
  • Draw animations using SVG and Elm SVG
  • Deploy to production using JAMStack

The teacher has vast experience from real battles developing big systems including HTTP JSON APIs, Thrift APIs, databases, the cloud, mobile and web apps.

Come and join us for learning Elm together, one of the most valuable pieces for developing successful professional web sites today.

English
language

Content

Introduction

Hello Elm
Making changes
Reset
Growing
Events
Text Fields

Installation

Choose your operating system
Install Elm with Ubuntu Linux
Install Elm in Windows
Install Elm in Mac

First steps

Simple page
Embedded page
Package page

Our first Elm project

Happy Birthday setup
Happy Birthday buttons
Happy Birthday live
Happy Birthday input
Happy Birthday improvements
Happy Birthday new changes
Happy Birthday refactor
Happy Birthday better views

Make it beautiful

My dog setup
My dog colors
My dog image
My dog fonts
My doc content
My dog better colors
My dog themes
My dog types
My Dog imports
My Dog semantics

Using JSON

Hello JSON setup
Hello JSON data
Hello JSON request
Hello JSON run

JSON Interactive

Books intro
Books setup
Books visuals
Books searchbar
Books JSON call
Books JSON decoding
Books reporting errors
Books thumbnails
Books links
Books loading
Books let
Books enter key
Books cards
Books wrapped rows
Books focused

More control

Counter setup
Counter button
Counter flags
Counter ports

Painting Charts

Fruits setup
Fruits colors

Better quality

Fuzz setup
Fuzz tests
Fuzz review
Fuzz more

Navigation

Mini blog setup
Mini blog external links
Mini blog internal links
Mini blog naive
Mini blog soft links
Mini blog module pages
Mini blog models
Mini blog updates
Mini blog refactoring
Mini blog commands
Mini blog subscriptions
Mini blogs clicks and links
Mini blog UI
Mini blog router

Responsive

Responsive setup
Responsive detect
Responsive layout

Live

Simple deploy
Better deploy
Possible alternatives

Additional Resources

Additional Resources