Materialize Bridge Docs
v1
v1
  • Intro
  • 1. About this application
    • 1.1 Introduction
    • 1.2 Navigation guide
    • 1.3 Components catalog
    • 1.4 Internal Structure
    • 1.5 Installation
    • 1.6 Project status
    • 1.7 Color switcher
  • 2. Installation
    • Webpack, Aurelia-CLI (Webpack)
    • JSPM
    • Aurelia-CLI (require)
    • Fuse-box 2.x
  • 3. App developers tutorial
    • 3.1 Introduction
    • 3.2 Setup
    • 3.3 Select component
    • 3.4 Button component
    • 3.5 Slider component
    • 3.6 Collapsible component
    • 3.7 What you need to know
  • 4. App developers notes
    • 4.1 On bundling
    • 4.2 Using your own SASS with JSPM
  • 5. Contributing (bridge developers notes)
    • Cloning and running the code
    • Creating samples
  • 6. About Aurelia
    • 5.1 Key Features
  • 7. About Materialize
    • 7.1 Integrated with Aurelia
    • 7.2 Why choose Materialize
Powered by GitBook
On this page
  1. 3. App developers tutorial

3.1 Introduction

Previous3. App developers tutorialNext3.2 Setup

Last updated 7 years ago

The collection of articles contained in this App developers tutorials help category presents several short tutorials on using the from Aurelia plugin.

Specifically that means how you will develop the app which "hosts" the few selected controls (select, button, slider and collapsible).

Note: This tutorial uses the skeleton navigation and JSPM for simplicity. The skeleton navigation delivers everything you would need for a starting application. JSPM is used so you don't need to fiddle with webpack configuration.

This same application that you will build from the scratch, also exists in its finished form , provided as a courtesy to allow you to "peek" into some details that might have escaped you.

Starting with one of the most simple components - NavBar, we will show how this component can be added to the well known app and then add several additional components (Select, Button, Slider and Collapsible).

By the end of the tutorial we will have completed the

shown below:

Materialize components
Aurelia-Materialize bridge
here
Aurelia Skeleton Navigation
Materialize app developers tutorial