teleren/devto huggingface dataset:
Application Programming Interface or API
Published: 2020-12-03 11:36:45

You might have come across the acronym API which stands for Application Programming Interface and might have read about it and still if you think that you didn't understand what exactly is an API, then do read this blog. 
# Remainder: It's a beginner's guide to API.


So, before understanding API, let's understand how a conversation between a program and an end user happens. 

So, the conversation between an user and a program may happen either through GUI or CLI. 
Now again you might be thinking what is a GUI or CLI. 

GUI(Graphical User Interface) : You talk to a program via graphics like clicking, scrolling etc.

CLI(Command Line Interface) : You talk to a program via commands like typing some command to create a repository etc. 


Now, let's understand API. 
So, now suppose, if a program wants to talk to another program and wants the other program to do some processing for itself, then they will talk via API i.e Application Programming Interface. 


Let's understand it with an example. 
Let's suppose you have made a weather app in which the app detects your current location and it sends your location to another program(server) which takes your location and based on that location provides the temperature of that location back to your application. 
So, the conversation that happened between your application and the other program (server) took place via an API. 



Thank you for reading my blog and I suppose now API is clear to you.
How To Start Contributing in Open Source with Learningin.tech
Tags: opensource, programming, resources, learning
Published: 2020-12-03 11:31:25

A few months back, I built a resource called [Learningin.tech](http://learningin.tech/) which is a resource of resources to learn new technologies. It has **8+** categories and **100+** resources added to it.

The aim was to build a resource of the best, high quality and free tutorials/guides/links to learn new technologies and make it easier for beginner developers.

While it is a useful resource to start learning a new technology, I believe there exists a lot more guides, tutorials on the web which are yet to be discovered.

So, I made Learningin.tech fully [open source](https://github.com/dwivedithedev/LIT)! 

## What does this mean? 

It means that you can now contribute a resource to it which you believe can help other learners in learning some new technology.

For example, if you know a blog post or a guide which teaches how to build neural networks with amazing explanation, you can contribute it to the Machine Learning category.


**This way you will also be contributing to an open source project!**

If you are a beginner, this can be a great way to start your open source contribution.

## How do you contribute to LearningInTech ?

This is the exciting part. Here is how you can get started. 

* Fork the [github repo](https://github.com/dwivedithedev/LIT). 
* Browse the `data` folder and choose the category in which you want to contribute.
* Add your resource as the following part, AT THE END OF THE DOCUMENT, in JSON format.
```
A: <Name of your resource>
B: <Short one-liner description about the resource>
C: <Link to the resource>
D: <Difficulty level, Beginner, Intermediate or Advanced>
```
* Submit your pull request. That's it! 🥳

Once your PR is merged, I will feature you in the support section.

You can checkout the [github repo here](https://github.com/dwivedithedev/LIT) for more information. 

---

I am grateful for all your contributions. Have an amazing day!
Do you Git Branch in personal projects?
Tags: watercooler, git, branches
Published: 2020-12-03 11:21:22

---
title: Do you Git Branch in personal projects?
published: true
description: 
tags: watercooler, git, branches
cover_image: https://pbs.twimg.com/media/CyfSTxhXEAA91sW.jpg:large
---
Most devs are aware, that Git Branches are awesome for developing new features collaboratively in complex apps. For personal projects, I've seen most devs pushing everything to master, tho.

Is this because devs being lazy and lack proper project organization or do you also think branching in personal projects is unnecessary? 

Even if you work alone, I still see them as useful, especially if you develop new features and have a master branch in production.
Cara Instalasi ReactJS Bahasa Indonesia
Tags: react, javascript, webdev, frontend
Published: 2020-12-03 11:05:24

Cara instalasi React sangat mudah sekali, untuk saat ini terdapat dua cara untuk menginstall React, Cara pertama dan yang paling mudah adalah dengan CDN(Content Delivery Network) dan cara kedua adalah dengan Package Manager, kalian dapat memakai npm atau yarn, jika kalian datang dari bahasa lain seperti PHP, npm/yarn adalah composernya javascript, jika kalian dari python ini adalah pip-nya.

### **Menggunakan CDN**

#### Pertama: Hubungkan React dengan HTML id.

Pertama-tama, buka file HTML kalian, lalu tambahkan kode berikut.

```
<!-- ... diatas ini adlh HTML kalian ... -->

<div id="like_button_container"></div>

<!-- ... dibwh ini adlh HTML kalian ... -->
```

Nantinya, Id dalam div tersebut berfungsi untuk menghubungkan HTML dengan React.

#### Kedua: Tambahkan React Script

Tambahkan kode berikut tepat sebelum body tag kalian. Kenapa sebelum body tag? agar HTML kalian tereksekusi terlebih dahulu, baru script nya. Jangan malah Scriptnya dulu yang dieksekusi.


```
  <!-- ... diatas ini HTML klian ... -->

  <!-- Load React. -->
  <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
  <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>  <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
  <!-- Load our React component. -->
  <script src="like_button.js"></script>
</body>
```

#### Ketiga: Buat Component

Tambahkan file bernama `like_button.js` taruh di folder yang sama dengan HTML kalian. lalu copas code berikut.

```
'use strict';

const e = React.createElement;

class LikeButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }

  render() {
    if (this.state.liked) {
      return 'You liked this.';
    }

    return e(
      'button',
      { onClick: () => this.setState({ liked: true }) },
      'Like'
    );
  }
}


const domContainer = document.querySelector('#like_button_container');
ReactDOM.render(e(LikeButton), domContainer);

```

Kedua baris terakhir akan mencari `<div>` element dan akan menghubungkannya kedalam HTML. 

### **Instalasi Menggunakan Package Manager, NPM/Yarn**

#### Pertama: Install NodeJS, NPM / Yarn

install NodeJS [disini](https://nodejs.org/en/), jika kalian install NodeJS, npm akan terinstall secara otomatis

#### Kedua: Buka CLI(Command Line Interface)

Jika sudah, jalankan perintah berikut,

```
npx create-react-app my-app
cd my-app
npm start
```
Disini, my-app adalah nama folder dari project kalian.
btw, `npx` disini bukan typo ya.. :P
Sekian blog kali ini, terimakasih semoga bermanfaat. :D


*Note: React nggak ngehandle backend logic seperti database CRUD, react cuma nampilin bagian depan halaman(frontend)*
How to marble test RxJS Subjects
Tags: typescript, javascript, angular, rxjs
Published: 2020-12-23 20:28:31

---
title: How to marble test RxJS Subjects
published: true
date: 2020-12-03 11:02:59 UTC
tags: typescript,javascript,angular,rxjs
canonical_url: https://medium.com/@kevinkreuzer/how-to-marble-test-rxjs-subjects-d3acdf205945
---

#### How to bridge the gap between the timing of function calls and Observables

![](https://cdn-images-1.medium.com/max/1024/1*eT9TUDc99ivwu8bO2n6PcA.png)

Asynchronous code is hard! It’s hard to write and to test.

_RxJs_ has changed the way we think about asynchrony. Instead of using _Promises_, we nowadays deal with streams in the form of _Observables_ or _Subjects_. _RxJs_ provides us with many out of the box operators to create, merge, or transform streams.

But we do not only get great tools for runtime code, but we also get amazing tools to test streams.

Marble diagrams are a great way of modeling streams. They are used throughout many tutorials and can now also be used in tests to assert streams.

> In case you never heard of marble testing I recommend you to checkout the following article.

[Marble testing with RxJS testing utils](https://dev.to/kreuzerk/marble-testing-with-rxjs-testing-utils-25f7)

Marble testing is great! Many people use it to test their _Observables_. But what about _Subjects_?

[Find out more...](https://kevinkreuzer.medium.com/how-to-marble-test-rxjs-subjects-d3acdf205945)
How to get Github student developer pack
Tags: github, opensource
Published: 2020-12-03 11:00:43

Do you know, you can potentially save up to $4000 by using github student developer pack, Get you github student developer pack for free.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ds9b8neyd2zw1ug8zweh.png)
[Read the full article here!](https://blog.codewithgauri.tech/blog/github-student-developer-pack/)
Artificial Intelligence(AI) driven Legal System
Tags: ai, programming, python
Published: 2020-12-03 10:45:07

Every time we come across state-of-the-art technologies, there are a lot of questions in our mind as to how that technology will solve daily operational setbacks, or will it even give any innovative way out or not.

Ai today is consuming almost all the industries, making the daily workflow better and results more accurate. The legal system/profession is no exception. With the demand for smarter, quicker and more transparent results, AI is beginning to transform our age-old legal profession workflow processes in so many ways. Ai marrying the Legal system, caters mostly towards augmenting what citizens do, giving them the freedom to take on higher errands; such as advising, negotiating and appearing.

Read more: https://www.terralogic.com/ai-driven-legal-system/
Authorization, Authentication of apps and APIs made easy with Auth0
Tags: security, python, java, javascript
Published: 2020-12-03 10:44:46

## Problem


![security issues.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1606985935591/UqSj0RWM4.png)
In present times, security is the main concern for all of us, and if you're a developer you spend a lot of time making a perfect security system for the apps, and APIs so that every user feels safe to use that application. 
You spend many days just to create a Login and SignUp page for the app. And after that, your work is still not done. 

You need:

1.  Social logins
2. Authentication for iOS and Android will be separate.  
3. API security
4. User management
5. Two Factor Authentication
and some business features.

All this needs to be done by a developer team, and it looks easy but it's not. You will spend more than a month setting up all this for just one app.

So, what if I tell you that we have a better option than this. 

## Solution

**Auth0**

![Auth0 website](https://cdn.hashnode.com/res/hashnode/image/upload/v1606985506020/9x7MShnQb.png)

## What is Auth0?

It's the easiest way to add authentication and authorization services to your apps. 

## Why to use Auth0?

Here are a few things that will help you to decide why should you choose Auth0:

1. If you want to reduce all the work that's mentioned above.
2. Reduce cost, time, and risk.
3. Identity in modern cloud-hybrid apps and APIs are radically more complex, and it's made simple with Auth0.

## What you can do with Auth0?

1. You can connect any application that may be written in Python, Go, JavaScript, or any other programming language, or even frameworks like NodeJS, Angular, VueJS.

2.   You have made an app, and you want to add authorization and authentication without a lot of work, and don't want to spend many days, Auth0 is just the right option. Just use the right plugins and your users will be able to log in and signup easily, and all with social accounts like Facebook, Twitter. 

3. SSO i.e. Single Sign-On is simple to implement. 

4. You can also enable OTP via email or phone number. 

And there are many things that you can do just with Auth0. 

## Supported Technology Stack 

Python, Go, Ruby on Rails, React, VueJS, Angular, ASP .NET, Ionic 3, Java, NodeJS, iOS, Android, Ruby, JavaScript, PHP, etc.

![tech stack.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1606986763848/MGNhRrLQS.png)

That was it for this blog. 

Start using [Auth0](https://auth0.com/).

Connect with me:

[YouTube](https://youtube.com/BashWoman)  
[Twitter](https://twitter.com/SeemaSaharan5)  
[LinkedIn](https://linkedin.com/in/seemasaharan)  
[GitHub](https://github.com/seema1711)
How the web works- The big picture
Tags: webdev, beginners, firstyearincode, firstpost
Published: 2020-12-03 09:39:05

If you are/going to be a web developer ,then you must be aware of how web works or someone who is wondering what happens behind the scenes when you hit the search icon in your browser then I you would say you have landed at the right place.

Here is the simplistic approach on **how web works**

let's see how browser communicates with server and get you what you wnat.

![pic](https://image.slidesharecdn.com/lecture-2-160922145406/95/web-design-how-the-web-works-9-638.jpg?cb=1474556059)
*Browser* :Hey! I want google.com.Do you know where it is?

![hey](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTT0NOnF-CntQBHAb575VWPkBVTI8tOd_gY7w&usqp=CAU)

*Name Server* :Oh yeah,let me check.Here is the ip address of server where the website you are searching is hosted.

Browser then goes to host server.

*Browser* : hey, I know you have this website. Can you give it to me. 

*Host server* :Yeah, you can have this webpage.

1.Your browser is the **client** which requests the domain. This request goes to your ISP via modem.

2.The ISP sends this request to **Domain Name Sytem(DNS)** to fetch the IP address of server.

3.The DNS sends the requested IP address to the web browser.

4.This signal is then transmitted to the hosted server according to ip.

5.The host server then execute the web page in your browser.

**Need of DNS**
The domain name system maps the url names to their respective IP address, which allows web browsers to access sites by using a name, rather than the site's IP address, which is more difficult to remember for humans.

This entire process happen in just under **a second** and accounts for 1 out of billion of internet requests that happens each day.
Reading Documentation
Published: 2020-12-03 09:32:48

There is nothing more painful than reading the documentation of a library or a script and having no idea what is being talked about and the worst part is there is zero tutorial on how the library is to be used. In situations like this, the only option is to go into the library itself, study how the library has been coded, which programming paradigm is used, and how you can call the various functions and use it various parameters, then follow the documentation again or find an alternative.
Laravel one to one relationship with example
Tags: laravel, web, code, programming
Published: 2020-12-23 13:45:12

---
title: Laravel one to one relationship with example
published: true
date: 2020-12-03 09:32:40 UTC
tags: laravel,web,code,programming
canonical_url: https://medium.com/backenders-club/laravel-one-to-one-relationship-with-example-7ab5b5f5bc16
---

[![](https://cdn-images-1.medium.com/max/800/1*DHjJwx8-3H-7ZPd8ZvCReQ.png)](https://medium.com/backenders-club/laravel-one-to-one-relationship-with-example-7ab5b5f5bc16?source=rss-8b0955f01559------2)

“Laravel eloquent one to one relationship with example”: A one-to-one relationship is a very basic, fundamental Laravel eloquent…

[Continue reading on Backend Developers »](https://medium.com/backenders-club/laravel-one-to-one-relationship-with-example-7ab5b5f5bc16?source=rss-8b0955f01559------2)
How I Built my portfolio
Tags: react, javascript, portfolio, design
Published: 2020-12-03 09:25:56

I am a Student who used to code in Angular but since Angular 9 has been released I switched to Reactjs and was so passionate about coding in react. 
Today I present my portfolio which you can check here [walees](https://walees.me).

[![Netlify Status](https://api.netlify.com/api/v1/badges/e7ef3b78-2f55-4007-a32b-59f6e613bf72/deploy-status)]
(https://app.netlify.com/sites/walees/deploys)
![image portfolio](https://i.imgur.com/DU1CwgJ.png "Logo Title Text 1")

1. I used Styled-Components for styling React component systems
2. Implementation of Dark Mode and useLocalStorage Hook so dark mode will be saved in browser
3. React-plx and React-Reveal for some fancy animation
4. Netlify for hosting 

this is my portfolio's repo I am keeping it public [Github](https://github.com/wseai/portfolio) so people can contribute and help me improve it
Excel Formulas to Sum the Values through N months!!
Tags: excelformula, excelformulas
Published: 2020-12-03 09:58:55

---
title: Excel Formulas to Sum the Values through N months!!
published: true
date: 2020-12-03 09:17:01 UTC
tags: ExcelFormula,Excelformulas
canonical_url: https://geekexcel.com/excel-formulas-to-sum-the-values-through-n-months/
---

This page will guide you to **sum a set of monthly data through N number of months in Excel Office 365**. Let’s see them below!! Get an official version of ** MS Excel**  from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

[![Formulas to sum through N months](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Formulas-to-sum-through-N-months.png)](https://geekexcel.com/excel-formulas-to-sum-the-values-through-n-months/formulas-to-sum-through-n-months/#main)<figcaption id="caption-attachment-18579">Formulas to sum through N months</figcaption>
## General Formula:

- To sum the values through month in Excel, use the below formula.

**=[SUM](https://geekexcel.com/sum-function/)([OFFSET](https://geekexcel.com/use-offset-function-in-microsoft-excel-365/)(start,0,0,N,1))**

## Syntax Explanations:

- **SUM** -In Excel, the [**SUM Function**](https://geekexcel.com/sum-function/) adds values in the cells.
- **OFFSET** – This function will help to return a reference to a range constructed in parts which is a starting point, a row, and column offset, and a final height and width in rows and columns. Read more on the [**OFFSET Function**](https://geekexcel.com/use-offset-function-in-microsoft-excel-365/).
- **Start** – It represents the first cell of the input value.
- **Comma symbol (,)** – It is a separator which helps to separate a list of values.
- **Parenthesis ()** – The main purpose of this symbol is to group the elements.
- **Criteria (N) **– It is the criteria that help to sum the values.

## Example:

- Let’s consider the below image to sum the values through N months.
- In the below image, we will give the input values in **Column B** , **Column C** , and **Column D**.
- Then, enter the given formula in the selected area.
- Finally, we will get the result as per the below image.

![Example](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Example-15.png)<figcaption id="caption-attachment-18580">Example</figcaption>

## Verdict:

In this article, we explained the simple **formula used to sum the values through N months in Excel Office 365**. Hope that this article is useful to you. If you have any **suggestions,** feel free to share it with us. Thank you so much for Reading!! Keep learning on **[Geek Excel](https://geekexcel.com/)!! **and [**Excel Formulas**](https://geekexcel.com/excel-formula/) **!!**

### Related Articles:

- **[Formulas to Sum Bold Values or Numbers Only ~ Simple Method!!](https://geekexcel.com/formulas-to-sum-bold-values-or-numbers-only-simple-method/)**
- **[Excel Formulas to Sum the values in the cells that contain Specific Text!!](https://geekexcel.com/excel-formulas-to-sum-the-values-in-the-cells-that-contain-specific-text/)**
Test Banks Online
Published: 2020-12-03 09:09:36

If you are looking for test banks online, the best place for Testbank Downloads would be TestBanksOnline. Do not wait to buy <a href="https://testbanksonline.com/tbsm/test-bank-for-revel-for-rockin-out-popular-music-in-the-u-s-a-updated-6th-edition/">Test Bank For Revel For Rockin Out Popular Music In The U S A Updated 6th Edition</a> online anymore. Get Test Banks Download and improve your grades. TestBanksOnline is the best website to Buy Test Banks Online. Great study materials like <a href="https://testbanksonline.com/tbsm/test-bank-for-united-states-health-care-system-combining-business-health-and-delivery-the-3rd-edition/">Test Bank For United States Health Care System Combining Business Health And Delivery The 3rd Edition</a> are available with instant download and best discounts. Search 4000+ test banks and solution manuals online.
The backend of the spreadsheet Luckysheet is also open source! Support online collaboration, one-click docker private deployment
Tags: javascript, opensource, java, excel
Published: 2020-12-03 08:55:44

## Background
Hello everyone, I am the author of the open source spreadsheet Luckysheet. Luckysheet's github repository has won 6K+ star in 5 months, and won the gitee GVP project.Luckysheet has been used by 30+ top companies such as Tencent, JD, Huawei, UFIDA, and WeBank, and community services 600+ developers.

With the positive feedback from the community, we have absorbed good ideas and suggestions, and made improvements in modularization, engineering, perfect documentation, API enhancement, and custom configuration. Thank you very much for your attention.

This is the previous article：https://dev.to/mengshukeji/open-source-online-spreadsheet-luckysheet-21ca

## Recently updated
There are two key points in this update

One is to solve the problem of formula performance. Formula analysis is one of the core functions of Luckysheet. The original formula chain has a performance bottleneck when parsing formulas across worksheets in the old version. This modification reconstructs the formula chain, and the rendering efficiency and formula execution efficiency are greatly improved.

The second is that we open source the Luckysheet backend for collaborative editing. Has the following characteristics:

1. After the user operates, the data is distributed quickly
2. Simple configuration, one-click Docker deployment
3. Support secondary development
4. Apache-2.0 License

Demo - http://luckysheet.lashuju.com/demo/

## Plan
The primary goal is to give priority to solving the bugs and needs raised by the community, and then will improve the Excel import and export, printing, tree menu and other enhanced functions, pay close attention to the official update.

We also have many shortcomings. We welcome your criticism and feedback, help us improve, and hope to bring you a better development experience.

## Links:
Luckysheet - https://github.com/mengshukeji/Luckysheet  （Ask for a star😊）
LuckysheetServer - https://github.com/mengshukeji/LuckysheetServer
Welcome to communicate if you have any questions :)