2rohityadav

<template>
  <section>
    <h1>Dashboard</h1>
    <h1 v-if="!user">Getting user information...</h1>
    <h1 v-if="user">Hello, {{user.username}}!! 👋</h1>
    <button @click="logout()" class="btn btn-primary">Logout</button>
    <br />
    <br />
    <button @click="showForm = !showForm" class="btn btn-info">Toggle Form</button>
    <form v-if="showForm" @submit.prevent="addNote()">

2rohityadav

<template>
  <div class="dashboard jumbotron">
    <h1>Dashboard !</h1>
    <h5 v-if="!user">Getting info...</h5>
    <p class="username" v-if="user">Hello {{user.username}} 👋 </p>
    <button @click="logout()" type="submit" class="btn btn-primary">Logout</button>

    <!-- Notes component <begin> -->
    <Notes />
    <!-- Notes component </end> -->

2rohityadav

<template>
  <div>
    <button @click="showForm = !showForm" class="btn btn-success">Toggle Form</button>
    <form v-if="showForm" @submit.prevent="addNote()">
      <fieldset>
        <div class="form-group">
          <label for="text">Title</label>
          <input
            type="text"
            class="form-control"

2rohityadav

Adding an existing project to GitHub using the command line

Simple steps to add existing project to Github.

1. Create a new repository on GitHub.

In Terminal, change the current working directory to your local project.

2. Initialize the local directory as a Git repository.

git init

2rohityadav

SONAR Configuration - Angular

1) Install sonarqube-scanner -

npm install sonarqube-scanner --save-dev

2) Need to install few npm packages as a devDependencies

"devDependencies": {

2rohityadav

How to export your VS Code extensions from terminal

Note: Unix-like systems only.

1. Export your extensions to a shell file:

code --list-extensions | sed -e 's/^/code --install-extension /' > my_vscode_extensions.sh

2rohityadav

/*
  Based on:
  1. http://stephen.io/mediaqueries
  2. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/

/* iPhone X in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)

2rohityadav

Participants should have a recent version of Node.js installed on their system (preferably the latest LTS version, which is 6.9.1 as of this writing—but anything from 0.10 on should work). Participants should clone the following repositories and run npm install in each of them prior to the start of the workshop.

• Bookmarker
• Fire Sale
• Clipmaster 9000

Optional: It might be helpful to install Electron globally so that you can use it from the command line in case there are any issues with any of the dependencies in the project above. You can install this through npm install -g electron.

Finally, debugging the main process is easiest using Visual Studio Code, which is available for all platforms (Windows, Linux, and macOS). This is not a hard requirement, but helpful if you'd like to follow along for that small segment of the workshop.

2rohityadav

Frontend Masters: Electron (Version 2)

You'll need a recent version of Node.js installed on your computer with administrative access. Yarn is not required, but Electron Forge uses it, so it would be helpful to install beforehand.

Please make sure you're using a supported platform. This is particularly important if you're running Linux.

Important note: If you're using Windows, make sure you're not using the Windows Subsystem for Linux. This will confuse Electron to thinking you're running on a Linux machine when you're really not.

We'll be using working through the following repositories over the course of the workshop:

2rohityadav

check data types in javascript

Table of Contents

String
Number
Array
Function
Object
Null & undefined