teleren/devto huggingface dataset:
30+ Best Resources , Blog Posts and Articles for Javascript Developer
Tags: javascript
Published: 2021-05-23 14:13:47

The way modern javascript is spreeding across the developer is weird. Now a days small freelancing project to large enterprise application are building on top of javascript.

In this blog post I will share you the best resource you can use during your development and learning 



### Blog Post & Articles

[Freecodecamp](https://www.freecodecamp.org/)

[DEV community](https://dev.to/)


[LogRocket](https://blog.logrocket.com/)

[CSS Tricks](https://css-tricks.com/)

[Wango](https://wanago.io/)

[Echo Js](https://echojs.com/)

[Front-End-Front](https://frontendfront.com/)

[Best of Js](https://bestofjs.org/)

[Daily Js](https://medium.com/dailyjs)

[A list apart](https://alistapart.com/articles/)


[Codrops](https://tympanus.net/codrops/)


[SitePoint Blog](https://www.sitepoint.com/blog/)

[Frontend Aligator](https://alligator.io/)

[Overrected](https://overreacted.io/)

[Kent C Dodds](https://kentcdodds.com/blog/)

[Javascript Weekly](https://javascriptweekly.com/)


[Smashing Magazine](https://www.smashingmagazine.com/)


[Compress resize and manage Image](https://zocada.com/compress-resize-images-javascript-browser/)

[Vue best Practices](https://www.innofied.com/top-10-vus-js-best-practices/)

[Codemoto](https://codemoto.io/)

[Fullstack React Project](https://b-ok.asia/book/3602190/70ebd7?regionChanged=&redirect=5081533)


[Live code stream](https://livecodestream.dev/)


[Atta-ur-rehman-shah](https://attacomsian.com/)

[Dzone](https://dzone.com/)

[David Walsh](https://davidwalsh.name/)


[Code walls](https://www.codewall.co.uk/category/nodejs/)


[Pusher blog](https://blog.pusher.com/)

[webrtc and node](https://www.google.com/amp/s/acidtango.com/thelemoncrunch/how-to-implement-a-video-conference-with-webrtc-and-node/amp/)

[Node streams](https://nodesource.com/blog/understanding-streams-in-nodejs/)


[Graphql apollo server](https://www.robinwieruch.de/graphql-apollo-server-tutorial)


[es6,es7,es8 and next](https://www.cronj.com/blog/javascript-es7-es8-new-features/)

[Stack Abuse](https://stackabuse.com/)

[Prisma blog](https://www.prisma.io/blog/)
Day 90
Tags: 100daysofcode, programming
Published: 2021-05-23 18:11:23

Day 90/100 of #100DaysOfCode

- Solved six problems on Codewars.

1 -> [Dashatize it](https://www.codewars.com/kata/58223370aef9fc03fd000071) (6 kyu) || [MySolution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/6%20kyu/DashatizeIt.js)
2 -> [The Vowel Code](https://www.codewars.com/kata/53697be005f803751e0015aa) (6 kyu)  || [MySolution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/6%20kyu/TheVowelCode.js)
3 -> [A Strange Trip to the Market](https://www.codewars.com/kata/55ccdf1512938ce3ac000056) (8 kyu) || [MySolution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/8%20kyu/AStrangeTripToTheMarket.js)
4 -> [Regex count lowercase letters](https://www.codewars.com/kata/56a946cd7bd95ccab2000055) (8 kyu) || [MySolution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/8%20kyu/RegexCountLowercaseLetters.js)
5 -> [Simple validation of a username with regex](https://www.codewars.com/kata/56a3f08aa9a6cc9b75000023) (8 kyu)  || [MySolution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/8%20kyu/SimpleValidationOfAUsernameWithRegex.js)
6 -> [validate code with simple regex](https://www.codewars.com/kata/56a25ba95df27b7743000016) (8 kyu)  || [MySolution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/8%20kyu/validateCodeWithSimpleRegex.js)




[Become Code Warriors](www.codewars.com/r/YECsUA)
che abbiamo tagliato la nostra torta nuziale
Tags: abiti
Published: 2021-05-24 02:57:01


Adoro le immagini che Lisa ha scattato di noi mentre entravamo nel ricevimento sullo sfondo delle luci Rosoni (luci tipiche delle feste in stile italiano). Mostra solo la nostra gioia ed eccitazione, circondati da tutti i nostri amici di famiglia che cantano, ballano e si divertono! Questa foto riassume tutta l'emozione e l'esperienza della nostra cena di ricevimento.

L'intrattenimento era così vivace ed energico, siamo rimasti così scioccati nel vedere tutti uscire dai loro posti con i loro tamburelli abiti da cerimonia estate 2021, cantando e ballando. Abbiamo anche chiesto alla nonna di Luca di alzarsi e unirsi al divertimento che è stato fantastico da vedere!
​http://www.gillne.it

Un'altra sorpresa per i nostri ospiti sono stati i fuochi d'artificio! Abbiamo chiesto a tutti di salire sui gradini della Masseria Spina per guardare i fuochi d'artificio mentre tagliavamo la nostra torta nuziale! Il nostro sassofonista ha quindi iniziato a suonare e ha attirato tutti nell'area da ballo dove abbiamo continuato a ballare all'afterparty.
NetSuite Integration
Tags: clouderp
Published: 2021-05-24 08:46:41

Netsuite integration helps third-party applications to communicate with NetSuite, while making sure all security is taken care of. Its features include a rich RESTful API, HTTP and HTTPS connectivity, and SSL support to ensure security for both users and customers alike. Many integrations are possible with the application; for instance, you can integrate an on-demand labour tool or chatbot into  <a href="https://www.jobinandjismi.com/service/netsuite-integration/">NetSuite Integration</a> to increase customer satisfaction rates by deploying services automatically as needed.
👤 5 Ways Your Login Box Is Not Living Its Best Life
Tags: security
Published: 2021-05-24 12:21:09

#### 📌 Here are five ways in which your login box is turning your customers away from your brand.

### <br>

Blame Netflix or Spotify.

In fact, take your pick of any of the digital brands that have made seamless and beautiful UX a staple part of daily life. From one-click checkouts on Amazon to Single Sign-On across all of Google’s services, consumers have never had it better for digital experiences….and they are now expecting it everywhere they go online. 

<include src="TweetQuote" quoteText="Login boxes are the first thing many people engage with on a website. Yet, the importance of them can sometimes be relegated to “as long as it works, it works.”" />
Login boxes are the first thing many people engage with on a website. Yet, the importance of them can sometimes be relegated to “as long as it works, it works.”

The challenge is consumers don’t just want things that work; they want things that work so well they never even notice it. 

And so here are five ways in which your login box is turning your customers away from your brand.


[Read more...](https://auth0.com/blog/five-ways-your-login-box-is-not-living-its-best-life/?utm_source=facebookgroup&utm_medium=sc&utm_campaign=identity)
Windows Server'da RDP Bağlantısını VPN arkasına almak
Tags: systems, windows
Published: 2021-05-25 09:46:51

Windows Server'larınızın RDP bağlantısını VPN arkasına almak istemez miydiniz? Bu sayede VPN bağlantısı olmayan kimse sunucuya erişememiş olur ve siber güvenlikteki saldırı yüzeyinin küçültülmesi ilkesi de gerçekleşmiş olur.

Arama kısmına Windows Firewall with Advanced Security yazarak çıkan sonuca tıklayarak gelişmiş Firewall ayarlarına ulaşıyoruz.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lq4k4cduicm4mlzjs1f4.png)

Açılan ekrandan Inbound Rules seçeneğine basıyoruz.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ue7svjowdzrkvm7kkus.png)

Aşağıdaki yazan modlara kuralları uygulamamız gerekmekte.

Remote Desktop - User Mode (TCP-In)

Remote Desktop - User Mode (TCP-In)

Remote Desktop - User Mode (UDP-In)

Remote Desktop - User Mode (UDP-In)  

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/59swwmlcg7fdghhogwtz.png)

Açılan pencereden Scope sekmesine basıyoruz. Remote IP address seçeğindeki Any IP address seçeneğini These IP address olarak değiştirip Add.. butonuna basıyoruz.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jqvqgz1tjac849a9goys.png)

Açılan pencereye VPN IP bloklarımızı ekliyoruz.
Js fundementals
Published: 2021-05-25 11:48:40

Tips:
***primitive data type:***
assigning to primitive data type any changes are  made directly to that value.
***non-primitive data-type:***
assigning non-primitive value to variable is done by reference ,so any changes will  affect all the references.

***Difference between undefined and null:***
both represent no value
undefined : javascript cant find value for this.
null: Programmer set the values.
 
*let number1 = undefined-20; //undefined to NAN
console.log(number1);//NaN*

*let number2 = 20 + null; ///null to 0
console.log(number2);//20*

**strings:**
 There are three types of strings
1) double quotes:"Hello"
2) single quotes:'Hello'
3) backticks:`Hello'

double quotes and single quotes are simple quotes.There's practically no difference between them in javascript.
example:
*console.log('my name is "john".');
console.log("my name is 'john'.");*

backticks are "extended functionality quotes. They allow us to include variable and expression into string by wrapping it in ${...}.
for example;
*let name="scolfield";
console.log(`your name is ${name}`)*
Thanks for reading.
Do you follow any coding conventions/standards?
Tags: programming, productivity, performance, discuss
Published: 2021-06-04 06:37:27

Coding conventions provide guidelines on how code should be written for a particular programming language to allow best practices and consistency in programming style.  

I’m forming a list of coding conventions by programming language and wanted to find out if devs here use coding conventions at all and if you do, which ones? Also, Are there any industry specific standards you follow?

I work with embedded C and my industry doesn’t have any coding standards that must be strictly followed as such. However, if I wanted some guidelines I tend to use a standard called [MISRA C](https://www.perforce.com/resources/qac/misra-c-cpp) (Motor Industry Software Reliability Association) as a reference because it’s widely recognised in the embedded space. 
Although, admittedly most of the time I’m simply using my own idea of best practices from past experience!
When and where should we use normal function as opposed to arrow function ?
Tags: beginners, javascript
Published: 2021-06-04 07:17:02

 ##When and where should we use normal function as opposed to arrow function ?##
*"this" binding*
Unlike regular functions, arrow functions don’t have their own this or arguments binding. Instead, those identifiers are resolved in the lexical scope like any other variable

*“arguments” binding*
Arguments objects are not available in arrow functions, but are available in regular functions.
Regular function:
let myFunc = { 
 showArgs(){ 
   console.log(arguments); 
 } 
}; 
myFunc.showArgs(1, 2, 3, 4);
Arrow function:
let myFunc = { 
 showArgs : ()=> {
      console.log(arguments); 
   }
}; 
myFunc.showArgs(1, 2, 3, 4);// error

*Arrow functions cannot be called with “new"*
If a function is constructible, it can be called with new. If a function is callable, it can be called without new.
Regular functions created through function declarations / expressions are both constructible and callable.
Arrow functions  are only callable i.e arrow functions can never be used as constructor functions. Hence, they can never be invoked with the new keyword.



*When Not to Use Arrow Function*
Here are few cases where you shouldn't look at arrow function:
1:)Object methods
var david = {
  burger: 3,
  eatBurger: () => {
    this.burger--;
  }
}
When you call david.eatBurger, the number of burgers does not decrease. It is because this is not bound to anything, and will inherit the value of this from its parent scope.


2:) When it makes your code less readable
\. With regular functions, people know what to expect. With arrow functions, it may be hard to decipher what you are looking at straight away.
alguem pode me ajudar? estou tentando ascender mais de um ponto de luz no meu personagem...
Tags: gamedev, unreal, help
Published: 2021-06-04 07:33:24

mais especificamente, em cada mão. estou usando o evento "Num" para quando eu apertar o +, ascender as duas luzes... porem só ascende da mão direita. unreal engine
ลองเขียน Tail call optimization ใน Erlang
Tags: erlang
Published: 2021-06-04 07:40:06

---
title: ลองเขียน Tail call optimization ใน Erlang
published: true
description: 
tags: erlang
//cover_image: https://direct_url_to_image.jpg
---


5 มีนาคม 2562

จริง ๆ จะเขียนให้มันง่าย ๆ กว่านี้ก็ได้ เช่น ส่ง N ไปใน argument เลย แต่มันจะง่ายไป อยากจะดูว่าถ้าใช้ fun แล้วมันจะเรียกตัวเองได้ไหม ปกติก็คือไม่ได้ แต่ก็มีท่าแก้คือส่ง Fib เข้าไปเป็น F แล้วใน Fib เรียก F อีกที 

(แก้ code วันที่ 18 มี.ค. 2556)
```erlang
-module(rec3).
-export([fib/1]).

fib(N) ->
    Fib = fun (F, I, Acc1, Acc2) when I < N -> 
		  F(F, I + 1, Acc2, Acc1 + Acc2);
	      (_, _, _, Acc2) -> 
		  Acc2
	  end,
    Fib(Fib, 0, 0, 1).
```

ผมลองใส่ N ไป 100,000,000 มันก็ไม่ stack overflow นะครับ แต่ก็ไม่รู้ว่าผลถูกหรือเปล่า 😅
5 ways to say 'NO' to Clients
Tags: career
Published: 2021-06-04 09:48:45

When we are working with a client, sometimes clients can ask a lot of questions that if we answered it incorrectly we can suffer from it.

So here are some question you might encounter in your gigs or career, as a full timer or a freelancer, and how to say "Hell No" without losing a gig.

### 1. Can we see a pass before we hire you?
```
I need a deposit to reserve my time
and pay for my assets needed to knock
this out of the park for you.
```

### 2. Can you do this for less?
```
If budget is our priority,
lets start with the amount
you have in mind and
back into a deliverable
that makes sense for
that number
```

### 3. Can you do this for free/your portfolio?
```
The results of this
campaign (done properly)
will more than pay back
this initial
investment
```

### 4. Can we add this quick little deliverable?
```
Absolutely, i'll just
tack the extra hours
on to your final invoice,
does that work? 
```

### 5. Can we get unlimited revisions?
```
Sure! My quote includes
2 rounds revisions.
After those, you can have
as many as you'd like,
we'll just switch to
hourly billing.
```

## "Remember: If you add value, you get paid."

Don not respond to the request, Respond to the issue behind the request.
heroku: [solved] failed to push some refs
Published: 2021-06-04 12:44:13

---
title: heroku: [solved] failed to push some refs 
published: true
description: heroku remote git failed to push some refs error/issue
canonical_url: https://jovialcore.tech/heroku-solved-failed-to-push-some-refs/
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Just a Promotion : [Experience reliable hosting with interserver](https://www.interserver.net/r/794042)

## Solution 

I want to assume that you are getting this error message: `*error: failed to push some refs*`
when you are trying to push your app to the remote git repository on heroku ? 

### Reason: 
It maybe that your github default branch is `main` and not `master` or vice versa. 

So to solve this problem you will have to use your actual github default branch. In my case, I got the error because my github default branch isn't `master` but `main`. 

So in my situaton instead of `git push heroku master`  do:
```
git push heroku main 
```
Yours could be otherwise:
```
git push heroku master
```

But you have to confirm from your github repository
Glassmorphism Credit Card With HTML & CSS
Tags: html, css, webdev, beginners
Published: 2021-06-04 13:58:37

Hello

Today I created a Amazing Glassmorphism Credit Card With HTML & CSS. This is simple Credit Card using flex and simple CSS also for Glassmorphism effect I use backdrop filter & blur. I hope you like this also comments about your thoughts.

For more content follow me on Instagram  [@developer_nikhil27](https://www.instagram.com/developer_nikhil27/).

Thank you!

{% codepen https://codepen.io/NikhilBobade/pen/xxqWMEL %}
WAO: How do you become a "celebrity" developer?
Tags: watercooler, discuss, wronganswersonly
Published: 2021-06-04 18:08:31

_Cover photo by [Michal Matlon](https://unsplash.com/@michalmatlon?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/wrong-answer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)_
 
---

## Wrong Answers Only

How do you become popular? Gather a following? Be a "celebrity" developer with thousands of followers?

---

Comment your wrong answer!
How to make Responsive Website Using HTML CSS JavaScript Step By Step
Tags: html, css, javascript, webdev
Published: 2021-06-05 04:27:55

Hi there 👋,

Checkout my recently made responsive agency website.

In this responsive website i have added Home section, about section, feature section, pricing section, contact form & footer. Also have made this complete website responsive using media query.

For this project I have used these libraries,
▶️ HTML
▶️ CSS
▶️ JavaScript

Here is the tutorial for this ecommerce website!
Part 1:
{% youtube 1FoQOProoeI %}
Part 2:
{% youtube G6JGc9MC96s %}

You can use this to learn or for your portfolio.

**Feel free to visit my YouTube channel:
[@Tech2etc](www.youtube.com/tech2etc)**

**Follow me on Instagram where I'm sharing lots of useful resources!
[@fahimulkabir.chowdhury](https://www.instagram.com/fahimulkabir.chowdhury/) 😉**
DevOps – The Stakeholders
Tags: devops
Published: 2021-06-06 00:28:24

---
title: DevOps – The Stakeholders
published: true
date: 2021-06-05 20:55:36 UTC
tags: DevOps
canonical_url: https://chrislayers.com/2021/06/05/devops-the-stakeholders/
---

[![](https://chrislayers.files.wordpress.com/2021/06/devops.png?w=1024)](https://chrislayers.files.wordpress.com/2021/06/devops.png)

When I talk about DevOps, I usually don’t focus on the things like pipelines or automation. While these topics and activities can be _part_ of DevOps, there is so much more to it. I’m sure this will be a multipart blog series so lets get started.

# The Definition

Let’s make sure we are all on the same page. The definition of DevOps that I love and subscribe to was coined by [Donovan Brown](https://www.donovanbrown.com/post/what-is-devops) at Microsoft.

**DevOps is the union of people, process, and products to enable continuous delivery of value to our end users.**

This definition and the thought process behind it really drives how I was taught about DevOps and try to practice it today. DevOps is a culture or mindset that really should drive how value is delivered at an organization. DevOps should not be a Developer only or "DevOps" only activity, this mindset should permeate the organization. DevOps is not about pipelines, automation, or a job title. DevOps is about continuous delivery of value to our end users. End users don’t care about story points. End users don’t care about tests passing in QA. End users care about value, which could mean anything like features, stability, or performance.

# The Stakeholders

So where do we start? With Stakeholders. For culture and mindset shifts, buy in from all levels is important. This really is ["The First Way"](https://chrislayers.com/2020/02/27/shared-focus/) from the Phoenix Project and Lean Methodology. We need to think of how the whole system (the organization) delivers value to our end users.

Stakeholders collaborate and cooperate in the development, delivery, and maintenance of software and value With a DevOps mindset and culture. Stakeholders and leaders can influence and encourage the mindset needed for organizations to succeed. The Shared Goals need to be understood by everyone, with the end result clearly communicated. _Silos_ hurt the delivery of value by limiting communication and collaboration. Historically where there were silos, there are walls slowing things down.

This type of collaboration usually requires change. Change takes time. Culture takes time. A piece of software or a job title won’t be a silver bullet. But after helping multiple organizations of all sizes embrace the DevOps culture and mindset, one of the key things to keep in mind is patience.

I’ll be back to dive more into this topic.
JavaScript Data Structures and Algorithms (Search Algorithms, Part 2)
Tags: search, algorithms, javascript, datastructures
Published: 2021-07-10 20:09:45

---
title: JavaScript Data Structures and Algorithms (Search Algorithms, Part 2)
published: true
date: 2021-05-31 13:44:34 UTC
tags: search,algorithms,javascript,datastructures
canonical_url: https://medium.com/codex/javascript-data-structures-and-algorithms-search-algorithms-part-2-6f7c577b32e9
---

[![](https://cdn-images-1.medium.com/max/2600/0*iN1wiBskgRpossMY)](https://medium.com/codex/javascript-data-structures-and-algorithms-search-algorithms-part-2-6f7c577b32e9?source=rss-be00f566a88f------2)

Hello! I hope you are all enjoying your Memorial Day weekend. I am taking advantage of this long weekend to continue this series of posts…

[Continue reading on CodeX »](https://medium.com/codex/javascript-data-structures-and-algorithms-search-algorithms-part-2-6f7c577b32e9?source=rss-be00f566a88f------2)
[Question] Image compare after Getting the Edges in OpenCV 
Tags: opencv, python, machinelearning, computerscience
Published: 2021-06-09 11:15:07

Hi, a newbie with Open Cv and am trying to display similar images so far i have done the following.

**import cv2 
import os

import numpy as np

import matplotlib.pyplot as plt

img1 = cv2.imread("1-Flip-flops.jpg",0)
img2 = cv2.imread("29-Leather mules.jpg",0)

edges1 = cv2.Canny(img1, threshold1=30, threshold2=100)
edges2 = cv2.Canny(img2, threshold1=30, threshold2=100)


print(edges1)

plt.imshow(edges1, cmap = "gray")
plt.show()

plt.imshow(edges2, cmap = "gray")
plt.show()**

It shows the edges around the black pic in matplotlib as i plot it.. I was following the tutorial on a website, but it ended with the edges part. Where should i go from here. ?

Thanks and Sorry If Noob Question :(