teleren/devto huggingface dataset:
My Success Path till Google DSC Lead 2020 Interview
Published: 2020-06-27 09:18:16

I was never aware about the Google Developer Student Club but as i was a part of MCC Microsoft Campus Club And a Open Source Community OPEN-MINDD. which help all other students to know about the new technologies and events happening.So they shared a DSC lead 2020 form.

I was not having any knowledge about DSC lead so I just searched it on Google and really found it interesting club of students from all over the globe. 
So I just filled the form leaving no field empty and submitted it.

I was really feeling happy. 

But then I didn't got any information regarding my form is it selected or not.
 
But after 2-3 days I got an e-mail , that you are selected for interview round.

I was really excited and happy after that I booked my interview time slot.

I started preparing basic questions for the interview.

The interview was on 19th june
but due to network issues it was cancelled they told me to book interview slot again.
 
So finally on 24th June it was my interview with Mr Pradipta Sharma sir and that was really a nice experience I felt the Zeal of interview that was all how I reached till the DSC interview. 

Now I am just waiting for the results of DSC 2020.

And thank's to the MCC and OPEN-MINDD for showing path's of Success to student's.
This is how Google of the future might look like
Tags: machinelearning, blockchain, distributedsystems, computerscience
Published: 2020-06-27 09:06:56

Google 2.0 will not be a single person or company. It will be an open market for data and management of it. New and existing entrepreneurs or companies have their own space in this. Of cause Google 1.0 can be a part of this. This market can eventually open up more of closed data in the long run, as entities start recognizing the value for any data they have. Individuals will generate and sell data and services as they wish.
Data as a foundation layer

To make this a reality, we need to design the foundation layer. Which asks the question of how the data represented at this layer. It should be,

    uniform across networks (ontology should be the same)
    structured
    both machine and human-readable
    distributed (edge storage and processing)

Numerous efforts are happening in this domain already. IPFS is already setting up a decentralized data storage with incentives to the participants. Underlay is working on a distributed knowledge graph over the IPFS network, BigchainDB is working on the BFT NoSQL database over IPFS, AquilaDB is working on semantic search indexing to be integrated with IPFS and so on.

Originally posted [here. Continue reading](https://medium.com/a-mma/this-is-how-google-2-0-might-look-like-anyone-can-be-part-of-it-without-competition-dda41099f049)..
New Way to Install Catalina or Any Mac on VMware On Windows.
Tags: catalina, mac, installation, windows
Published: 2020-06-27 09:04:24

This video shows a complete new method of installing Catalina or any Mac on VMware on Windows.

For example, this method eliminates the need to add smc.version ="0" in the vmx file before running the Virtual Machine.

No need to change to Windows x64 at any point of installation.

Goodbye to being stuck for hours on the Apple logo and other challenges common with the traditional way of installing a Mac on VMware on Windows.
balalaika IT newsletter #4
Tags: react, node, java, webdev
Published: 2020-06-27 09:00:04

---
title: balalaika IT newsletter #4
published: true
description: Curated IT newsletter. From Russia with love. Issue #4.
tags: #react #node #java #webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7dwkz927sf2ausnqygq3.jpg
canonical_url: https://blog.balalaikait.com/balalaika-it-newsletter-4
---
# Frontend
- [An in-depth guide on building your own 100% reactive renderer from scratch](https://indepth.dev/solidjs-reactivity-to-rendering/).
- [A must-read research on CPU cost of JavaScript](https://calendar.perfplanet.com/2019/javascript-component-level-cpu-costs/).
- [Bootstrap 5 alpha is out!](https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/) This time no jQuery and no IE11.
- [A guided tour](https://www.youtube.com/playlist?list=PLo3w8EB99pqJVPhmYbYdInBvAGarDavh-) of what it is like to work on the SpiderMonkey (JavaScript engine) compiler and improve conformance with ECMA-262, the JavaScript Specification. From Mozilla to people with love.

# Node.js
- Sad to say it, but it looks like [hapi.js project is reaching its end](https://twitter.com/hapijs/status/1275887984114413569?s=19). If you happen to use hapi.js, you should consider switching to another web framework in the nearest future.
- As of v7 npm support both yarn.lock and package-lock.json. [Here is a great read](https://blog.npmjs.org/post/621733939456933888/npm-v7-series-why-keep-package-lockjson) on npm v7 treats them and about the future of npm dependency resolution algorithms.

# Java
- HotSpot JVM has tons of optimizations all over the place. For instance, even the default hashCode() hides some secrets. Learn more about this optimization [here](https://srvaroa.github.io/jvm/java/openjdk/biased-locking/2017/01/30/hashCode.html).
- As an interesting follow-up, you might want to take a look at the j.l.String#hashCode() implementation which caches the hash code in a non-volatile `hash` field. This optimization was described in the Java Concurrency in Practice book [here](http://hg.openjdk.java.net/jdk8/jdk8/jdk/file/687fd7c7986d/src/share/classes/java/lang/String.java#l117) and [here](http://hg.openjdk.java.net/jdk8/jdk8/jdk/file/687fd7c7986d/src/share/classes/java/lang/String.java#l1452). Do not do it at home!
- If you are not familiar with the history behind Generics, which have a controversial reputation in Java community, you should read [this post](http://cr.openjdk.java.net/~briangoetz/valhalla/erasure.html) from Brian Goetz.

# General
- Jepsen team recently did [an analysis of RedisRaft](https://jepsen.io/analyses/redis-raft-1b3fbf6), a new module that provides strict serializability for Redis. As usual, some issues were found. As usual, some promises of fixes were made.
Designing the Android Logo with CSS - #1
Tags: css, tutorial, design, codenewbie
Published: 2020-06-27 08:18:01

In this CSS Illustration tutorial, we're going to take a look at how to create a CSS Android! 🤖

For this first part, we'll be creating the android's face, eyes, and antennas! 

Find the codepen here:
https://codepen.io/coderarchive/pen/BajdKBK

If you'd like to see more of my videos, [head over to Youtube!](https://www.youtube.com/channel/UCWaB4SBBUCvhYb91fz5Vidg) 

For more content, stay tuned! A follow/sub comes a long way to show support 

Follow and connect with me on:
----------------------------------
🐦 Twitter: https://twitter.com/coderarchive
📚 Github: https://github.com/luvuong-le
💼 LinkedIn: https://www.linkedin.com/in/lu-vuongle/
📷 Instagram: https://www.instagram.com/coderarchive/
📝 Dev.to: https://dev.to/coderarchive
Rise of Custom Programing for Companies


Published: 2020-06-26 23:28:18

While custom programming is not a new concept, it is still growing in popularity and necessity in the business world. Many companies have been building intranets and other custom solutions to their need for a long time and when one company does it, it doesn’t usually take long for other to catch on. Once one of them has taken advantage of an opportunity, the rest of the competitors in the industry quickly make the transition to keep up with the now evolving market. There are a few industries coming into this advancement and are moving fast.

Banking
<a href="https://bmabankingsystems.com/services/custom-programming/">Custom programming for banking</a> has quickly become irreplaceable and necessary in the banking industry. Most of the money in America is no longer paper and coins. More than 90% percent of the money in America is now digital currency. Which means that if banking technology is not up to the top of its game, you are running into potential liabilities and dangers. The banking community knows this all too well and are doing everything they can to stay on top of it. 

Product based businesses
Most any product-based business needs to keep careful track of their sku’s and inventory. There are many simple plug and play options now that simplify the situation significantly. Keeping in line which products are going where with each individual tracking number and set of specific instructions for each. This is an area just recently moving out of the dark ages of business. There are several stages, from being advertised, to being bought, fulfilled and shipped correctly. 

Agriculture
This is an area that is getting a 21st century leap into the future as of late. Agriculture has historically been an archaic industry due to the fact that it can still be effective by someone in their yard. They have built many larger scale machines to do the work needed but they have recently begun investing in custom software which can track the needed water while still considering the rainfall in the area. Knowing how quickly the crop is growing exactly. Many agriculture conglomerates are wanting exact tracking so they can eliminate the guess work and working off of a “hunch” or “how it was last year”. Many are looking for very precise data that is generally hard to come by.
Fed up with logging Everything! | AutoLogMe
Tags: webdev, node, react, javascript
Published: 2020-06-27 08:01:06

Recently while I was working on my project and couldn't find the bug, Nothing seemed to be working. So I started with the oldest approach of just *logging everything I can*.

Starting with things like "This function called" and then going on to the variables, step by step I started logging everything.

Soon enough everything in the whole program was logged.😂  
I realised that its too much work just to explicitly mention my function name and then logging variables. And as it became cluttered we had to use logs like "#####FUNCTION CALLED>>>>" and "foo>>> ${foo}".

## Journey

Suppose you only have a function that just does this automatically for you. You only need to pass in some variables and it will show you them in a formatted manner. Moreover you don't even to mention the name of the function and it will automatically log it for you.

I thought of developing something that could just help me log everything faster and clearly than I do.

--- 

# Solution | auto-log-me
I made an npm package to resolve the issue that you can use in your projects to easily do debugging and in general logging.

_*auto-log-me*_
[Check it out](https://www.npmjs.com/package/auto-log-me)

### What it does?

As the name suggests It helps you to debug your js programs by logging the function name with the variables and you can use one of the three given function to also log and Error, Warning or Info along with it.
The best part is everything is colour coded so it won't get cluttered.

#### Installation

`yarn add auto-log-me`
OR
`npm install auto-log-me`

### How to use it?

Import

```javascript
const { autoLog, autoLogE, autoLogI, autoLogW } = require('auto-log');
```

OR
```javascript
import { autoLog, autoLogE, autoLogI, autoLogW } from 'auto-log';
```

Usage | This Example shows many possibilities on how to use this.

```javascript
const CalledInThis = () => {
    const foo = "Value of foo";
    const foosome = {
        value: "This is a object"
    };
 
    autoLogI('Hi');
    autoLogW('Hi');
    autoLog('Hi');
    autoLogE('Hi');
    autoLogI();
    autoLogW();
    autoLog();
    autoLogE();
    autoLogI('', { foo, foosome });
    autoLogW('', { foo, foosome });
    autoLogE('You can even write errors', { foo, foosome });
    autoLog('', { foo, foosome });
}
CalledInThis();
```

*Output*
![Output of the above code](https://dev-to-uploads.s3.amazonaws.com/i/4xm7tldybufp76l8x48r.jpg)
How To Create a Data Pipeline on AWS?
Tags: aws, datapipeline, kinesis, redshift
Published: 2020-06-27 07:50:30

Here you can learn about how to create a Data Pipeline on AWS. We discuss about what are the tools available on AWS to build data pipeline like Glue, kinesis, redshift, EMR, quicksight. Checkout the video link:
https://youtu.be/lRWkGVBb13o
DAY 17: MORE EXCEPTIONS
Tags: beginners, python
Published: 2020-06-27 07:50:17

Yesterday’s challenge was about exceptions and today was a continuation on that topic but on a different aspect; raising an Exception.

Raising an exception is when one forces an exception to occur, it’s identified by the keyword **raise** followed by an exception instance or exception class then add a message to be displayed when the exception occurs. E.g. **raise Exception(‘my message here’)**

**The Task:**
Write a Calculator class with a single method: int **power(int,int)**. The power method takes two integers, **n** and **p**, as parameters and returns the integer result of **n^p**. If either **n** or **p** is negative, then the method must throw an exception with the message: **n and p should be non-negative.**

```python 
class Calculator:
    def power(self,n,p):
        #check if either n or p is negative
        if n < 0 or p < 0:
            #raising the exception if either of the values is negative
            raise Exception('n and p should be non-negative')
        else:
            # returning the value of n to the power of p
            return n ** p


cl1 = Calculator()
T = int(input()) #number of test cases to be input
#looping though every test case
for i in range(T):
    #create two variables as the input is space-separated
    n, p = map(int, input().split())
    try:
        ans = cl1.power(n,p)
        print(ans)
    except Exception as e:
        print(e)


'''
Sample Input

4
3 5
2 4
-1 -2
-1 3
Sample Output

243
16
n and p should be non-negative
n and p should be non-negative
'''
```
Angular 10 Now Available
Tags: javascript, angular, beginners, angular10
Published: 2020-06-27 07:31:45

---
title: Angular 10 Now Available
published: true
description: Angular 10 New features
cover_image: https://miro.medium.com/max/1400/0*udjNtSSP-495QNzL
tags: javascript, angular,beginners, angular10
series: Angular Journey
---

Hey there,

Version 10.0.0 is here! This is a major release that spans the entire platform, including the framework, Angular Material, and the CLI. This release is smaller than typical; it has only been 4 months since we released version 9.0 of Angular.

<h1> How to update to version 10</h1>
Visit <a href="https://update.angular.io">update.angular.io</a> for detailed information and guidance. To have the best update experience,

Update to 10
```cmd
ng update @angular/cli @angular/core
```

In order to update your global angular,
``` cmd
npm i -g @angular/cli
```



<h1>New Date Range Picker</h1>

Angular Material now includes a new date range picker.

![details](https://miro.medium.com/max/820/0*ruU5G-8_hqEp3UBY)

Stakblitz example - <a href="https://stackblitz.com/edit/angular-ugcg4h">Stackblitz</a>

<h1>Warnings about CommonJS imports</h1>
<blockquote>Starting with version 10, we now warn you when your build pulls in one of these bundles. If you’ve started seeing these warnings for your dependencies, let your dependency know that you’d prefer an ECMAScript module (ESM) bundle.</blockquote>

![details](https://miro.medium.com/max/1400/0*udjNtSSP-495QNzL
)


<h1>Optional Stricter Settings</h1>

Version 10 offers a more strict project setup when you create a new workspace with ng new.


<code>ng new --strict</code>

Enabling this flag initializes your new project with a few new settings that improve maintainability, help you catch bugs ahead of time, and allow the CLI to perform advanced optimizations on your app. Specifically, the strict flag does the following:

<ul>
<li>Enables strict mode in TypeScript</li>
<li>Turns template type checking to Strict</li>
<li>Default bundle budgets have been reduced by ~75%</li>
<li>Configures linting rules to prevent declarations of type any</li>
<li>Configures your app as side-effect free to enable more advanced tree-shaking</li>
</ul>




For more lets hear it from the creators
 
Credits : <a href="https://blog.angular.io/version-10-of-angular-now-available-78960babd41">Official Announcement 😄</a>
محبوب‌ترین زبان‌های برنامه نویسی 2020 از نظر استک اورفلو
Tags: programming
Published: 2020-06-27 07:03:36

برای دهمین سال متوالی، استک اور فلو لیست محبوب‌ترین زبان‌های برنامه نویسی را منتشر می‌کند. امسال 65000 برنامه نویس در این نظر سنجی شرکت‌ کرده‌اند و زبان Rust به عنوان محبوب‌ترین زبان برنامه نویسی انتخاب شده است.
 این زبان برنامه نویسی قول تامین ویژگی‌هایی همچون عملکرد، کنترل، ایمنی حافظه، همزمانی بدون مشکل و... را داده است که برای برنامه نویسان، مخصوصا برنامه نویسی سیستمی اهمیت زیادی دارد. از جمله نقاط قوت دیگر این زبان برنامه نویسی می‌توانیم به امکان اضافه کردن ماکروهای مرتب و تمیز اشاره کنیم. تمامی این ویژگی‌ها در کنار فرآیند توسعه باز، باعث شده است که زبان برنامه نویسی Rust در بین برنامه نویسان، حتی آن دسته از برنامه نویسانی که از آن استفاده نمی‌کنند، جایگاه ویژه و ستودنی داشته باشد...

فیسیت : https://faceit.ir/articles/most-lovely-programming-language-2020-by-stack-over-flow/
Looking for teammates: AI4Impact Deep Learning Datathon!!!
Tags: machinelearning, hackathon, deeplearning, codenewbie
Published: 2020-06-27 06:22:40

I'd like to participate in the Ai4impact deep learning datathon and looking for teammates!!! 
https://www.eventbrite.sg/e/ai4impact-deep-learning-datathon-2020-deep-learning-for-finance-tickets-108642721304
"A competition to learn and apply Deep Learning to financial predictions. No programming experience needed."
I am a computer engineering major and currently working on a research project of deep learning and algorithm trading.

The datathon starts at 29 Jun 2020. Join me if you are interested!!!
O que é o código ASCII?
Tags: unicode, ascii, html, typescript
Published: 2020-06-27 05:59:29

Pronunciado ask-ee, ASCII é o acrônimo para o Código Padrão Americano para Intercâmbio de Informações. É um código para representar 128 caracteres em inglês como números, com cada letra atribuída um número de 0 a 127. Por exemplo, o código ASCII para letras maiúsculas M é 77. A maioria dos computadores usa códigos ASCII para representar texto, o que torna possível a transferência de dados de um computador para outro.



Os arquivos de texto armazenados em formato ASCII são às vezes chamados de arquivos ASCII. Os editores de texto e processadores de texto são normalmente capazes de armazenar dados em formato ASCII, embora o formato ASCII nem sempre seja o formato de armazenamento padrão. A maioria dos arquivos de dados, particularmente se eles contêm dados numéricos, não são armazenados em formato ASCII. Os programas executáveis nunca são armazenados em formato ASCII.

O conjunto de caracteres padrão ASCII

O conjunto padrão de caracteres ASCII utiliza apenas 7 bits para cada caractere. Há vários conjuntos maiores de caracteres que utilizam 8 bits, o que lhes dá 128 caracteres adicionais. Os caracteres adicionais são usados para representar caracteres não-ingleses, símbolos gráficos e símbolos matemáticos.

Várias empresas e organizações propuseram extensões para estes 128 caracteres. O sistema operacional DOS usa um superconjunto de ASCII chamado ASCII estendido ou ASCII alto. Um padrão mais universal é o conjunto de caracteres ISO Latin 1, que é usado por muitos sistemas operacionais, assim como navegadores da Web.

Outro conjunto de códigos que é usado em grandes computadores IBM é o EBCDIC.

Tabela ASCII
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/a4xwitgtlkywp6q9d2d3.gif)

Fonte:
https://www.twilio.com/blog/2015/12/ascii-art-via-text.html
https://gdhpress.com.br/tabela-ascii-completa-pdf/
Spring Security using OAuth2 with Angular JS
Tags: angular, tutorial, security, java
Published: 2020-06-27 04:55:54

The blog is originally published on my blog [jsblogs.github.io](https://jsblogs.github.io/spring/2020/06/26/Spring-security-using-OAuth2-with-angular-js)

---

### Sequence diagram of OAuth2 Flow

![OAuth2Flow](https://dev-to-uploads.s3.amazonaws.com/i/nrs1x47690ollzsmebue.png)

### Video Tutorial

{% youtube znwuUgqKo_o %}
Z Index in CSS
Tags: css, beginners, webdev, styling
Published: 2020-06-26 17:07:05

Hey Guys, I am Garvit Motwani. In This article i will tell you about the `z-index` property in CSS.

# What is a Z Index?
The `z-index` property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

The `z-index` property is specified as either the keyword `auto` or an `<integer>`.

**Note**: `z-index` only works on positioned elements (`position:absolute`, `position:relative`, or `position:fixed`).

# What does the values do?

`auto`
The box does not establish a new local stacking context. The stack level of the generated box in the current stacking context is the same as its parent's box.

`<integer>`
This `<integer>` is the stack level of the generated box in the current stacking context. The box also establishes a local stacking context in which its stack level is 0. This means that the z-indexes of descendants are not compared to the z-indexes of elements outside this element.

# Syntax And Values
```
/* Keyword value */
z-index: auto;

/* <integer> values */
z-index: 0;
z-index: 2;
z-index: 300;
z-index: -1; /* Negative values to lower the priority */

/* Global values */
z-index: inherit;
z-index: initial;
z-index: unset;
```

# Example

#### HTML
```
<h1>The z-index Property</h1>

<img src="cat.jpg" width="100" height="140">

<p>Because the image has a z-index of -1, it will be placed behind the heading.</p>
```
#### CSS
```
img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
```

This will look like this:

![z-index result](https://dev-to-uploads.s3.amazonaws.com/i/bddsg2dchpa6rd7p7jf1.png)
#### HTML
```
<div class="dashed-box">Dashed box
  <span class="gold-box">Gold box</span>
  <span class="green-box">Green box</span>
</div>
```

#### CSS
```
.dashed-box { 
  position: relative;
  z-index: 1;
  border: dashed;
  height: 8em;
  margin-bottom: 1em;
  margin-top: 2em;
}
.green-box { 
  position: absolute;
  z-index: 3; /* put .green-box above .green-box and .dashed-box */
  background: green;
  width: 80%;
  left: 60px;
  top: 3em;
}
.blue-box { 
  position: absolute;
  z-index: 2; /* put .blue-box above .dashed-box */
  background: blue;
  width: 20%;
  left: 65%;
  top: -25px;
  height: 7em;
  opacity: 0.9;
}
```
This one will look like this:

![z-index result](https://dev-to-uploads.s3.amazonaws.com/i/4tpe7yla1vdalp9l3fby.png)

Thank You Guys For Reading this article. Hopefully it helped you.
Implementing the Brainfuck compiler back end in C#
Tags: dotnet, csharp, brainfuck, compiler
Published: 2020-06-27 04:25:28

In the previous [article](https://dev.to/tingwei628/implementing-brainfuck-compiler-front-end-in-c-ggl), I've done the Brainfuck compiler front end.
This time I'm going to work on the code generation which is the compiler back end. I read [OpCodes](https://docs.microsoft.com/en-us/dotnet/api/system.reflection.emit.opcodes?view=netcore-3.1) literally for the first time. (Very hard !!), and was appreciated [Brainfuck.NET @nikeee](https://github.com/nikeee/Brainfuck.NET) work on code generation.

Thanks for your reading~

[Code: Compiler back end](https://github.com/tingwei628/bfcs/blob/master/Compiler/bfc.cs#L193)