Elm Programming for Web Development

5.

Building User Interfaces

5.1.

HTML Generation

5.1.1.

HTML Node Creation

5.1.1.1.

Element Functions

5.1.1.2.

Common HTML Elements

5.1.1.3.

Custom Elements

5.1.2.

Text Node Creation

5.1.2.1.

5.1.2.2.

5.1.2.3.

Text Formatting

5.1.3.

Element Composition

5.1.3.1.

Nesting Elements

5.1.3.2.

5.1.3.3.

Conditional Elements

5.2.

Attributes and Properties

5.2.1.

HTML Attributes

5.2.1.1.

Standard Attributes

5.2.1.2.

Data Attributes

5.2.1.3.

Accessibility Attributes

5.2.2.

5.2.2.1.

5.2.2.2.

Dynamic Classes

5.2.2.3.

Conditional Classes

5.2.3.

5.2.3.1.

Style Attribute

5.2.3.2.

Dynamic Styling

5.2.3.3.

Style Calculations

5.2.4.

5.2.4.1.

Property vs Attribute

5.2.4.2.

Form Properties

5.2.4.3.

Element Properties

5.3.

5.3.1.

Event Listeners

5.3.1.1.

5.3.1.2.

5.3.1.3.

5.3.1.4.

Keyboard Events

5.3.1.5.

5.3.2.

5.3.2.1.

Event Data Extraction

5.3.2.2.

Custom Decoders

5.3.2.3.

Event Filtering

5.3.3.

5.3.3.1.

Prevent Default

5.3.3.2.

Stop Propagation

5.3.3.3.

5.4.

5.4.1.

5.4.1.1.

5.4.1.2.

5.4.1.3.

Select Elements

5.4.1.4.

Checkboxes and Radio Buttons

5.4.2.

Form Validation

5.4.2.1.

Client-Side Validation

5.4.2.2.

Validation Messages

5.4.2.3.

Form State Management

5.4.3.

Form Submission

5.4.3.1.

5.4.3.2.

Form Data Collection

5.4.3.3.

Validation Before Submission

5.5.

Styling Approaches

5.5.1.

5.5.1.1.

CSS File Integration

5.5.1.2.

Class-Based Styling

5.5.1.3.

5.5.2.

CSS-in-Elm Libraries

5.5.2.1.

5.5.2.1.1.

Type-Safe Styling

5.5.2.1.2.

5.5.2.1.3.

5.5.2.2.

5.5.2.2.1.

5.5.2.2.2.

Responsive Design

5.5.2.2.3.

Component Styling

Previous

4. The Elm Architecture

Go to top

Next

6. HTTP and Data Management