Enter Your Email Address to Watch This Lesson

Your link to unlock this lesson will be sent to this email address.

Unlock this lesson and all 1046 of the free egghead.io lessons, plus get JavaScript content delivered directly to your inbox!



Existing egghead members will not see this. Sign in.

Initialize a project using Glimmer.js

0:37 JavaScript lesson by

GlimmerJS is a UI component library built by the Ember.js team. It is fast and lightweight and uses a combination of TypeScript and Handlebars to build the components.

In this lesson we will use the Ember CLI to initialize a new GlimmerJS project.

We will start by installing Ember CLI globally by running npm install -g ember-cli/ember-cli.

Next we will use the ember command to create our new project by running ember new egghead-glimmer -b @glimmer/blueprint .

When our project is created we cd into the project directory and start the development server. We will view the page in the browser and change the base template.


egghead.io comment guidelines

Avatar
egghead.io

GlimmerJS is a UI component library built by the Ember.js team. It is fast and lightweight and uses a combination of TypeScript and Handlebars to build the components.

In this lesson we will use the Ember CLI to initialize a new GlimmerJS project.

We will start by installing Ember CLI globally by running npm install -g ember-cli/ember-cli.

Next we will use the ember command to create our new project by running ember new egghead-glimmer -b @glimmer/blueprint .

When our project is created we cd into the project directory and start the development server. We will view the page in the browser and change the base template.

We install Ember CLI globally. Next, we use the Ember command to create a new app called Egghead-Glimmer, using the Glimmer blueprints. The base project will be generated, and the dependencies will be installed. We CD into the Egghead-Glimmer directory and start the server.

This will start the development server on local host port 4200. Here, we will be greeted with the message, "Welcome to Glimmer." In order to update this message, we open template.hbs in the source/ui-components/egghead-glimmer directory. When we change the value of the H1 tag, we see it reflects it in the browser.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?