Getting Familiar with Aurelia JS Next Gen framework
Posted By : Saloni Arora | 30-Apr-2019
Introduction: A "Next Gen" framework which is providing the most advanced features in the web and mobile development. This is the toolbox of all the open source modern javascript modules. It is gaining a lot of recognition since it is introduced. It is the only framework which helps the developers to develop with plain, vanilla typescript and javascript.
Pre-Requisite: One should have a basic knowledge of JS.
Features:
Flexibility and language support: It supports many languages and the API's developed using Aurelia can be consumed today and tomorrow. It is highly flexible.
Module framework: It is based upon smaller modules which are used to develop a complete framework else its modules can be used to develope custom solutions by using some smaller modules.
Extensible HTML: Its extensible compiler helps to create custom tags. The data can be dynamically rendered.
Installation:
1)Download the aurelia package from its official site.
https://aurelia.io/docs/tutorials/creating-a-todo-app#setup
2 )Install the web server
npm install http-server -g
3)Run the web server
http-server -o -c-1
Folder Structure:
1) package.json: it tells about what packages are installed.
2) Index.html: This file helps to load the scripts and styles.
3) Config.js: It is the configuration file of the Aurelia js.
4) Styles is the basic file for styling.
5) src folder keeps all the js and HTML files.
Implementation: It allows us to use javascript as the class definition file.
app.js
export class App {
message = 'my Aurelia Blogggg!';
}
The message property will be bind with the HTML template using ${message}syntax. this represents the one-way binding
app.html
<template>
<h1>${message}</h1>
</template>
To start this we can run the server command.
HTTP-server -o -c-1
The Application will be rendered on the screen.
Reference: https://aurelia.io/home
Thanks!
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Saloni Arora
Saloni Arora is a very positive person she always likes to take things positively. she has a desire of being a talented Front end developer . and she is seeking to grab more opportunities in future