Vue : Add HTML on Javascript to Use On HTML

Add HTML on Javascript to Use On HTML by calling id : el this is call as v-html
this is very usefull to add cross border html component.

add to .js

new Vue({
el: '#app',
  data: {
  HTMLcontent: null,
  },
  created() {
  this.HTMLcontent = `
    <div>I'm section one</div>
    <div>I'm section two</div>
`;
  },
});

Remember we are using ` ( key above tab ) not  '   by using this (`) key allow you to place raw html on javascript as shown above.

call on .html 

<div id="app">
  <span v-html="HTMLcontent"></span>
</div>

Phone Gap Link

https://build.phonegap.com/apps#

Make Localhost website publish using IP

You might need this setup

1. wamp/xampp (easy to set on port 80)
2. open cmd on your windows type ipconfig
3. copy your ip address
4. inbound your port 80 on firewall
5. using ngrok.com free account (optional)

Angular From scratch

npm install -g @angular/cli

ng new AddAppName

cd AddAppName
ng serve --open

Locate and open AddAppName using code editor such as Visual Studio and open src/app/app.component.ts

export class AppComponent {
  title = 'My First Angular App!';
}

Between { } after  title = 'My First Angular App!'; you can add new 'key' and 'value' example such as

export class AppComponent {
title = 'My First Angular App!';
credit = 'my name is muhaza';
}

ADD MATERIAL DESIGN COMPONENT 

To start adding material design must install the material design npm first

npm install --save @angular/material @angular/cdk

Locate and open AddAppName using code editor such as Visual Studio and open src/app/app.module.ts

and now we can start adding component on design

https://material.angular.io/components

VUE JS

1.  Install vue

npm install -g @vue/cli

2. Create Project

vue create vue-proj

3. This will provide you with the following prompt:

To keep things simple, we'll leave it at the default option and hit enter.

• babel is a JavaScript compiler.
• eslint is a JavaScript linter. Linting flags coding errors, bugs, etc..