teleren/devto huggingface dataset:
Online Customer Acquisition Strategies to Acquire New Customers
Tags: onlinecustomeracquisition, customeracquisitionstrategies, strategiestoacquirecustomers
Published: 2020-12-23 08:11:18

Online Customer Acquisition Strategies to Acquire New Customers
Are you a business owner who endeavours to expand enormously? The most prominent component you need to focus on is Customer acquisition for your business to scale up your revenue. 

Customer acquisition is a very time demanding process which demands strategic planning, analytics review and optimisation tactics in order to make your business experience a surge in sales.

If you want a website with a compelling web-design optimised for acquiring new customers, Cyber Worx Technologies is a the Best Website Design Company that creates bespoke, functional websites and helps businesses have a fitting online presence. With talented designers and developers who deliver absolute quality, we offer web solutions that are in line with the needs and goals of our clients.

Read More:- [Top 5+ biggest Web Design Trends in 2021](https://amitkumarms730.medium.com/top-5-biggest-web-design-trends-in-2021-b20223b130e9)

**Here is how you can make the intimidating task of acquiring new customers simple.**

**Focus on offering an amazing user experience** 
Your website offers your customers an experience of your brand. With a spectacular user experience, your website bounce rate will fall and the sales will soar.

**Keep navigation easy** 
Offer your target audience a great user interface guiding them to the purchases by highlighting where you want them to pay attention to convert them into customers. 

**Market your brand extensively** 
Market your way to more sales by employing a strategy to be more visible online via running paid ads, getting your website Search Engine Optimisation, leveraging social media to acquire new customers and much more. The increase in the traffic will improve the likelihood of purchases.


**Final Note**

Your website is the best marketing tool for your business brand and [CyberWorx Technologies](https://www.cyberworx.in/) is a leading [Website Development Company](https://www.cyberworx.in/web-designing-development.php) that designs bespoke, conversion-oriented websites that engage your target audience well and helps businesses scale up their revenue.
Is Create-React-App Good For SEO?
Tags: react, javascript
Published: 2020-12-23 08:09:44

In short, **create-react-app is not good for SEO**.

## why?

create-react-app is a **SPA (single page application)**. In a SPA, all necessary HTML, JavaScript, and CSS code retrieved by the browser with a single page load or data add dynamically to the page based on certain actions.

Search engines and social media look for SEO meta tags on the website. Based on these meta tags, display formated content to the user.

By default in create-react-app, metatag like title and description mentioned in `public/index.html`. When the page loads, the default title shows in the tab of the browser and for every route, it follows the same.

What if, you are fetching an article post from an API and after fetching the data, it updates the value of title and description. But the default title shows up in the SEO, not the fetching title. If your app depends on SEO then it is a huge problem.

## So how you can overcome this?

You need to prerender the create-react-app. To prerender, You can download either of two npm package as below:

- [React SnapShot](https://www.npmjs.com/package/react-snapshot)
- [React Snap](https://www.npmjs.com/package/react-snap)

The above plugins work well if you are not using Windows / local storage objects in your project (Javascript), else you need to follow some extra checks.

Moreover, you can use [Gatsby](https://www.gatsbyjs.com/) and the [next JS](https://nextjs.org/) are the frameworks that are built on React with SEO friendly pre-rendered website.


You can follow me on Twitter [@taimoorsattar7](https://twitter.com/taimoorsattar7) for more updates.
🔥 Filtering arrays to unique values
Tags: javascript
Published: 2020-12-23 08:08:44

Arrays in JavaScript can contain the same value several times. Going through `Set`, we can filter them down to unique values.

```js
const unique = array => [...new Set(array)]

// each value in this array is also how many of it are in there
unique([1, 2, 3, 3, 4, 4, 3, 4, 2, 4])  // ⇒ [1, 2, 3, 4]
```

---

For more tips like this, check out the full collection on my website: [islovely.co/firetips](https://islovely.co/firetips)
OpenPGP identity proof
Tags: unlisted
Published: 2020-12-23 08:08:39

---
title: OpenPGP identity proof
published: true
description: none
tags: unlisted
---
This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/C406996F92BC9B6BC152755FDFCB64A57C3D5F8C) to [this dev.to account](https://dev.to/kiddythekid). For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:C406996F92BC9B6BC152755FDFCB64A57C3D5F8C]
How To Pick The Right Tools For The Job?
Tags: discuss, watercooler, career
Published: 2020-12-23 08:07:52

Picking the right tool for the job is a mindset that every professional needs.

Each tool has its strength and weakness. Using the correct tools for the job will help with time to deliver and the overall quality; having the wrong tools could hinder us from reaching the end goal.

Every profession has its tools; for us, software engineers, the tools are (and not limited to):
* Architecture patterns (i.e., EDA, MVC, microservices, etc.)
* Coding languages (i.e., Java, JS, go, python, etc.)
* Databases (i.e., MySQL, Postgres, MongoDB, etc.)
* And many more.

So, how do you pick the right tools? My recommendation is to consider the following points:
* **Pros vs. Cons**: Like mentioned above, each tool has its strength and weakness. Knowing them and what we need to do will point us in the (vague) direction. Need a web server that needs to have a lot of concurrent connections? We should look at node.js. Is it mission-critical to respond in (near) real-time? We should look at C/go.
* **Familiarity**: The team's understanding and existing experience with the tool is a crucial factor to consider. Can we start developing from day 0, or should we invest time in learning the tool?
* **Consistency**: Last and most controversial one, it's better to be consistent. Introducing too many tools can slow down the development process, hinder the overall quality, create knowledge siloes, and more nasty stuff we want to avoid.

What are your tips for picking the right tools?

## Cover Photo Credit
[@carlevarino](https://unsplash.com/@carlevarino)
whatever, the advantages of taking IT majors
Published: 2020-12-23 08:06:31

1. Sensitive to technological developments
before technology reaches the public market, IT students or students already know and study it right?

2. Can make software and develop it
not a few graduates majoring in IT open their own businesses, such as creating application development services or websites

3. More or less understand computer language
Those who are curious about computer languages ​​are advised to enter the IT department. Computer language is just like you type the letter (A), the computer will display with 010101.

4. Can repair various technology tools by yourself
If you are majoring in IT you can service your own laptop and definitely know how to use laptops to make it last for years
eh, this is 100% true no? : v
Style Console Output with CSS
Tags: css, javascript, webdev, softwebtuts
Published: 2020-12-23 07:37:35

You might be playing with Console API in JavaScript if you are a web designer or web developer. <br/><br/>

Like me, you might be bored by the output of this console object in your browser dev tools but from now onwards you will not be bored by the console output because in this article I am gonna tell you how you can customize the output of console object in JavaScript using CSS.<br/><br/>

There are tons of methods in the console object but we are gonna play with log and all the other methods are the same as this one.<br/><br/>

There is a directive (<mark>%c</mark>) which is used to style our console output with CSS. Anything after this directive will be beautified using those CSS rulesets which you specify.<br/><br/>

I don't know about you but I can't wait to play with this.<br/><br/>

This is a simple log method of the console object which shows the simple output as usual.<br/><br/>

```
console.log("My Name is Muhammad Muzammil");
```

Now let's apply some CSS to this simple command.

```
console.log("My Name is %cMuhammad Muzammil", "color: #ffff; background-color: yellow;");
```

After trying the above code you will see something like this in the console tab in dev tools.<br/><br/>

My name is <mark style='color: #ffff; background-color: #8566ff;padding: 2px; border-radius:3px'>Muhammad Muzammil</mark><br/><br/>

The second argument of the log method is the value of %c directive & it is the CSS code. As mentioned above the text after %cdirective will be beautified only. to beautify complete output apply the directive at the very beginning of the line.<br/><br/>

Now your console output is beautified but wait, there are some restrictions that can not be ignored.<br/><br/>

You can not use all the rule sets or properties of CSS with this console object but the listed ones can be used.<br/><br/>

<ul><li>font and its longhand equivalents</li><li>line-height</li><li>margin</li><li>outline and its longhand equivalents</li><li>padding</li><li>clear and float</li><li>color</li><li>cursor</li><li>display</li><li>text-* properties such as text-transform</li><li>white-space</li><li>word-spacing and word-break</li><li>writing-mode</li><li>background and its longhand equivalents</li><li>border and its longhand equivalents</li><li>border-radius</li><li>box-decoration-break</li><li>box-shadow</li></ul>

Now here is the extra tip.

<blockquote class="warn">The console object renders as an inline element in the console tab to set the properties like margin or padding etc. you need to set <mark>display: inline-block;</mark></blockquote>

<h2>Wrapping Now:</h2>
That's is how you can make your console output look nice and keep learning and improving your skills.

For More Switch <a href='https://softwebtuts.blogspot.com'>Here</a>.
Advent of Code 2020: Python Solution Day 23
Tags: adventofcode, algorithms, python, challenge
Published: 2020-12-23 07:32:18

Today's challenge was flashback from Data Structure and Algorithms class during BSC. The first part was not that harder and again I took help from some people's code, specially [here](https://github.com/LaughLax/Advent-of-Code/blob/master/py/2020/23.py). I have updated my repository [here](https://github.com/q-viper/Adevent-Of-Code-2020). 

**Please share your solution too.**

# Part 1
```python
from collections import deque

class LinkedListNode:
    def __init__(self, item):
        self.item = item
        self.left = None
        self.right = None

my_input = [int(i) for i in "459672813"]

def part1():
    my_cups = deque(my_input)
    for _ in range(100):
        orig = my_cups[0]
        dest = my_cups[0]-1
        
        if dest < 1:
            dest = 9
        my_cups.rotate(-1)
        
        cup1 = my_cups.popleft()
        cup2 = my_cups.popleft()
        cup3 = my_cups.popleft()
        
        while dest in (cup1, cup2, cup3):
            dest = dest - 1 if dest > 1 else dest + 8

        while my_cups[0] != dest:
            my_cups.rotate(-1)
        my_cups.rotate(-1)

        my_cups.append(cup1)
        my_cups.append(cup2)
        my_cups.append(cup3)

        while my_cups[0] != orig:
            my_cups.rotate(-1)
        my_cups.rotate(-1)

    while my_cups[0] != 1:
        my_cups.rotate(-1)
    my_cups.popleft()

    return ''.join([str(i) for i in my_cups])
print(f"Part 1 solution: {part1()}")
```

# Part 2
```python
def part2():
    my_nodes = {}
       
    last_node = None
    for i in my_input:
        curr_node = LinkedListNode(i)
        my_nodes[i] = curr_node
        
        if last_node is not None:
            last_node.right = curr_node
            curr_node.left = last_node
        
        last_node = curr_node
    for i in range(len(my_input)+1, 1_000_001):
        curr_node = LinkedListNode(i)
        my_nodes[i] = curr_node
        if last_node is not None:
            last_node.right = curr_node
            curr_node.left = last_node
        last_node = curr_node

    # Complete the circle
    ptr = my_nodes[my_input[0]]
    last_node.right = ptr
    ptr.left = last_node
    
    ptr = my_nodes[my_input[0]]
    for i in range(10000000):
        p_val = ptr.item

        cup1 = ptr.right
        cup2 = cup1.right
        cup3 = cup2.right

        ptr.right = cup3.right
        ptr.right.left = ptr

        d_val = p_val - 1 or 1000000
        while d_val in (cup1.item, cup2.item, cup3.item):
            d_val = d_val - 1 or 1000000

        d_node = my_nodes[d_val]

        cup3.right = d_node.right
        cup3.right.left = cup3
        d_node.right = cup1
        cup1.left = d_node

        ptr = ptr.right

    while ptr.item != 1:
        ptr = ptr.right

    return ptr.right.item * ptr.right.right.item
print(f"Part 2 solution: {part2()}")
```
My 24 Days Of JavaScriptmas Solutions
Tags: javascriptmas, javascript, scrimba, challenge
Published: 2020-12-23 07:12:48

Hello! I'm Brook. I'm a seventh grader that recently started getting into code, and I did some hackathons this fall. My mother actually got me into it, and my love for coding has grown since. I can now do HTML, CSS, Python, and Javascript. I also know some Java. It amazes me with how much I've progressed over these past few months. I've really enjoyed doing this 24 Days of #JavaScriptmas. It was really fun and challenging. So here are my solutions:

**[Day 1 Solution](https://t.co/FBuI4IVc3E?amp=1)**
**[Day 2 Solution](https://t.co/cFidOWZb8q?amp=1)**
**[Day 3 Solution](https://t.co/aZuACrfgBW?amp=1)**
**[Day 4 Solution](https://t.co/N6DAqChL62?amp=1)**
**[Day 5 Solution](https://t.co/4fXPlm8fbz?amp=1)**
**[Day 6 Solution](https://t.co/g0T7JWqb8m?amp=1)**
**[Day 7 Solution](https://t.co/b2oq05Y49E?amp=1)**
**[Day 8 Solution](https://t.co/TW7fPoZxT9?amp=1)**
**[Day 9 Solution](https://t.co/iD0MvgBNs0?amp=1)**
**[Day 10 Solution](https://t.co/O6MpQ6FgL4?amp=1)**
**[Day 11 Solution](https://t.co/H2aHj3czv9?amp=1)**
**[Day 12 Solution](https://t.co/hhuLPQnfHe?amp=1)**
**[Day 13 Solution](https://t.co/CmMQflowNB?amp=1)**
**[Day 14 Solution](https://t.co/IXoxv2UQeo?amp=1)**
**[Day 15 Solution](https://t.co/Gu8mmETaHS?amp=1)**
**[Day 16 Solution](https://t.co/hOR1th3MgL?amp=1)**
**[Day 17 Solution](https://t.co/YCSt52hPvF?amp=1)**
**[Day 18 Solution](https://t.co/Odd2zOEqe0?amp=1)**
**[Day 19 Solution](https://t.co/XsRq6XYNTx?amp=1)**
**[Day 20 Solution](https://t.co/phDj9ehLuE?amp=1)**
**[Day 21 Solution](https://t.co/aXsQZxtgCg?amp=1)**
**[Day 22 Solution](https://t.co/qosORpiXAa?amp=1)**
**[Day 23 Solution](https://t.co/8GydXCkNnO?amp=1)**
**[Day 24 Solution](https://t.co/YHy8m6wFvG?amp=1)**

Merry Christmas Eve Everyone!🎄🎁🎅🤶🤗
Mega Menu
Tags: codepen, html, css, javascript
Published: 2020-12-23 07:06:05

---
title: Mega Menu
published: true
description: Mega Menu
tags: codepen, html, css, javascript
---

<h3>
Simple <strong> Mega Menu </strong> (HTML, CSS & JAVASCRIPT)
<h3/>

{%codepen https://codepen.io/ahmadbassamemran/pen/eYdWKrY %}

<hr/>
[Please Like and Subscribe to my channel and click the bell icon to get new video updates.:](https://www.youtube.com/AhmadEmran?sub_confirmation=1)
<hr/>
Running Redis on Multi-Node Kubernetes Cluster
Published: 2020-12-23 04:06:40

## Prerequisite:

Ensure that Kubernetes(atleast 2-node cluster) is installed in your system



## Verify Kubernetes components:


```
$ kubectl get componentstatus
NAME                 STATUS    MESSAGE             ERROR
controller-manager   Healthy   ok
scheduler            Healthy   ok
etcd-0               Healthy   {"health":"true"}
[node1 kubelabs]$
```



## Configuring Redis using a ConfigMap:

You can follow the steps below to configure a Redis cache using data stored in a ConfigMap.


```
[node1 kubelabs]$ curl -OL https://k8s.io/examples/pods/config/redis-config
```

First create a kustomization.yaml containing a ConfigMap from the redis-config file:


```
[node1 kubelabs]$ cat <<EOF >./kustomization.yaml
> configMapGenerator:
> - name: example-redis-config
>   files:
>   - redis-config
> EOF
```


## Add the pod resource config to the kustomization.yaml:

```
apiVersion: v1
kind: Pod
metadata:
  name: redis
spec:
  containers:
  - name: redis
    image: redis:5.0.4
    command:
      - redis-server
      - "/redis-master/redis.conf"
    env:
    - name: MASTER
      value: "true"
    ports:
    - containerPort: 6379
    resources:
      limits:
        cpu: "0.1"
    volumeMounts:
    - mountPath: /redis-master-data
      name: data
    - mountPath: /redis-master
      name: config
  volumes:
    - name: data
      emptyDir: {}
    - name: config
      configMap:
        name: example-redis-config
        items:
        - key: redis-config
          path: redis.conf
```



Apply the kustomization directory to create both the ConfigMap and Pod objects:


```
[node1 kubelabs]$ kubectl apply -k .
configmap/example-redis-config-dgh9dg555m created
pod/redis created
```

## Examine the created objects by


```
kubectl get -k .
NAME                                        DATA   AGE
configmap/example-redis-config-dgh9dg555m   1      33s

NAME        READY   STATUS    RESTARTS   AGE
pod/redis   1/1     Running   0          33s
[node1 kubelabs]$
```



In the example, the config volume is mounted at /redis-master. It uses path to add the redis-config key to a file named redis.conf. The file path for the redis config, therefore, is /redis-master/redis.conf. This is where the image will look for the config file for the redis master.
Use kubectl exec to enter the pod and run the redis-cli tool to verify that the configuration was correctly applied:

```
[node1 kubelabs]$ kubectl exec -it redis -- redis-cli
127.0.0.1:6379> CONFIG GET maxmemory
1) "maxmemory"
2) "2097152"
127.0.0.1:6379> CONFIG GET maxmemory-policy
1) "maxmemory-policy"
2) "allkeys-lru"
127.0.0.1:6379>
```

## Delete the created pod:


```
$ kubectl delete pod redis
pod "redis" deleted
```
Why I use a static type checker for Python code
Tags: computerscience, todayilearned
Published: 2020-12-23 06:36:36

### `Speedy Comprehension`

When you're working with code bases in the tens of thousands of lines, speedy comprehension is often necessary. Two things really boost comprehension: input type and output type. What am I getting, and what do I need to produce. Not really obvious when you're working in a dynamically typed language such as Python.

### `Proven Documentation`

Sure type annotations and doc strings exist and they can work, but they are not enforced nor are they verified. When you introduce a static type checker such as `mypy`, what you get is proven documentation. You know what you're getting and what you need to produce - input and output - isn't that the focal point of most programs!

### `So what does that look like?`

Something like this:

```python
def greeting(name: str) -> str:
    return 'Hello ' + name
```

This is a trivial use case because the code is only two lines long. But imagine you are scanning through hundreds if not thousands of lines. Trust me, types help.
Best advice I've gotten from managers
Tags: career, productivity, motivation, advice
Published: 2020-12-23 06:11:19

### `Seek constraints`

Having too much freedom can impede focus. Actively reframe creative work with limitations to make progress.

### `Hit lots of singles`

You don't need a homer (⚾) to make impact. You can steal bases, bat singles, and even make sacrificial bunts. Just remember that if you ever feel overwhelmed for prolonged periods of time, it's probably because you're trying to do too much. You are part of a team; lean on them. Keep hitting singles, and your time will come.

### `Compasses over maps`

A solid directional sense towards a goal beats a detailed plan of well-known pathways. Plans change; they always do. Directions don't. Follow the compass.

### `Connect`

You don't know everything. Reach out. Collaborate. Ask stupid questions. Also ask great questions.

### `Share prolifically`

Make it clear to people what you're working on. If no one knows what you're working on, then you're not working. Sharing prolifically facilitates knowledge scaling. See: https://medium.com/airbnb-engineering/scaling-knowledge-at-airbnb-875d73eff091

### `Be human`

A company is just a group of people. Communicate thoughtfully with awareness and emotional intelligence. Small gestures can have large impacts.
Best Way to Learn Data Science for Complete Beginners in 2021
Tags: datascience, machinelearning, career
Published: 2020-12-23 05:40:33

So, You are a beginner and planning to learn Data Science?. First of all, I would like to say- **“Great Decision”**. Data Science is a **lucrative, secure, and most demanding career.** 

But are you confused and wanna know the Best Way to Learn Data Science for Complete Beginners?. 

If yes, then stay with me till the end of this article. In this article, I will discuss the best way to learn data science for complete beginners and **Step by Step guide from scratch to skilled data scientists.**

There are various options available for learning data science like go to **University, following a Bachelor or Master in Data Science, get into a Boot-camp program, or learn it by yourself.**

But as a beginner, the easiest way to learn data science is to **learn by yourself.** Because a lot of material is available online. 

Then why go to university and pay high fees?

Right?

The next question you might have- **“From where to start learning?” or “What to learn first for data science?”**

So, before I answer this question, let’s have a look at **mandatory skills for Data Science.**

##**Skills Required for Data Science-**

1. Statistics
2. Mathematics
3. Programming Languages
4. Database Management
5. Data Visualization.
6. Machine Learning
7. BigData


So, these are some must-have skills for a data scientist. Now let’s see in what order you should start learning these concepts-
**[Click to continue reading...](https://www.mltut.com/best-way-to-learn-data-science-for-complete-beginners/)**