teleren/devto huggingface dataset:
What is Google Cloud Platform?
Tags: cloud, webdev, learning, devops
Published: 2019-06-07 21:54:33

---
title: What is Google Cloud Platform?
published: true
description: 
tags: #cloud #webdev #learning #devops 
---

*Well today my Uncle asked me about what is Google Cloud Platform as he is helping his grand-daughter to complete her holiday homework.This article is dedicated to him.*

### First we need to understand what is Cloud?
In technical term **Cloud** is the collection of computers over the internet whose services can be used by user(people) remotely without physically need to be their.

The services that **Cloud** offers are storing and retrieving user data on-demand, maintenance of user data, data security etc.

### Secondly what is cloud computing?
![](https://d1jnx9ba8s6j9r.cloudfront.net/blog/wp-content/uploads/2018/02/Cloud-Computing.png)
*According to Wikipedia Cloud computing is the on-demand availability of computer system resources, especially data storage and computing power, without direct active management by the user(people)*

In laymen term if you want to go to some place and you don't have a vehicle then what you do? Instead of buying new vehicle you prefer to take taxi from UBER or other public transport.Now try to understand the concept i.e 

1. Now their is not only single taxi in this world, their are large number of public transports whose facility user(people) can avail, so we can say **group of taxi is our CLOUD** which provide public transport facility.

2. Secondly their are big giants like UBER at international level and OLA in India that provide taxi facility. From this context we can say that that these are the cloud platforms to which user interact similar to **Google Cloud platform**, **Amazon Cloud**, **Microsoft Azure** etc.

3. Third key point is that to avail taxi facility users(people) don't have to go out of their home to taxi booking department,**user can remotely order taxi using internet** instead of going to some third party person to book taxi. Thus
 * User avail taxi facility on demand.
 * User no need to worry about how UBER or OLA provide taxi service.
 * User has the facility to choose type of service to avail like a.c car or non-a.c car or two wheeler vehicle, similarly in cloud computing user can adjust amount of storage needed, computation power needed.

### Google Cloud Platform
It is the suite of various cloud computing services offered by Google. Means Google has its own dedicated powerful servers(computer) and hardware that provide cloud computing services.
![](https://www.edureka.co/blog/wp-content/uploads/2018/02/GCP_benifits.png)   

**Services provided by Google Cloud Platform**
* Compute
* Storage and Database
* Networking
* Big Data
* Machine Learning 

**Application that uses Google Cloud Platform**
* Google-Drive
* Gmail
* YouTube

*In short Someone else owns a computer.<br>You put stuff on it over the network.When you want to access it, you connect to the network and access someone else's computer.This is all all about cloud computing*
Why you shouldn't wear headphones while working
Tags: productivity, programming, workplace
Published: 2019-06-07 20:50:43

---
title: Why you shouldn't wear headphones while working
published: true
tags: productivity,programming,workplace
canonical_url: http://leruplund.dk/2019/06/07/please-dont-use-headphones-when-working/
---

There are lots of good reasons why you’d want to don headphones and listen to music while coding. They block out noise and help you concentrate. There are also a number of compelling reasons why you should not.

> Disclaimer: Below is based on my own experience and may not be scientifically correct.

Here are three reasons why you should leave those headphones off:

- **Increased sensibility to noise** : If you wear your noise reducing headphones all the time, eventually the noice free environment will be the new normal for you. It will be much harder for you to concentrate without your headphones.
- **Missing out on networking** : At your workplace your colleagues will be talking, sharing knowledge and joking around. If you are wearing headphones you will miss out and you will create an invisible barrier between you and your peers making it harder for them to involve you.
- **Hearing loss** :This is the most important point. I know I sound like your father but using headphones will dramatically increase the risk of hearing loss and tinnitus and neither can be cured. When I started coding for what seems a very long time ago I would put on my headphones to block away noice and concentrate. Sadly, I now have tinnitus. It is not something that bothers me in everyday life but it gets worse when I am tired or stressed out and then it is very annoying. I know that when you are young you think that you are invincible but please be careful.

Putting on headphones may be a great help if you work in an open office and the noise gets overhand. But please, please please, listen to this grumpy old man, and do it as little as possible ![🙃](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f643.png)
Responsive Contact Page with Animated Email Input
Tags: javascript, flexbox, codepen, webdev
Published: 2019-06-07 20:20:07

---
title: Responsive Contact Page with Animated Email Input
published: true
description: 
tags: #Javascript #Flexbox #Codepen #WebDev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/wgjg05i8k0caz3jwx1lu.png
series: Building a Blog
---

I used to wonder how important it was to have individual pages versus a single scroll site. After learning how the DOM worked, I realized that pages are better for search engine indexing. 

A functional contact page usually has:
1. A form where visitors can message you 
2. An email address
3. Your social media handles
4. Your business location (or at least your country)
5. Necessary information including hours of operation 
6. Any other form of contact

This contact page is simple and responsive for mobile. Check out the code below. 

###HTML:
![](https://thepracticaldev.s3.amazonaws.com/i/pvjw12biic7jor0qwgdf.png)

###CSS:

![](https://thepracticaldev.s3.amazonaws.com/i/cysftzksdo7bgzv7nfa3.png)

###Check it out on CodePen:

{% codepen https://codepen.io/njericooper/pen/oRVxrM %}

I love learning and connecting. If you have any tips to share, please comment below or reach out on [Twitter](https://twitter.com/njericooper) 

If you haven't checked out the previous parts of "Building a Blog", check out parts 1, 2, and 3:

{% link https://dev.to/njericooper/flexbox-blog-part-1-the-nav-bar-442l %}

{% link https://dev.to/njericooper/css-flexbox-hero-image-building-a-blog-part-2-2mnl %}

{% link https://dev.to/njericooper/javascript-image-carousel-building-a-blog-part-3-3oa0 %}


{% twitter 1137095145889914886 %}
You Should Learn a New Programming Language
Tags: learning, motivation, discuss
Published: 2019-06-07 19:29:15

I'm comfortable writing C#, PHP and Javascript. Those are the languages I use professionally. While I don't consider myself an expert in any of them, I can at least say that I'm fairly proficient with them. I don't need to deliberately practice my skills at those languages anymore because I know them very well. What I will do from time to time is learn and experiment with new libraries, integrating them into my projets if they solve a problem I have.

Once you master a language, only learning new libraries will not be enough for you to advance your skills further. Sure, some library might come along and challenge the status quo, but generally you will tend to stick with the patterns you're comfortable with. You get your job done just by going through the motions, without thinking much about what you're doing.

That's where you stagnate. The last thing you want to do is fall into complacency.

Past a certain point, if you really want to push your skills further, you need to do something different. No just do "more of the same". Learning a new framework or a language that's very similar to one you already know is just a new way to do the exact same thing. It's easy to learn Java or Python when you already know C# or Javascript. You will feel right at home after a couple weeks.

You want to learn a language that will make you feel dumb at first. You need to be disoriented in order to grow as a developer. This is where you'll push the boundaries of your knowledge into new territories.

My personal suggestion would be Clojure. And that's a story for another article ;)

What would be your suggestion for a programming language that goes off the beaten paths?
Some questions for the frontend developers that love to create cool stuff
Tags: javascript, react, html, css
Published: 2019-06-07 18:21:38

Hey creators,

Me and two of my friends were discussing this idea that might help out the frontend community. So we decided to make a survey, to try and see what does the community think and would they find something like this beneficial.

If you are a creator by heart, love to sit down and generate some cool-looking frontend snippets during the weekends, then this survey is for you!

https://csssnippets.typeform.com/to/UpxTiJ

I would love to hear the opinions from all of you! So, please don't hesitate to express your thoughts in the comments!
#PureCSS - Responsive Gatsby Logo
Tags: codepen, css, purecss
Published: 2019-06-07 18:19:26

---
title: #PureCSS - Responsive Gatsby Logo
published: true
tags: codepen,css,purecss
---

[Visit Gatsby Website](https://www.gatsbyjs.org)

<p>Responsive Gatsby Logo using CSS</p>

{% codepen https://codepen.io/AsyrafHussin/pen/KLOwdz %}
[Video] Augmenting the Internet with Browser Extensions
Tags: cascadiajs2018, videos, javascript
Published: 2019-06-07 18:17:34

---
title: [Video] Augmenting the Internet with Browser Extensions
published: true
description: A browser extension can give you the power to add a whole new user experience to any page on the Internet, but it also introduces some unique problems. In this talk, we’ll discuss some of the challenges my team at Textio faced when we built an extension to augment the writing experience on pages across the web, as well as the solutions we discovered for making our plugin low-profile and extensible.
tags: cascadiajs2018, videos, javascript
cover_image: https://pbs.twimg.com/media/DtM87aIU0AMyD94.jpg:large
---
*As we lead up to [CascadiaJS 2019](https://2019.cascadiajs.com), I'm going to share the 24 amazing talks from 2018 here on dev.to. Sit back and enjoy the show!*

![Shannon Capper](https://2018.cascadiajs.com/speakers/shannon-capper.jpg)

A browser extension can give you the power to add a whole new user experience to any page on the Internet, but it also introduces some unique problems. In this talk, [Shannon Capper](https://github.com/shannonlcapper) will discuss some of the challenges her team at Textio faced when we built an extension to augment the writing experience on pages across the web, as well as the solutions they discovered for making their plugin low-profile and extensible.

https://www.youtube.com/watch?v=OguVJXIbHdU
Android ADB Commands (Part 3) Jobs
Tags: android, mobile, testing
Published: 2019-06-07 17:45:23

---
title: Android ADB Commands (Part 3) Jobs
published: true
description: Better product, easier debugging with adb commands
tags: android, mobile, testing
---

# ADB Commands

Previous posts: 
- [PART I](https://dev.to/neokleoys2005/android-adb-commands-part-1-3219)
- [PART II](https://dev.to/neokleoys2005/android-adb-commands-part-2-1gog)

According to documentation:

> Android Debug Bridge (adb) is a versatile command-line tool that lets you communicate with a device. The adb command facilitates a variety of device actions, such as installing and debugging apps, and it provides access to a Unix shell that you can use to run a variety of commands on a device.

[Link for more info.](https://developer.android.com/studio/command-line/adb)


3) Check a jobscheduler info using the following command:
> adb shell dumpsys jobscheduler

As the output is huge, you should `cmd+F` or `ctrl+f` for your package name. It should look like

```
JOB #u0a93/17: eec3709 com.foo.bar.application/com.evernote.android.job.v21.PlatformJobService
    u0a93 tag=*job*/com.foo.bar.application/com.evernote.android.job.v21.PlatformJobService
    Source: uid=u0a93 user=0 pkg=com.samplejobscheduler.application
    JobInfo:
      Service: com.foo.bar.application/com.evernote.android.job.v21.PlatformJobService
      PERIODIC: interval=+15m0s0ms flex=+5m0s0ms
      PERSISTED
      Requires: charging=false deviceIdle=false
      Network type: 2
      Backoff: policy=1 initial=+30s0ms
      Has early constraint
      Has late constraint
    Required constraints: TIMING_DELAY DEADLINE UNMETERED
    Satisfied constraints: CONNECTIVITY NOT_ROAMING APP_NOT_IDLE DEVICE_NOT_DOZING
    Unsatisfied constraints: TIMING_DELAY DEADLINE UNMETERED
    Earliest run time: 07:23
    Latest run time: 12:23
    Ready: false (job=false pending=false active=false user=true)
```

As you can see, the requirements set when scheduling the job are included in the output as well as the backoff policy, network etc.
The most important info

> Earliest run time: 07:23
> Latest run time: 12:23
> Ready: false (job=false pending=false active=false user=true)


If you are testing on **Android 7.1 and higher**, then you can force-run a scheduled job using the following command. 

> adb shell cmd jobscheduler run -f PACKAGE_NAME JOB_ID

**PACKAGE_NAME** should be the package of your app.
**JOB_ID** is set when scheduling a job



An excellent SO answer on **how-to read** the output and **what tools are available** for job schedulers [check it out](https://stackoverflow.com/a/42133270/3330058)
Weekly Coding Challenge - Week #13 - Accordion
Tags: challenge, html, css, javascript
Published: 2019-06-07 17:18:03

---
title: Weekly Coding Challenge - Week #13 - Accordion
published: true
description: Week #13 of the Weekly Coding Challenge program - Accordion
tags: challenge, html, css, javascript
canonical_url: https://www.florin-pop.com/blog/2019/06/how-to-create-an-accordion/
cover_image: https://www.florin-pop.com/static/b755c736e48f395fb51a6544415bbaa9/ff993/how-to-create-an-accordion.png
series: Weekly Coding Challenge
---

Theme of the week: **Accordion**

### Description

Hide and show content with just a click - this is what an accordion lets us do. 😃

## Useful Resources

Check out my submission for this challenge: [Accordion](https://www.florin-pop.com/blog/2019/06/how-to-create-an-accordion/).

See all the submissions in this [Codepen Collection](https://codepen.io/collection/XOjEPx).

Are you interested in joining the challenge? :smiley: Read [The Complete Guide](https://www.florin-pop.com/blog/2019/03/weekly-coding-challenge/) to find out how. Don't forget to share your creation! :wink:

Happy Coding! :innocent:
Can you help me decipher this riddle?
Tags: dailywriting
Published: 2019-06-07 17:46:25

---
title: Can you help me decipher this riddle?
published: true
tags: daily-writing
canonical_url: https://marcusblankenship.com/can-you-help-me-decipher-nathanials-riddle/
---

A bit of #FridayFun for you, taking a break from the seriousness of life.

My friend Nathanial sent me this today and challenged me to translate this text into comprehensible English.

Would you give me a hand?

```
Toothy purse in respond civil force ending theme honey:

Eye wand Ed two purr son a leery late mice in seer gray ate fullness forty ting statue due.  
Apollo geez forty manure a tempting two Regus. Yuma snot beacon fused bi-folk kissing Arnold 
mean sub in her ax shun. Rad her, folk kiss toothies hounds York hordes arm aching.  
Foreign stance, though Sue our see king two a choir anew motive 
commune okay shun mu stole ways bee reckon eyes zing tea hole, naughty part. Watt tie 
embedding wood bee Benny fish shoal, watt aye emceeing my twirk, is two forgetting Glishand 
soul Lee stud he rush in, be cousin displace, eh Kay eh, the You Essay, watt tie right 
make snow cents. Enclose sing, eye embarking Mad-Eye ah nest lee real lies, butt ace core orating 
uh Mai led her woods till bean ice. One sag hen, graw see us four disdain.

```

Truthfully, I don’t know the answer, but he promised it wasn’t objectionable.

You might send it to your team and see if they enjoy these kinds of things.

In fact, maybe you could make it a “problem solving exercise” for your team to practice.

Let me know if you crack it. He’s laughing at me as we speak. ![🙂](https://s.w.org/images/core/emoji/11.2.0/72x72/1f642.png)

Best,  
Marcus

The post [Can you help me decipher this riddle?](https://marcusblankenship.com/can-you-help-me-decipher-nathanials-riddle/) appeared first on [Marcus Blankenship](https://marcusblankenship.com).
Twitter Is the Afterparty
Tags: meta, career, twitter
Published: 2019-06-07 16:30:30

This was a useful post about helping folks making the most of Twitter for their developer career that you might want to check out:

{% link https://dev.to/ashleemboyer/why-and-how-you-should-use-twitter-for-networking-357m %}

Within the discussion, the topic of Twitter's tendency to be the stage for incendiary debates, great political volatility came up. It was a (thankfully) sensible discussion which involved tips for crafting your experience through muting buzzwords etc.

It is an important topic. Twitter is a window into the world which can be conducive to creating empathy. It can also make us hardened and cynical. It is not necessarily great for our mental health if consumed in large doses.

### **This is a topic I have thought a lot about**

Concerns about Twitter not necessarily being the best place to for us to be spending so much of our time actually hits at the heart of DEV's place in the ecosystem. So here was my comment, which I felt might be interesting to share more broadly.

{% devcomment bhgm %}

These platforms are not neutral vessels for conversation. All the details on how they are crafted, maintained and moderated matter. We, the software industry, wrongly tend to use Twitter as a hammer which makes every industry conversation look like a nail.

For whatever reason, I've felt particularly inspired this week to chat about the ecosystem and where our platform fits in. Related to this conversation is a post I made earlier this week about Medium:

{% link https://dev.to/devteam/medium-was-never-meant-to-be-a-part-of-the-developer-ecosystem-25a0 %}

I am also reminded of this post, which brings some interesting perspective from someone who felt like opting out of Twitter altogether, more from the perspective of personal productivity:

{% link https://dev.to/damcosset/leaving-twitter-and-linkedin-30hb %}

If Twitter is in fact "the afterparty", it seems sensible that some would find benefit in opting out entirely for purposes of their productivity and growth.

These platforms are as addictive as they are useful. Moderating our use is easier said than done. Perhaps the metaphor I laid out will help you craft a more fulfilling digital experience.

Happy coding.
Tired of Guessing What 'this' Is Referring To? 
Tags: javascript, beginners, webdev, tutorial
Published: 2019-06-07 16:29:14

---
title: Tired of Guessing What 'this' Is Referring To? 
published: true
description: What is `this`? How do we determine its value? Why do we need it? 
tags: javascript, beginners, web development, tutorial
---


### What is `this`?

If you are new to JavaScript it is only a matter of time before you run into the concept of the `this` keyword. The `this` keyword is the JavaScript context object in which the current code is executing. When JavaScript code is executing, it is running within a specific execution context. When a browser first loads a script, it is in the global execution context. However, once a function is called a new execution context is formed and pushed onto the call stack. 

At first determining the value of `this` might feel a little like magic and have you throwing `console.log()`'s in your code. However, there are only a few rules that you can go through to figure out what `this` is referring to. The most important thing to first remember is that the value of `this` depends on how a function is called. Looking at where the function is defined will not help you. 

### Rules for determining the value of `this`:

First we look to see if the `new` keyword is used when calling the function. If `new` is used `this` inside the function will refer to the brand new object created when `new` runs `Object.Create()` under the hood. 

Second we see if apply, call, or bind are used when calling the function. `this` inside the function will refer to the object that is passed in as the argument to apply, call, or bind. 

Third, if a function is called as a method, such as obj.method() — `this` will refer to the object that the function is a property of.

Otherwise `this` is the global object. In a browser, it is the `window` object. If in strict mode (`'use strict'`), `this` will be `undefined` instead of the global object.

One thing to note is that ES6 arrow functions ignore all the rules above. They do not have their own `this`, so `this` is determined lexically. This means that JavaScript will look to its surrounding parent scope to determine what `this` is referring to. 

### Why is `this` even important? 
If we think about why we write functions in general we see that functions make it easy to encapsulate and reuse logic. The `this` keyword lets us decide what context we want when we invoke a function. By using `this` we can reuse functions or methods within different contexts or with different objects. 

If you have any questions, comments, or feedback - please let me know. Follow for new weekly posts about JavaScript, React, Python, and Django!
Building Blog with Bocadillo - Project Structure
Tags: python, programming, bocadillo, tutorial
Published: 2019-06-07 16:02:20

**GitHub Repository for this series**: https://github.com/aligoren/bocadillo_blog

----

## Project Structure

We'll do some of the changes in our project. Firstly, we'll create a folder called **blog**. So, this folder will contain our project files.

Using this kind of structure, we can separate our projects. You can use any name for your project folder.

After that, we will move the **app.py** file into that folder.

![](https://thepracticaldev.s3.amazonaws.com/i/mlq8vo8ttl7y51cpjr6u.png)

## ASGI File

We'll create a file called **asgi.py** under the root folder.

It will be like that;

```python
from bocadillo import configure
from blog.app import app

configure(app)
```

## app.py File

We don't need to call configure method again inside this file. Because we called it in the **asgi.py** file. Let's change **blog/app.py** file.

```python
from bocadillo import App

app = App()

@app.route("/")
async def index(req, res):
    res.text = "Hello World!"
```

We just removed configure method. Now we can run our project like that;

```bash
uvicorn asgi:app --reload
```

Now it is more elegant :) I think this is very important because you don't want to put everything in one file. Nobody wants. Everything could be more complex in large projects.


The next thing will be about settings.
What gets you out of bed in the morning?
Tags: discuss, productivity, webdev, career
Published: 2019-06-07 15:54:20

Some days, getting myself out of bed and started with the day is a challenge. Sometimes I'm stressed about work and getting out of bed signals a start to more stress. Some days I didn't sleep enough. Some days I just feel like crap. But I always end up getting out of bed.

Spending time with my dogs and my girlfriend are the two things I can look forward to every day. There's also more transient things, like a new project I'm excited about, or an event that's happening later in the day that I can't wait for. 

On the especially hard days, I just remember all of the potentially great experiences I'm working towards. Even if a single day doesn't stand out or feel extraordinary, it's part of a bigger process that will result in long term happiness.

So my question is, what gets YOU out of bed in the morning?