Google Expands Its Vulnerability Reward Program To Include Bug Reports On Methods Hackers Can Use To Bypass Google’s Anti-Fraud And Spam Systems

Two years ago, Google officially expanded the scope of its VRP (Vulnerability Reward Program) to include the identification of product abuse risks. The company has identified over 750 product abuse risks which were previously unknown, preventing abuse in the company’s products and protecting...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

Salomon Ligthelm

Portfolio for Salomon Ligthelm, Director based in New York City.
by via Awwwards - Sites of the day

The Android Version Of Gmail Is Picking Up A Shortcut For Adding Recipients Directly From An Email’s Body

Last month, Google announced that it is adding a dedicated tab for Google Meet in Gmail for iOS as well as Android. Moreover, the ability to quickly make and take calls inside the Gmail app was also added. The dedicated tab for Google Meet in Gmail is now fully available. However, if a user does...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

Google Photos on iOS Just Became Great for Editing Videos

The Google/Apple rivalry has become legendary in the world of tech, and this has made it so that certain things that Google creates come to Apple products quite late and the same is true when you flip the two. With all of that having been said and out of the way, it is important to note that...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World

Where Do The Social Media Companies Stand In 2020 (infographic)

If we look at the overall impact of social media today then it has practically become an integral part of all aspects of life. There are no nearly 4 billion social media users and these numbers now represent almost 60% of the entire global population. In fact, when that alone is not surprising, it...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Daniyal Malik via Digital Information World

Building a Shopping List App with the Vue Composition API

This article will show how the Vue Composition API is a great way to make your code more readable and maintainable. With the composition API introduced in Vue 3, handling of methods and component state is made more accessible.

The Composition API is a new and optional way of creating and organizing components in a Vue 3 application. It allows reactive component logic to be defined more intuitively by allowing all the code for a specific feature (search, for example) to be grouped. Using the Vue Composition API will make your application more scalable and reusable between several components.

In this article, we’ll build a simple shopping List app with the Vue Composition API.

You can check out a live demo of the app we’re building.

Prerequisites

For this tutorial, you’ll need:

• a basic understanding of HTML, CSS, JavaScript, and Vue
• a text editor
• a web browser
• Node.js
• Vue CLI

Setting Up the Vue Application

Now let’s start by installing Vue Cli:

npm install -g vue-cli

This command will install Vue globally.

We’ll use the Vue CLI to build a simple application. To do that, open up your terminal and type the following:

vue create vueshoppinglist

After installation, move into the folder using the cd vueshoppinglist and run npm run serve.

This starts a development server that allows you to view your app on localhost:8080.

It’s now time to set up a nice Vue project.

The Vue Composition API

To Install the Composition API from the root of your project, run the following:

npm install --save @vue/composition-api

After successfully installing, we’ll import it into our project.

Modify src/main.vue to register the Composition API globally in our application, so that we can use it in all our application components:

import Vue from 'vue'
import App from './App.vue'
import VueCompositionApi from '@vue/composition-api'
Vue.config.productionTip = false
Vue.use(VueCompositionApi)
new Vue({
  render: h => h(App),
}).$mount('#app')

Building Out the User Interface

We’ll need a component that will house the UI of our app. Create a new ShoppingList.vue component in the src/components/ directory and paste the following into the file:

<template>
  <section>
    <div class="form-container">
      <h2>Add Item</h2>
      <form>
        <div>
          <label>Product name</label>
          <br />
          <input type="text" />
        </div>
        <div>
          <button type="submit" class="submit">Add Item</button>
        </div>
      </form>
    </div>
    <div class="list-container">
      <ul>
        <li>
          Shopping List app
          <span style="float:right;padding-right:10px;">
            <button>X</button>
          </span>
        </li>
      </ul>
    </div>
  </section>
</template>
<script>
export default {};
</script>
<style scoped>
input {
  width: 20%;
  height: 30px;
  border: 2px solid green;
}
.submit {
  margin: 10px;
  padding: 10px;
  border-radius: 0px;
  border: 0px;
  background: green;
  color: white;
}
ul li {
  list-style: none;
  border: 2px solid green;
  width: 30%;
  margin-top: 10px;
}
</style>

The code snippet above is the initial boilerplate of our UI. We’ll now import our new component ShoppingList.vue to App.vue as shown below:

<template>
  <div id="app">
    <img alt="Shoppingd List" src="./assets/shopping.png">
    <shopping-list msg="Welcome to Your Vue.js App"/>
  </div>
</template>
<script>
import ShoppingList from './components/ShoppingList.vue'
export default {
  name: 'App',
  components: {
    ShoppingList
  }
}
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

Continue reading Building a Shopping List App with the Vue Composition API on SitePoint.

by Deven Rathore via SitePoint

Elon Musk has become the third-richest person in the world after a Tesla stock split sent his shares surging up to 12 percent

The coronavirus pandemic has unexpectedly become a blessing in disguise for Elon Musk, the CEO of Tesla and SpaceX. According to the Bloomberg Billionaires Index, he has now become the third-richest man in the world. Amidst the pandemic, he saw a wealth gain of $87.8 billion, and recently, a stock...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World