teleren/devto huggingface dataset:
How to install Web Server on Andriod Nginx Termix

Tags: javascript, andriod
Published: 2020-11-03 13:27:56

1. Overview
Web Server on Andriod Nginx Andriod

A web server is a software and device that uses HTTP (Hypertext Transfer Protocol) and other protocols to react to user requests done over the World Wide Web. and delivering webpages to users… The server in question is HTTP Server powered by  Nginx 

And Also, install tomcat apache2, And other I will explain, and it can be found on the Google Play Store. This server is  Nginx based and 

In this section, we will install Andriod Web Server, And I  Also show the same Related Example.

What you’ll learn
How to set up Web Server on Andriod
Some primary Andriod Web Server
What you’ll need
A  Andriod running   
Some basic knowledge of Andriod OS  And Command line 
Pre-requisites 
Andriod running 
Basic understanding of the Termux app. 
A non-root Mobile but In internet access
What is Nginx?
Nginx is a web server (pronounced as “Engine-X”), which can also be used as a reverse proxy, load balancer, mail proxy, and HTTP cache. The web server software was created by Igor Sysoev and first published in 2004. A company of the same name was established in 2011 to provide support and Nginx plus paid software.

How to install Nginx In Andriod Using  Termux?
What is termux?

Termux is an Android terminal emulator and Linux environment app that works directly with no rooting or setup. A minimal base system is installed automatically – additional packages are available using the APT package manager.

How to install Nginx?
Open termux app on Andriod type the following commands.

First of All, Update pkg

$ pkg update
Free React Landing Templates for Agencies
Tags: react, gatsby, javascript, startup
Published: 2020-11-03 13:25:45

Having an attractive website is often the first step for creative agencies in establishing a bold presence that lends credibility to the brand.That is why, we at Startup Landing have brought to you an amazing free React landing template tailor made for creative agencies.

This free React landing template packs a powerful punch when it comes to features and functionality. Alongside React, this landing template is also built using Next JS and Gatsby, making it super fast, SEO friendly and also secure. On top of that, there's also Mailchimp integration to help make managing leads and communicating with clients that much easier!

👉 Check it live here: https://startuplanding.redq.io/
👉 Check it on Github: https://github.com/Startup-Landing/Startup-Landing
👉 Check it on Producthunt: https://www.producthunt.com/posts/startup-landing
Test Linux without Installation
Tags: linux, opensource, beginners, productivity
Published: 2020-11-03 13:23:12

#### How to get an Overview
When you start with **Linux** to choose the right distribution can be hard. The Result: **Distro Hopping**.

To avoid this there are some solutions. You can download every distribution and create a bootable USB-Drive etc. But this is in my opinion not very beginner friendly.

To get a first overview i recommend [Distro Watch](https://distrowatch.com/). Here you can find every Linux distribution and more information about it. For example the basis on which the distribution is built etc.

[Distro Watch](https://distrowatch.com/) is also like a Newsfeed for Linux Distributions. Here, for example, every update of a Linux distribution is displayed and the current top distributions. 

#### How to test Linux
Yesterday, I found an article at [Linux Journal](https://www.linuxjournal.com/content/how-try-linux-without-classical-installation) about this topic. The **Linux Journal** is one of the oldest Linux Magazines. Sadly it was discontinued in the past after some trouble, but since September the 22th its back.

The Article features the Website [DistroTest](https://distrotest.net/). Here you can Test a lot of Linux Distributions directly from your Browser. The speed depends on your Internet speed and the traffic on the Server. But to get a good overview on the distributons you are focused on, its perfect.
How to find the best digital marketing agency?

Tags: digitalmarketing, bestdigitalmarketingagency
Published: 2020-11-03 12:51:55

To find the [best digital marketing agency](https://www.propelguru.com/), we must first understand 'what is digital marketing', 'will digital marketing benefit your business?' And answer the question 'how to get more prospects for my business? 

**What is a digital marketing agency?**
The dictionary definition of digital marketing is the marketing of products or services using digital technologies, primarily on the Internet, but also on mobile phones, display advertising, and any other digital medium. So simple to sum up in one sentence, it can be a complicated process to get it right and make sure all of your digital marketing is working together and not as isolated activities. This is where the expertise and experience of the best digital marketing agencies can be of great benefit.

Traditional advertising, newspapers and print directories such as the yellow pages are becoming less effective for businesses. Whereas a few years ago people searched for a product or service on a computer, today people are connected to the Internet all day, every day and “live online”. Finding information, a product or a service is as quick and easy as searching on a laptop or computer at work or picking up a cell phone or tablet. Digital marketing focuses on offering your information, products, and services to Internet users when they browse online. The best digital agencies understand the process of buying their products and services and make sure that your information is in view of the potential client at the right time. In the world of digital marketing, the different stages of the buying process, that is, research, consideration, and purchase are called "micro-moments" and the best digital marketing agency will present the relevant information, service, or product. at the destination point in the purchasing process.

While some digital marketing agencies will also create and manage traditional advertising or commercial marketing, such as newspaper advertising, specialized digital marketing agencies will focus on online marketing rather than 'marketing companies' that focus on generally television, radio, and print marketing.

For more information to visit Propel Guru, [Digital Marketing Company](https://www.propelguru.com/)
Next.js with Bulma in Typescript boilerplate
Tags: nextjs, bulma, typescript, boilerplate
Published: 2020-11-03 13:18:10

_Recently I (re-)discovered Next.js, and I love it. And for making styles, I really like Bulma. And I also prefer to write my Javascript code in Typescript._

So, instead of needing to reinvent the wheel for every (toy) project, I decided to make myself Typescript boiler plate for Next.js with Bulma using Typescript to quickly kick off a new project.

You might like it too!😊

Have fun with it: https://github.com/rogiervandenberg/nextjs-typescript-bulma-boilerplate
Setting a Native Select Element's Default Option Using ngModel and 2 Way Binding
Tags: angular, typescript
Published: 2020-11-03 13:17:49

**HTML**
```html
<select
 #sel="ngModel"
 [(ngModel)]="Id"
 (ngModelChange)="Id = onChange(sel)"
 >
  <option
   *ngFor="let option of options"
   [selected]="Id"
   [value]="option.id"
   >
   {{ option.display }}
  </option>
 </select>
```

**TypeScript Code**
```typescript
// The options array contains objects like these:
options = [
{ id: 1, display: "Primary" },
{ id: 2, display: "Something Else" }, 
{ id: 3, display: "Yet Another Option" }   

// The default current object is:
current = { id: 1, display: "Primary" } 

// The default option Id to Select
Id = 1;
... 
onChange(sel: NgModel) {
 let id = sel.viewModel;
 // Update current selection
 this.current = 
   this.options.find(
    (opt) => 
      opt.id.toString()=== id
   );
 return id;
}
```
We once again utilize the ngModel triad as mentioned in other articles, this gives us the two way binding. 

```html
 // The pattern for the ngModel triad
 1) #sel="ngModel"
 2) [(ngModel)]="Id"
 3) (ngModelChange)="Id = onChange(sel)"
```

**The Option Binding**
The ability to select an option based on an Id of the options array is done as shown here:

```html
  // Each option look like this:
  // { id: 1, display: "Primary" }
  <option
   *ngFor="let option of options"
   // The "Id" in our code will be selected
   [selected]="Id" 
   // ...but bind to the option.id
   [value]="option.id" 
   >
   // Show the option.display
   {{ option.display }} 
  </option>
```
**Select Binding Explained**

```html
<select
 #sel="ngModel"
 [(ngModel)]="Id"
 (ngModelChange)="Id = onChange(sel)"
 >
```
 
'sel' is the ngModel, and is passed to the 'onChange' function. [(ngModel)] uses our code's 'Id' property to track changes. Finally, our onChange function takes in the ngModel as a parameter.
 

'onChange' returns the ViewModel (ngModel's proposed change) which is the string representation of the 'Id'. 'onChange' also sets the 'current' object being selected. The 'current' property allows others to see both the id, and display values.

JWP2020 Native Select Option default Value in Angular
#100DaysOFCode
Tags: 100daysofcode, showdev, productivity, java
Published: 2020-11-03 13:16:11

Hello Everyone,

For a while, I’ve been thinking of documenting and putting my work online but imposter Syndrome has got the better of me, and I decided to come out and finally do it. I’m publicly committing and starting the #100DaysOfCode challenge. I will share my progress on [Instagram](https://www.instagram.com/?hl=en) and create a mini-documentary. I’d really appreciate it if you’d follow me on my journey, my handle is [@es_codes7](https://www.instagram.com/es_codes7/?hl=en). 

For the next 100 days I will be learning a variety of programming skills like going back to the basics of Java just to grasp any concepts I missed and had problems with, then also start with some #backendWeb using various resources to train myself, including #FreeCodeCamp, #Udemy and more. I’ll also be building apps in between with these technologies, and all my work will be shared on my [Instagram](https://www.instagram.com/es_codes7/?hl=en),  [GitHub](https://github.com/emansasu7), and also at times on  [LinkedIn](https://www.linkedin.com/in/emmanuel-sasu/).
 
Although I’m a recent graduate from WSU in South Africa, my programming knowledge is limited, and hope with this journey I’ll improve and develop my programming skills. 

##What is 100 Days 
100 Days of Code is a community, where you publicly commit to code for 1 hour for the next 100 days(however it's more flexible than that). You also become part of a larger friendly dev community.
Two Main Rules:
-Code a minimum of an hour everyday for the next 100 days.
-Post/Tweet your progress everyday on a platform of your choice with the #100DaysOfCode hashtag.

###Who Is The Challenge For?
This challenge is for anyone who wants to learn programming for people who have experience but wish to use it to practice or just code on a daily basis. 

Hope y'all enjoy this journey with me.
Thanks. ✌
When to change your digital marketing strategy

Tags: digitalmarketing
Published: 2020-11-03 13:08:22

[Digital marketing](https://www.propelguru.com/) is constantly evolving and can seem overwhelming at times. Strategies that worked in the past may not be effective in the present. Do you know why many companies fail to stay ahead of the competition? It's simply because they don't want to adapt to the ever-changing world of digital media. But the advantage of a digital marketing strategy is that you can change them on the fly in response to real-time analytical data and results. While it may seem complicated, like changing things too quickly, you may not be able to tell if your strategy worked in the long run. But if you wait too long, you risk wasting your two valuable resources: time and money.

With that said, how do you know when is the right time to change your digital marketing strategy? To help you keep up with the fast pace of the industry, I have created this article to help you know when to change your digital marketing strategy.

**Here are the 5 signs to help you decide when to abandon your existing strategy:**

**1. Focus on low-value indicators**
If you're targeting low-value metrics like impressions and clicks, you may be missing out because impressions and clicks only let you know your marketing visibility. And not the actual precision of your strategies.

**2. Focus only on your brand and not on the needs of the audience**
All marketers want to spread their brand, but you shouldn't go overboard by putting your brand all over the place. In fact, make your content educational and focus on your audience's problems and needs. It would really help you target buyers in the early stages of the buyer's journey.

**3. Excessive use of keywords**
While it is necessary to place keywords in your content, Google's top priority remains to provide user experience and content relevance. Google has nothing to do with the number of times your site displays the keyword "Digital Marketing Strategy".

**4. Don't trust your instincts**
Your previous experience is certainly valuable. But your decision-making process shouldn't be based solely on what has worked in the past. This is a very bad idea because what worked tomorrow may be completely irrelevant today. Therefore, guiding your marketing strategy through objective data will only give you better results.

**5. Not integrated**
Whether you're an experienced digital marketer, IT, or a startup, it's very common for digital marketing strategies to be built in silos. It is a simpler way, but of course, it is not efficient. It is true that the digital approach works best when integrated with traditional channels.

Now that you know whether or not you need to change your digital marketing strategy, here is a comprehensive guide to help you build a powerful new [marketing strategy](https://www.propelguru.com/) to achieve your online goals.
My first HacktoberFest | Learnings, and Sharing
Tags: hacktoberfest, opensource
Published: 2020-11-03 13:02:02

Hello everyone, this year I participated for the first time in HacktoberFest, and the experience was awesome. I not only contributed and completed the challenge but shared my learnings with others.
Many students were able to complete this challenge because of my videos, and it gives me immense joy that I could help someone. 
Apart from that, I reviewed many pull requests too.
I hope you all did too.

My [YouTube](https://youtube.com/BashWoman) videos that helped people:

1. [#1 What is OPEN SOURCE? | Understand open-source with a different example.](https://youtu.be/wN9v0z3No24?list=PLhrUS-gSH3xBg9HPUU3z7WcKAgyYRog8H)

2. [#2 Why and How to start contributing to Open Source | My journey in Open Source | Prerequisites.](https://www.youtube.com/watch?v=SL5KKdmvJ1U&list=PLhrUS-gSH3xBg9HPUU3z7WcKAgyYRog8H&index=2)

3. [#3 Choose the right project | Let's prepare for "HACKTOBERFEST" | How to make a pull request?](https://youtu.be/AI0gEvgPtAc?list=PLhrUS-gSH3xBg9HPUU3z7WcKAgyYRog8H)

4. [17 repositories for HACKTOBERFEST | Beginner to Advanced | All languages involved](https://youtu.be/MHPKIBSgxAA?list=PLhrUS-gSH3xBg9HPUU3z7WcKAgyYRog8H)

Do share your learning in the comments!
**May the Source be with you.**
Daily Developer Jokes - Tuesday, Nov 3, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-11-03 13:00:07

---
title: "Daily Developer Jokes - Tuesday, Nov 3, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Tuesday%2C%20Nov%203%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12596ec99e0.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ What sits on a pirate's shoulder and calls, "Pieces of seven, Pieces of seven"?

___A:___ Parroty error.
 -->
CSS Light Saber
Tags: codepen, css, singlediv, starwars
Published: 2020-11-03 12:57:27

Inspired by [lynn fisher](https://lynnandtonic.com/) and [this](https://www.twitch.tv/videos/785599097?fbclid=IwAR0Yq2BsuUHxfUb24lC2pxKntJ3Ce5tYLE1p2iLMPTL1gB7gXn0et70rapc) live streaming video with her,
I created: 
### Single div Lightsaber
In CSS, there are three layers: the selector, :before, and :after.
In this case the “div” holds the blade, the :before holds the hilt and the :after holds the button.
The drawing was made with color-gradients inside a background-image.
{% codepen https://codepen.io/oryamne/pen/vYKjXMB %}
What is the parameter C, in Support Vector Machine Regression?
Tags: machinelearning, svm, regression
Published: 2020-11-03 12:53:14

### While working over SVM fundamentally 2 things are considered.

1. Setting a larger margin(To get a better result on test).
2. Keeping Low Misclassification(amount of misclassification of 
data by model)

But the problem is above both things contradict each other(inversely proportional) i.e if we increase margin its effects misclassification with a high Misclassification rate and if Margin is low which violates our basic requirement №1 but we get low misclassification rate.
 But the thing is even we get great low misclassification rate, but the model won’t work properly over validation/unseen data.


> ####So in all this theory where does, parameter C come?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2ivacyto3nznmqwapc1o.jpeg)


Parameter C represents the size of value margin, higher the value of C Smaller the margin and lower C value means Large Margin.

*Larger Margin will cover maximum data points but also it will bring the problem of wrong classifications.*

*Smaller Margin Will satisfy lower wrong classification but will end up with false prediction over unseen data.*

You can relate this issue with the problem of Model Over-fitting and Under-fitting.

So in short C value must be given carefully because it will decide your model’s behaviour and correctness over unseen data.

So what is the best value for C, well it’s all up on your model and honestly it’s all about trial and error (cross-validation), change the value and crosscheck the results.

Please, Correct if am wrong or suggest me any additional points to it.

 **References:**
     https://medium.com/@pushkarmandot/what-is-the-significance-of-c-value-in-support-vector-machine-28224e852c5a

*PS: This post is taken from my own medium post.*:
     https://medium.com/@rathodrutesh/what-is-parameter-c-in-support-vector-machine-regression-f75be9df98ec
How to generate unique IDS in python
Tags: codenewbie, python, tutorial, computerscience
Published: 2020-11-03 12:45:33

In this article, you’re going to learn how to auto-generate **unique IDs** in Python.

This can be achieved using the python [UUID](https://docs.python.org/3/library/uuid.html) module, which will automatically generate a random ID of which there less than one chance in a trillion for ID to repeat itself.

### basics of UUID
[UUID](https://docs.python.org/3/library/uuid.html) module comes with the python standard library therefore, you don’t need to install anything.

### creating a unique random id
To create a random id, you call the *uuid4 ()* method and it will automatically generate a unique id for you just as shown in the example below;

- Example of usage

```python
>>> import uuid
>>> uuid.uuid4()
UUID('4a59bf4e-1653-450b-bc7e-b862d6346daa')
```

### Sample Project
For instance, we want to generate a random unique ID for **students** in class using UUID, our code will look as shown below;

```python
from uuid import uuid4
​
students = ['James', 'Messi', 'Frederick', 'Elon']
​
for student in students:
    unique_id = str(uuid4())
    print('{} : {}'.format(student, unique_id))
```

### Output

```bash
kalebu@kalebu-PC:~$ python3 app.py 
James : 8bc80351-1c1a-42cf-aadf-2bedadbc0264
Messi : 4765f73c-4fb4-40a3-a6f3-cac86b159319
Frederick : 9692cafb-0175-4435-88fd-54bcd2135230
Elon : 903daf6c-8ced-4971-bbf3-e03c8083a34b
```

I recommend also reading this;
- [How to hide a secret in images using Python](https://kalebujordan.dev/image-stenography-with-python/)
- [Interesting Python Tricks that you should know](https://kalebujordan.dev/interesting-python-tricks-you-should-know/)

Hope you find this post interesting, now don't be shy, feel free to share it with your fellow developers.

The [original article](https://kalebujordan.dev/how-to-generate-unique-ids-in-python//) can be found on [kalebujordan.dev](https://kalebujordan.dev/how-to-generate-unique-ids-in-python/)

In case of any suggestion or comment, drop it in the comment box and I will get back to you ASAP.
Is this horrible?
Tags: ux, microfrontend, iframe
Published: 2020-11-03 12:43:39

Hi, I'm exploring a new idea about UI dev. 
Here my cent about microfrontends.
I am explicitly calling for comments on this before eventually commencing writing the code (probably in Svelte).
The question is:
What if one deploys single ui widgets to different pages (a là microfrontend but in an extreme fashion) and uses iframes to compose a page?
Single components would communicate through postMessage API in a message passing style.
Code would be (again) wisely decoupled from presentation (modern ui framework did the opposite) and dev people would also gain a total decomposition of the deployment: no need to rebuild/redeploy huge parts (a whole SPA, some pages in SSR,...) when you just touched a button onclick.
Regarding decoupling, I plan to deploy, as said, simple atomic ui widgets on different pages.
Think to them as this one: button.example.com or in the same spirit int-input.example.com
Each one would be parameterizable through url query like so: 
int-input.example.com/?min=5&max=10
This way the component itself would receive kind of "URL props".
Then, each conponent would emit and respond to predefined messages sent to and coming from sendMessage API through the containing iframe.
It is just in the parent iframe that you would wire the logic in the form of a finite state machine, i.e. mapping state therein defined to actions and reactions to messages.

That's it, please comment on this.
Technically harsh comments are welcome!

Thanks to Dev-ers!
[VIDEO] How to Start Docker Containers Automatically After a Host Reboot?
Tags: docker, devops, linux, ubuntu
Published: 2020-11-03 12:42:42


Recently one of my servers crashed and after the reboot, none of my Docker containers started.

So I had to manually check each container and start the ones that were required.

That is when I realized that I should implement a restart policy to control whether a container starts automatically or not.

Here’s what I had to do:

{% youtube QqIp9rsh4Ro %}

Post: [How to Start Docker Containers Automatically After a Reboot?](https://www.digitalocean.com/community/questions/how-to-start-docker-containers-automatically-after-a-reboot)