teleren/devto huggingface dataset:
Marketing Your Mobile App, The Retention Stage
Tags: android, ios, webdev, marketing
Published: 2021-05-29 10:23:29

Most people will put considerable thought into acquisition marketing, but once you’ve acquired users, if no one is using the app, the product isn’t yielding business. Your next move should be to develop a plan of action for retention marketing to convert your new customers into lifelong users. Below is a list of strategies that can be used to increase retention:


**Establish Two-Way Communication**
The more aligned your app experience is with a user’s needs and preferences, the more likely a user is to continue using the product. Brands using in-app messages to communicate with users will see user retention within 28 days of receiving a message range from 61 percent to 74 percent.
In-app messages are notifications that don’t require immediate action but are nonetheless, important notifications to receive. These can include warnings about app issues, payment failures, or version upgrades. Keep in mind that not every message you send will be relevant to every single user. Segmenting your audience gives you the ability to ensure the information they receive is valuable to them.


**Push Notifications**
Push notifications have been shown to increase user retention, with statistics showing anywhere from a 56% to a 180% improvement. Users who have opted into receiving push notifications exhibit 88% higher app engagement than those who haven’t. The higher retention rate, the better the ranking in the app store.
Giving users an incentive to use your app can also go a long way. Mobile-specific rewards, specialized content access, coupons, special promotions, and other offers will help drive conversions and encourage engagement.
I made an app for Web Developers!
Tags: webdev, javascript, html, css
Published: 2021-05-29 10:10:40

# [Responsivize](https://virejdasani.github.io/Responsivize/)
A must have tool to develop responsive websites!

> Download [here](https://virejdasani.github.io/Responsivize/)

## What is Responsivize?
- Responsivize is an open-source, cross-platform, desktop app that is used to develop responsive websites!
- Responsivize is made with a popular framework called Electron.

## This is Responsivize!
{% youtube KqGJQ24jhkY %}

> A star 🌟 to the [GitHub repo](https://github.com/virejdasani/Responsivize) would be amazing!

## How does it work?
With Responsivize, you can test your web apps on popular devices like iPhones, Android phones, iPads, MacBooks, and you can even set custom dimension devices, that you set the dimensions for!         
This gives you the ability to test your apps on everything from widescreen monitors to smart fridge screens!

![](https://virejdasani.github.io/Responsivize/assets/HomePage.png)

> Responsivize Home Page 👆

![](https://virejdasani.github.io/Responsivize/assets/Mobile.png)

> Responsivize Mobile View 👆

![](https://virejdasani.github.io/Responsivize/assets/Tablets1.png)

> Responsivize Tablet View 👆

![](https://virejdasani.github.io/Responsivize/assets/Tablets2.png)

> Responsivize Tablet View 👆

![](https://virejdasani.github.io/Responsivize/assets/Laptops1.png)

> Responsivize Laptop View 👆

![](https://virejdasani.github.io/Responsivize/assets/CustomSize.png)

> Responsivize Custom Size View 👆
JavaScript Tips #1: Menunggu beberapa proses asynchronous dengan Promise.all()

Tags: javascript, node, asynchronous
Published: 2021-05-29 09:47:17

Hal menarik yang disediakan oleh Javascript salah satunya adalah kita dapat melakukan proses secara tidak sinkron (asynchronous) sehingga tidak terjadi saling tunggu antar proses. Dalam praktiknya, proses asynchronous ini digunakan untuk proses-proses yang waktu tunggunya tergantung pada hal di luar proses itu sendiri, seperti koneksi internet, kecepatan penyimpanan, dll. Contoh proses yang dapat dilakukan secara asynchronous:
* Query database
* Mengambil data dari web lain (HTTP Request)
* Menulis/membaca isi file
* Mengirim email

Selengkapnya baca di:
https://hadihammurabi.hashnode.dev/javascript-tips-1-menunggu-beberapa-proses-asynchronous-dengan-promiseall

Terima kasih sudah baca.
Kalau mau diskusi, komen aja. Kalau mau berteman, bilang aja 😎
My javascript / tech / web development newsletter for 2021-05-29 is out!
Tags: javascript, tech, webdev, discuss
Published: 2021-05-29 09:42:59

---
title: My javascript / tech / web development newsletter for 2021-05-29 is out!
published: true
description: A roundup of all the best javascript, tech and web development links posted to my linkblog in the past week
tags: javascript, tech, webdev, discuss
---
In this week’s edition:

Node in the browser, AI experts, Linux Apps on Windows, Apple vs Epic, Amazon buys MGM, Bitcoin in PayPal, NodeJS and e-commerce, Eleventy Serverless, planning Road-trips and Central Banking Systems

https://markjgsmith.substack.com/p/mark-smiths-newsletter-29-05-2021

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
Getting Started with OutSystems
Tags: appdev, lowcode, outsystems
Published: 2021-05-29 09:40:55

With [OutSystems](https://www.outsystems.com/platform/?utm_source=outsystems&utm_medium=event-regional&utm_campaign=14daysofoutsystems), anyone can rapidly develop and deploy rich web and mobile applications that integrate with existing systems and scale effortlessly - all from a single codebase ✨

You can start your OutSystems journey by following these simple steps:

Step 1) [Click here to signup for free](https://www.outsystems.com/home/GetStartedForFree.aspx?utm_source=outsystems&utm_medium=event-regional&utm_campaign=14daysofoutsystems) and install OutSystems Service Studio.

Step 2) Complete these short introductory courses:

[OutSystems Overview](http://bit.ly/14doos1b) (15 mins)
[Service Studio Overview](http://bit.ly/14doos1c) (15 mins)
[Intro to OutSystems Development](http://bit.ly/14doos2a) (15 mins)
[Reactive UI Development 101](http://bit.ly/14doos3a) (45 mins)

{% youtube QUAOytUPCdU %}
11 Ways to Build Customer Trust in eCommerce Business
Tags: webdev, ecommerce, tips, business
Published: 2021-05-29 09:21:34

---
title: 11 Ways to Build Customer Trust in eCommerce Business
published: true
description: Less customer trust in eCommerce websites/app causes a loss of revenue for online businesses. Learn 11 ways/tips to build customer trust in an eCommerce business.
tags: webdev, ecommerce, tips, business
cover_image: https://www.techtic.com/wp-content/uploads/2021/05/ways-to-build-customer-trust-in-ecommerce-business.png
---
Winning and sustaining consumer trust is significant to your eCommerce business success. Product conversions online mainly rely on how much a consumer trusts your brand. To establish that reliability, you require being consistent and trustworthy with your business approaches. For that, you need well designed and developed eCommerce store from one best eCommerce development service providers.

Research showcases that 67 percent of consumers say that a superior product image may get them to try it. However, they will stop purchasing it if they don’t rely on the brand behind the product.

In this blog, we will precisely explain to you the proven approaches for cultivating your online business. And in the process make your consumers rely upon you more.

<h2>How to Gain Consumer Trust and Reliability in eCommerce Shopping?</h2>
<ul>
 	<li>How to Gain Consumer Trust and Reliability in eCommerce Shopping?
<ul>
 	<li>1. Beautiful user interface that gives your audience an unforgettable impression</li>
 	<li>2.Perfect navigation that makes their browsing and buying seamless</li>
 	<li>3. Trust-worthy reviews using the third-party sites</li>
 	<li>4. Structured way to provide every product detail</li>
 	<li>5. Better communication of your brand values</li>
 	<li>6. Policies to be clearly explained so that customers can find and access them whenever they want</li>
 	<li>7. Quick and secured checkout</li>
 	<li>8. Offer better customer support</li>
 	<li>9. Be social and engage at every level</li>
 	<li>10. Be responsible, collect feedback and act on them</li>
 	<li>11. Finally, don’t push visitors and keep it simple</li>
</ul>
</li>
</ul>

Want to know more about above ways then visit <a href="https://www.techtic.com/blog/build-customer-trust-ecommerce-business/">https://www.techtic.com/blog/build-customer-trust-ecommerce-business/</a>
All into off-side rule (indentation syntax): Html/Css/JavaScript
Tags: frontend, pug, stylus, coffeescript
Published: 2021-05-29 09:20:14

This short post is about writing code with [Pug](https://pugjs.org/api/getting-started.html)/[Stylus](https://stylus-lang.com/)/[PureScript](https://coffeescript.org/) to generate Html/Css/JavaScript.

| Component | Source | Compiled into |
| -- | -- | -- |
| View | Pug | HTML |
| Style | Stylus | CSS |
| Script | CoffeeScript | JavaScript |

Off-side rule, indentation syntax, style uses column positions instead of curly brackets (curly braces) "{}" to detect code blocks and understand scopes. It possibly makes source code visually clear with fewer symbols. (Of course, curly brackets style is not bad. Editors are great today.)

I built front-end development environment with them, which reminded me of [Python](https://www.python.org/) and [Haskell](https://www.haskell.org/)🙂

Here is an example.

{% codepen https://codepen.io/nabbisen/pen/wYMpEZ %}
Write if else in react (Conditional Rendering)
Tags: react, webdev, womenintech, frontend
Published: 2021-05-29 09:18:03

I was trying to search like this "How to write if else in react".
Then got to know about *conditional rendering*.
When to use conditional rendering?
If one wants to render a component based on some state change or when some condition becomes true.

In the below code conditional rendering has been done, it's first checking **if** *isLoggedIn* is true then it'll render the *About* component **else** if it's false *Home* component will be rendered.


``` javascript

//MyComponent.js
import React, {useState} from "react"
import Home from "./Home"
import About from "./About"
const MyComponent = () => {
const [isLoggedIn, setIsLoggedIn] = useState();
 return <>
{
 isLoggedIn ? (<About/>) : (<Home/>)
}
</>
}
export default MyComponent;
```
or 

``` javascript

//MyComponent.js

import React, {useState} from "react"
import About from "./About"
import Home from "./Home"
const MyComponent = () => {
const [isLoggedIn, setIsLoggedIn] = useState();
 if(isLoggedIn) {
    return <About/>
  }else {
    return <Home/>
  }
}
export default MyComponent;
```
The code above will always render the *Home* component since I'm not changing the state *isLoggedIn* from *false* to *true*.
What is Ethereum Gas!
Tags: blockchain
Published: 2021-05-29 08:30:02

What is your opinion/understanding of Gas!!?

coming from a software development background, you might definitely wonder why Gas is needed, it possibly sounds ridiculous to pay for almost every transaction to be added to the Ethereum blockchain.

Imagine if every function that creates a record into the database or just prints into the terminal/console had to be paid for, crazy, right?

Gas is simply a fee taken by miners to add a transaction to the blockchain.

To explain the term mining in Blockchain technology,

It is simply a puzzle or an algorithm that miners/computers perform and have to pass before a block is verified to be added/appended into the blockchain.

And from this, you basically tell that the miners will prefer to mine the transactions with higher Gas prices first.

A more detailed definition of Gas "Gas refers to the fee, or pricing value, required to successfully conduct a transaction or execute a contract on the Ethereum blockchain platform."
New Switch syntax with C# 8.0
Tags: csharp, dotnet, todayilearned, beginners
Published: 2021-05-29 08:28:55

Microsoft has launched newer syntax for switch expression starting from C# 8.0. Switch statements must produce a value in each of its case blocks. Switch expressions allow us to use extra compact expression syntax.

With new syntax are fewer repetitive “**cases and break”** keywords and fewer “**curly braces.”**

As an example, consider the following enum with a collection of the colors:
```
public enum Color {

	Red,     
	Orange,     
	Yellow,     
	Green,     
	Blue,     
	Indigo,     
	Violet

}
```
## Old switch syntax
```
switch (c)
{
  case Color.Red:
	  Console.WriteLine("The color is red");
	  break;
  default:
	  Console.WriteLine("The color is unknwn.");
	  break;
}
```
## New Switch Syntax — RECOMMENDED

{% gist https://gist.github.com/ssukhpinder/33f204f3fda8ab97326b2b06a091405d %}


 <iframe src="https://medium.com/media/7118bae943c4844b3b33db9dcf9c905f" frameborder=0></iframe>

### New switch syntax advantages

* The variable name comes before the switch keyword starting syntax.

* The distinctive order makes it simple to recognize the switch expression from the switch statement.

* The “case” and “:” elements replaced with =>.

* The default case is replaced with a “_” character.

Thank you for reading. Keep visiting and share this in your network. Please put your thoughts and feedback in the comments section.

Follow on following channels to stay tuned on upcoming stories on C#

[C# Publication](https://medium.com/c-sharp-progarmming), [LinkedIn](https://www.linkedin.com/in/sukhpinder-singh-532284a2/), [Instagram](https://www.instagram.com/sukhpindersukh/), [Twitter](https://twitter.com/sukhsukhpinder), [Dev.to](https://dev.to/ssukhpinder), [Pinterest](https://in.pinterest.com/ssukhpinder/_created/), [Substack](https://sukhpinder.substack.com/), [Wix](https://www.csharp-dotnet.com/)
Kubernetes Monitoring: Kube-State-Metrics
Tags: kubernetes, monitoring, devops, sre
Published: 2021-05-29 08:13:38


In a pursuit to monitor our Kubernetes Cluster we often need the right set of tools to capture, the right metrics. Although there are a couple of tools present already, today let’s discuss Kube-state-metrics.

### What is Kube-State-Metrics?

Kube-State-Metrics is an open-source light-weight utility used to monitor the Kubernetes Cluster. As the name suggests, it provides information about the **state of a couple of Kubernetes objects** by listening to Kubernetes API. Kube-State-Metrics acts like a Swiss Army Knife that provides metrics for a long list of Kubernetes-Objects.

![](https://cdn-images-1.medium.com/max/2000/1*0ovezrF2X2I2uSujya48Ig.png)

## Installing: Kube-State-Metrics

    git clone [https://github.com/kubernetes/kube-state-metrics](https://github.com/kubernetes/kube-state-metrics)
    kubectl apply -f kube-state-metrics/examples/standard/

This will go ahead and install all the components needed such as ServiceAccount, ClusterRole, ClusterRolebinding along with Deployment, and Service.

Let’s test it locally, by exposing the service, run the command

    kubectl port-forward svc/kube-state-metrics -n kube-system 8080:8080

![](https://cdn-images-1.medium.com/max/2000/1*zeJMnl9CQghEpqgxkOQMWQ.gif)

### Scrapping: Kube-State-Metrics with Prometheus

![**Kube-state-metrics ❤ Prometheus**](https://cdn-images-1.medium.com/max/2000/1*a1pU0aZHigEuxip-8vXe5A.png)

As we already, know Kube-state-metrics is Prometheus friendly let's get started with scrapping the Kube-State-metrics with Prometheus.
{% gist https://gist.github.com/chrisedrego/014c7f6c6050164edd4ecde7c3996031.js %}
Assuming that you have already installed on Prometheus on your cluster, you can use the above Prometheus Configuration to start scraping metrics.
> # if you found this article useful, feel free to click ❤️ heart many times or share it with your friends.
Know why companies do not open your CV.
Tags: webdev, career, showdev
Published: 2021-05-29 07:55:35

I've added a new feature to my platform, https://kwickbox.cloud and its super interesting!

Now, you are able to grant access to friends, colleagues to review each section of your CV. This helps to get diverse feedback regarding your CV for improvement. Know why companies do not open your CV.

Check out a preview of the newly added feature below:

https://share.vidyard.com/watch/rQtktodYrU2kMzvkxrcD7f?
Copy text to clipboard in html using javascript
Published: 2021-05-29 07:49:23

<p>In this post we are going to learn how to copy text on a webpage direct to our client device.</p>
<h3>HTML Part</h3>
<i>Note this only work with select text.</i>
Create a html file and copy the code below in the file.

<code>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- The text field -->
<input type="text" value="text me to copy" id="mycopy">

<!-- The button used to copy the text -->
<button onclick="myFunction()">Copy text</button>
</body>
</html>
</code>
What the above html code do is
<code>
<input type="text" value="text me to copy" id="mycopy">
</code>

<li>This is an input tag that will contain the value of the text we want to copy and the attribute id="mycopy" to identify the input tag that we also want to select and copy.</li><br>

<code>
<button onclick="myFunction()">Copy text</button>
</code>
<li> the above button tag contain onclick="myFunction()" which when user click on the button the text will be copy.</li>

<h3>JavaScript Part</h3>

<code>
<script>
function myFunction() {
  /* Get the text field */
  var copyText = document.getElementById("mycopy");

  /* Select the text field */
  copyText.select();
  copyText.setSelectionRange(0, 99999); /* For mobile devices */

  /* Copy the text inside the text field */
  document.execCommand("copy");

  /* Alert the copied text */
  alert("Copied the text: " + copyText.value);
}
</script>
</code>
What the above script code do is:

<li> we create the myFunction() function tht will copy the text whenever is call</li> <br>

<code>var copyText = document.getElementById("mycopy");</code>

<li>
Here will get id of the text we want to copy "mycopy"
</li>

<code> copyText.select();</code>
<li>
This'll select the input/text area automatic, which will allow us to copy the selected text.
</li>

<br>
<code>
copyText.setSelectionRange(0, 99999);
</code>
<li>This is to select the range of the text
</li>
<br>
<code>
document.execCommand("copy");
</code>
<li>
This code copy the text to the clipboard.
</li>
<br>
<code>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- The text field -->
<input type="text" value="text me to copy" id="mycopy">

<!-- The button used to copy the text -->
<button onclick="myFunction()">Copy text</button>

<script>
function myFunction() {
  /* Get the text field */
  var copyText = document.getElementById("mycopy");

  /* Select the text field */
  copyText.select();
  copyText.setSelectionRange(0, 99999); /* For mobile devices */

  /* Copy the text inside the text field */
  document.execCommand("copy");

  /* Alert the copied text */
  alert("Copied the text: " + copyText.value);
}
</script>
</body>
</html> 
<code>
Feel free to leave comment
secretlint v3.0 support GitHub’s new authentication token detection
Tags: security, credentials, git, lint
Published: 2021-05-29 07:30:31

---
title: secretlint v3.0 support GitHub’s new authentication token detection
published: true
description: secretlint is pluggable linting tool to prevent committing credential. 
tags: security,credentials,git,lint
//cover_image: https://direct_url_to_image.jpg
---

secretlint is a pluggable linting tool to prevent committing credential.

- [secretlint/secretlint: Pluggable linting tool to prevent committing credential.](https://github.com/secretlint/secretlint)

secretlint is similar tools to [git-secrets](https://github.com/awslabs/git-secrets), but it is more flexible and support more credentials.

secretlint v3.0 support new GitHub Token format.

- [Release v3.0.0 · secretlint/secretlint](https://github.com/secretlint/secretlint/releases/tag/v3.0.0)

Recently, GitHub introduce new authentication token format.

- [Behind GitHub's new authentication token formats | The GitHub Blog](https://github.blog/2021-04-05-behind-githubs-new-authentication-token-formats/)
- [Authentication token format updates are generally available | GitHub Changelog](https://github.blog/changelog/2021-03-31-authentication-token-format-updates-are-generally-available/)


>    The character set changed from [a-f0-9] to [A-Za-z0-9_]
    The format now includes a prefix for each token type:
        ghp_ for Personal Access Tokens
        gho_ for OAuth Access tokens
        ghu_ for GitHub App user-to-server tokens
        ghs_ for GitHub App server-to-server tokens
        ghr_ for GitHub App refresh tokens



secretlint support them!

{% twitter 1398478381847515141 %}

## Usage

You can use secretlint as Docker Container or Node.js CLI.

If you already have installed Docker:

    docker run -v `pwd`:`pwd` -w `pwd` --rm -it secretlint/secretlint secretlint "**/*"

If you already have installed Node.js:

    npx @secretlint/quick-start "**/*"

secretlint also support custom rules like [ESLint](https://eslint.org/).
If you want to configure it, please see [secretlint documenataion](https://github.com/secretlint/secretlint#using-nodejs).

You can setup [pre-commit Hook per project](https://github.com/secretlint/secretlint#pre-commit-hook-per-project) or [pre-commit Hook globally](https://github.com/secretlint/secretlint#pre-commit-hook-globally).
This git's `pre-commit` prevent you to commit your credentials  like GitHub Token, SSH key, AWS crendentials.

If you want to know about secretlint, please visit [secretlint/secretlint](https://github.com/secretlint/secretlint).
Evolution of Programming Languages
Tags: programming, evolution
Published: 2021-05-29 07:23:32

Hey Everyone, This is Somanath Goudar. Have you ever wondered about the programming languages that we use today, how they came to be? Everything has its past. So in this article let us explore the history or past of the programming languages.

Here in this article I have listed the programming languages from past to present. And have also listed the key feature as well as some down sides of those languages so you will know how they evolved till JAVA came into existence.

## 1957 - Fortron
* Developed by John Backus.
* It meant formula translation.
* It was a high level programming language.
* It had less operations and was unstructured.

## 1959 - COBOL
* Developed by Grace Hopper.
* It meant common business oriented language.
* It was a High Level programming language, had more operations.
* But it was unstructured.

## 1962 - BCPL
* Developed by Martin Ritchards.
* It meant basic combined programming language.
* It was a high level programming language, had more operations and was structured.
* But it occupied more memory and was a typeless programming language.

## 1969 - B
* Developed by Ken Thompson.
* It was a high level programming language, had more operations, was structured, occupied less memory.
* But it was a typeless programming language.

## 1972 - C
* Developed by Dennis Ritchie.
* It is a high level programming language, had more operations, occupied less memory and was a typed programming language.
* But it was not a object oriented programming language.

## 1982 - C++ 
* Developed by B. Jarne Strostrope.
* It is a high level programming language, had more options, occupied less memory, was typed programming language, supported object oriented programming language.
* But it was not portable (Platform Dependent).

## 1995 - Java
* Developed by James Hasling and his team at Sun Microsystems.
* It is a high level programming language, occupies less memory, typed programming language, supports object orientation, is portable (Platform Independent).

And Now is Java is used everywhere to develop mobile apps, web apps, desktop apps, games and much more.

**You may also like my other posts.**

{% link https://dev.to/somanathgoudar/facebook-clone-using-just-html-css-beginners-tutorial-2fe5 %} 

{% link https://dev.to/somanathgoudar/build-a-youtube-clone-with-just-html-css-for-complete-beginners-4fk1 %}