teleren/devto huggingface dataset:
Hacktoberfest Goodies
Tags: hacktoberfest, thedigitalocean
Published: 2020-12-12 10:38:02

This is my first time participating in Hacktoberfest.
              Thanks for the T & stickers❤️
---
![T-shirt](https://dev-to-uploads.s3.amazonaws.com/i/h6rqnyuzhast9k7urbqq.jpeg)
---
How to create a section with a customized option?
Tags: qrolic, shopify, liquid
Published: 2020-12-12 10:34:01

Follow this tutorial to create a section with a customize option in Shopify.

1. Log in to your Shopify admin panel and navigate to the Section folder. 
2. Click on the Add a new section link. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8r0kb76ltxmrc7rf0xpe.png)

3. Add a section name and hit the Create Section button. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/wmdfsaw794gzmrm0x2wi.png)

4. Add a dynamic image in your section. 


You can view all your schema type from [here](https://shopify.dev/docs/themes/settings)  


Now add the following code in grid-box.liquid file:

```
{% schema %} 
  { 
    "name": "Grid Box", 
    "settings": [{
           "type": "image_picker", 
           "id": "image", 
           "label": "This is image picker" 
        }] 
  } 
{% endschema %} 
``` 


Now update the Setting_data.json file with the following code:

```
"grid-box": {
        "type": "grid-box", 
        "settings": { 
            "image": "shopify:\/\/shop_images\/pexels-sam-lion-5710223.jpg" 
         } 
} 
```

Now write your section name in content for an index of your home page section. 

```
"content_for_index": [ 
      "grid-box" 
    ] 
```
Learning the skills required to system administrate a remote Linux server from the Command-Line.
Tags: opensource, sysadmin, linux, linuxupskillchallenge
Published: 2020-12-12 10:33:29

##How To Build Up Your Linux System Administrator Skills.
If you want to build up your Linux Command-Line skills then you will love what I'm about to inform you. We are going to be talking about Linux Upskill Challenge.


##Linux Upskill Challenge
What is Linux Upskill Challenge, Linux Upskill Challenge is a free and open-source project that is designed to help newbies and enthusiast Linux operator to become a master of themselves in understanding the full concept of Linux command line.

It is a monthly project, i.e. every month the course renews itself back to day one cool  😎. That means you can decide to commit your full one month to it out of your 12 months and become a professional in Linux. 

##How does the Program Operate
A month-long course aimed at those who aspire to get Linux-related jobs in the industry - junior Linux sysadmin, DevOps-related work, and similar. Server-focused and Command-Line, but assumes essentially no prior knowledge, and starts off very gently - designed to be well-suited to a Windows or Apple person as well as those that already using Linux in some form.

This was a paid course in the past, but is now free and fully open source - so costs you nothing but your time!

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5dx5he7ofa1tlwsmxa68.png)

The course is run via Reddit, so you will need a Reddit login, and to subscribe to **r/linuxupskillchallenge** - each weekday a new lesson is posted there, and it allows a great forum-style interface to discuss and get help.

Note:

The focus is on practical skills
Heavily hands-on
Requires a daily commitment of 1-2 hours each day for a month
Often points to curated external links.
Much less ‘formal’ than RHEL or Linux Foundation training
If you’re keen to do this, then you will need your own Internet-exposed server - but full instructions on how to set this up for free or cheap are in the ‘Day 0’ posts in the subreddit.

The course restarts on the first Monday of next month - and as each new lesson gets posted, we’ll be trimming an earlier one - so make sure you keep up!


##How to Operate Linux on your Windows without using Virtual Machine
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3nxe9c15hzoymals1zxt.jpg)

Steps
1. Download and install CYGWIN64 >> [you can follow this link to learn how to install CYGWIN64] (https://www.youtube.com/watch?v=hh-V6el8Oxk&t=738s)
2. Install UBUNTU20.04 LTS from Windows Store
3. Enable the Windows Subsystem for Linux Installation [Click here 
   to learn how to do it](https://docs.microsoft.com/en-us/windows/wsl/install-win10#:~:text=Open%20Control%20Panel%20%2D%3E%20Programs%20and,the%20beginning%20of%20this%20article.)
4. Enabling OpenSSH on your Windows server
5. Run your installed Ubuntu 20.04 LTS and you are good to go.

I hope you will have fun while doing the challenge 🔥 🔥

If you want more write a comment, follow, and don't forget to share this article with your friends, thanks!
Download YouTube videos By Python in 5 lines !!!
Tags: python, beginners
Published: 2020-12-12 10:29:45

> Howdy, today we'll create a program by [python][pyUrl] in **5 line** can download YouTube videos, so let's get started.

## Pre-requisites

`you'll need :`

* [python][pyUrl] is installed, if you don't install it visit this link https://www.python.org/downloads/

## Let's Begin

> We'll create two files, `video.py` & `audio.py`

### `video.py`

This file will download your video with pictures & audio

### `audio.py`

And This'll download the video only with audio.

> Open your favorite editor, and type

```sh
$ touch video.py audio.py
```

We're going to install two packages

`pafy` & `youtube.dl`

so in terminal

```sh
$ pip install pafy youtube.dl
```

Little remains, in `video.py` we'll import `pafy`

```py
from pafy import new
```

`new` is a function download your video by add the URL on it, so create `url` variable and it's well be input

```py
url = input("Enter the url: ")
```

now create `video` variable and it's value is `new` function

```py
video = new(url)
```

the video has different quality, we want the best quality, define new variable

```py
dl = video.getbest()
dl.download()
```

you can test it

```sh
$ py video.py
```

now, go to `audio.py`, it's like `video.py` but has some differences

```py
from pafy import new
url = input("Enter the link: ")
video = new(url)
```

let's define `audio` variable

```py
audio = video.audiostreams
audio[0].download()
``` 

that's it, you can now go to YouTube and download your favorite video/s.

good bye.

{% github abdfnx/klihub no-readme %}

[pyUrl]: https://python.org
[code]: https://gitlab.com/elexhub/klihub/klihub
Browser feature implementation state
Tags: codepen, deno, node, caniuse
Published: 2020-12-12 10:22:07

---
title: Browser feature implementation state
published: true
tags: codepen, Deno, node, canIUse
---
This table contains a sorted list of browsers status on how well the browser has implementer a number of the known features.

There is a link to a <a href="https://gist.github.com/netsi1964/03e77ebaafb5e9d10ec5515a5ca784ae">Deno script</a> which you can run from a terminal on your computer to get latest result.

Deno is a very interesting alternative to Node created by the original inventor of Node (note that node and deno uses the same characters). Guess Deno is Node v/2

ps: On the 12th of December, MS Edge was the browser supporting the most of the known features for browsers.

{% codepen https://codepen.io/netsi1964/pen/PoGWoWP %}
Deep dive into CSS selector combinations
Tags: css, tutorial, beginners, webdev
Published: 2020-12-12 09:47:43


In CSS, selectors are used to target the HTML elements we want to style. We can combine selectors to get meaningful relationship and target specific elements. Below are some of the less used but handy selector combinations:

* Descendant combinator
* Child combinator
* Adjacent sibling
* Child sibling


We will refers to below HTML code block for understanding combinator selectors.

![HTML example](https://dev-to-uploads.s3.amazonaws.com/i/k4swkqfw909842xfnavf.png)

  

###Descendant combinator

Descendant combinator selects a combination where the second selector is descendant for first selector.  Second selector does not needs to be a direct descendant for first selector and is separated from first selector by a white-space.

```
.container p{
  color: orange;
}
```

Here all the descendant paragraphs of the .container class will have the text colored orange.

![descandant combinator](https://dev-to-uploads.s3.amazonaws.com/i/97ssqbzjl0ietw8vy037.PNG)

###Child Combinator

This type of combinator selects only the element matched by the second selector that are direct children of first selector.

```
.container>p{
  color: blue;
}
```

After applying the above combinator only the paragraphs that are direct children of .container class will have background color of blue.  Notice below that paragraph four is still the same since it is not a direct child of .container parent class.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jbiefpu92dui60d7dchg.PNG)

###Adjacent Sibling

This combination matches only second element that immediately follows the first element. The selectors are separated by "+" symbol and they both belong to the same parent element.

```
a + p{
  background-color: grey;
}
```
After applying above combination, the paragraph that immediately follows the anchor tag (abc site in this case) will have a background color of grey.

![Adjacent Selector](https://dev-to-uploads.s3.amazonaws.com/i/dottm1tjwkmiyg2aoroz.PNG)

###General Sibling

General sibling combinator matches the second elements that are adjacent siblings(not necessarily immediate sibling) of the first element and belong to same parent. 

```
span ~ p{
  color:yellow;
}
```

After applying the above combination, all the adjacent paragraphs following span tag will have text colored yellow.  Notice that paragraph four is not selected since it does not belongs to the same parent.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x7rm0guwtzm5k6ovksam.PNG)


**QUIZ TIME**
```
.container p[class*="para-four"]{
  color: black;
  background-color: white;
}
```
What do you think the above selector combination will display and why?🤔
Let's hear out in comments!

For more details about selectors checkout [MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors) site
A Free Instagram Bot for Growing Your Follower Base
Tags: selenium, automation, python, socialmedia
Published: 2020-12-14 07:14:47

---
title: A Free Instagram Bot for Growing Your Follower Base
published: true
date: 2020-12-12 09:14:24 UTC
tags: selenium,automation,python,socialmedia
canonical_url: https://medium.com/python-in-plain-english/a-free-instagram-bot-for-growing-your-follower-base-f7c52d8ad0ab
---

[![](https://cdn-images-1.medium.com/max/1614/1*QreiDxx1BoDr9_VfAc99nw.gif)](https://medium.com/python-in-plain-english/a-free-instagram-bot-for-growing-your-follower-base-f7c52d8ad0ab?source=rss-a5279e4f0964------2)

The bot will follow people, like the posts and comment as well

[Continue reading on Python In Plain English »](https://medium.com/python-in-plain-english/a-free-instagram-bot-for-growing-your-follower-base-f7c52d8ad0ab?source=rss-a5279e4f0964------2)
Git Introduction.
Tags: git, github
Published: 2020-12-12 09:13:33

If you are into the programming world, you might have heard about git. Its complicated terms easily overwhelm the newcomers, this post is for those newcomers. Let’s start.

# Why Git?
When we are working in a team, code sharing is always a problem, we don’t know who implemented what features and whose changes break the code. Here, Git comes as a savior.

# What is Git?
Git is a distributed version control system(VCS). It is not the only Version Control System But the most famous one.
Git allows us to see changes made to code in past and also who made it. If there are any problems with the code then we can revert to an earlier version of our code too. Isn’t it great?? We can also upload our code to site like Github and Gitbasket. Our team members can clone or fork it from there and start to work simultaneously by creating a new branch.

Clone, fork, and branch might be led you to think that git is complicated but trust me it is not that complicated. Once you start learning step by step all will become clear.

In this blog, I’m going to teach you some basics git commands, enough to get you started. But first, install Git in your system.

#Installation.
To download and install git in your system, [click here](https://git-scm.com/downloads) and choose Git version for your OS and then follow the required installation steps.

After installing git you are ready to run git in your system.

# Most Used Git Command.
1. git init 
   This command will make your repository(just a fancy name for folder) into a git repository.

2. git status
   This command will show the status of your git repository like whether the files are tracked, staged, or not.

3. git add .
   This command will stage all unchanged files.

4. git commit -m "message"
    This command will commit your staged files and a version of your program is created. In the future, you can always revert to this version of your code(more on that later).
Replace the message with a meaningful text. It should be small and descriptive. Some common convention of writing commit messages are--
   ```
   * feat - a new feature
   * fix - a bug fix
   * docs - changes in documentation
   * style - everything related to styling
   * refactor - code changes that neither fixes a bug or adds a feature
   * test - everything related to testing
   * chore - updating build tasks, package manager configs, etc.
   ```


5 .  git add < filename >
   To stage, any particular file run this command and then run the commit command.

6 .  git log 
   This command allows us to view information about the previous commit.
My javascript, tech & web development newsletter for Saturday 12th December, 2020 is out!
Tags: javascript, tech, webdev, discuss
Published: 2020-12-12 09:00:39

---
title: My javascript, tech & web development newsletter for Saturday 12th December, 2020 is out!
published: true
description: 
tags: javascript, tech, webdev, discuss
---
In this week’s edition:

Cool tools, buglogs, Cloudflare Jamstack, Discogs, p2p Github, dataops, M1 in datacenters, Next.js on Netlify, CentOS killed, browser Xbox, privacy labels, event loop, solo-devs, Brave, podcasts...

https://markjgsmith.substack.com/p/mark-smiths-newsletter-12-12-2020
Case Statement Example | Shell Scripting 
Tags: linux, bash, tutorial, devops
Published: 2020-12-12 08:12:03

**This is a multipart blog article series where I am going to explain the concepts of shell scripting and how to write a shell script in Linux, UNIX or Mac based systems. You can also follow this tutorial blog using windows but for that you have to install a bash from.**

_In this article we will see an example to get a better understanding on the case statement concepts in shell scripting._

We are going to find that entered character is capital or small
1. First we will ask for the input from the user, with the command `echo –e “Enter any character: \c”`
2. Then we will store that value in a variable, named as **value**
3. Now we will apply case statement, with different cases.
    - **[a-z]:** This means that we are expecting a small alphabet between `a-z`.
    - **[A-Z]:** This means that we are expecting a capital alphabet between `A-Z`.
    - **[0-9]:** This means that we are expecting an integer between `0-9`.
    - **? :** This means that we are expecting any special character. _(Only one special character)_
4. If your program doesn’t take or recognize the capital alphabets, then just type this command in terminal `LANG=C`

**Final code**
```shell
echo -e "Please enter any character : \c"
read value

case $value in
    [a-z] )
        echo "User enter $value is in between a to z" ;;
    [A-z] )
        echo "User enter $value is in between A to Z" ;;
    [0-9] )
        echo "User enter $value is in between 0 to 9" ;;
    ? )
        echo "User enter $value is a special character" ;;
    * )
        echo "Invalid input, this is maybe because you have entered more than one value." ;;
```

[Reference code file for this article](https://github.com/rahulMishra05/shell-scripting/blob/main/video13.sh)

_So this was an example in which we had solved a problem using case statement in shell scripting. Hope you liked it and learned something new from it._

If you have any doubt, question, quires related to this topic or just want to share something with me, than please feel free to contact me.
 
### 📱 Contact Me

[Twitter](https://twitter.com/r_mishra10)
[LinkedIn](https://www.linkedin.com/in/rahul-mishra-66210b185)
[Telegram](https://t.me/rahul_mishra10)
[Instagram](https://www.instagram.com/rahul_mishra10/?hl=en)

### 📧 Write a mail
<rahulmishra102000@gmail.com>

#### 🚀 Other links

[GitHub](https://github.com/rahulMishra05)
[HackerRank](https://www.hackerrank.com/rahulmishra10201)
Case Statement | Shell Scripting
Tags: linux, bash, devops, tutorial
Published: 2020-12-12 07:44:57

**This is a multipart blog article series where I am going to explain the concepts of shell scripting and how to write a shell script in Linux, UNIX or Mac based systems. You can also follow this tutorial blog using windows but for that you have to install a bash from.**

_In this article we are going to see that how can we use case statements in shell scripting._

- The case statement can be used as an alternate for if condition.
- The basic syntax of case statement is like this.
```shell
case expression in 
	pattern1 )
		statement ;;
	pattern2 )
		statement ;;
esac
```
- Here the `)` after pattern1 and patter2 means that the case are finished.
- The double semicolon `;;` after statement means that this case is true and completely executed.
- `*)`this is the default case statement.

[Reference code file for this article](https://github.com/rahulMishra05/shell-scripting/blob/main/video12.sh)

_So this was all about case statement in shell scripting, we will see an example in next article. Hope you liked it and learned something new from it._

If you have any doubt, question, quires related to this topic or just want to share something with me, than please feel free to contact me.

### 📱 Contact Me

[Twitter](https://twitter.com/r_mishra10)
[LinkedIn](https://www.linkedin.com/in/rahul-mishra-66210b185)
[Telegram](https://t.me/rahul_mishra10)
[Instagram](https://www.instagram.com/rahul_mishra10/?hl=en)

### 📧 Write a mail
<rahulmishra102000@gmail.com>

#### 🚀 Other links

[GitHub](https://github.com/rahulMishra05)
[HackerRank](https://www.hackerrank.com/rahulmishra10201)
A meaningful and interesting journey
Published: 2020-12-12 07:19:45

The most important thing that I want to express is that I really appreciate professor David's help and guidance throughout the course. 
The most important thing that I want to express to myself is that I'm sorry, and thank you. I'm sorry that I had not pushed myself hard enough to make bigger progress, and I have wasted too much time and energy fighting with my own feelings and imposter syndrome, which should not have taken so much of my time and energy. I should have spent more on the real stuff that I should try to work on. But I am also grateful for not giving up and tried my best to survive till the end. God knows how many times I have considered dropping the course.
How not to Undercharge Web Design Project?
Tags: webdev, freelance, pricing
Published: 2020-12-12 07:07:36


*“Here (In India) competitors have made a market so down that they are getting ready to  make this  website even in 3500. To 4000 rupees. That surprise me very much and make me uncomfortable to earn from this developer profession...
And called myself a developer. So called grand profession but for little money even ..”* - **Ramendra Soni (YouTube Subscriber)**

Note: This article is based on a comment made by a subscriber on my [YouTube channel](https://www.youtube.com/vijaythapa?sub_confirmation=1) and my reply.

# My Reply 

Same thing happening in Nepal as well.

At these amounts we can't even get a better hosting and domain. I don't know how they are doing it.

In the beginning I was also frustrated with such schemes and I did not have answers to the clients.

## Now I focus on **value based pricing**.

First I try to **understand the problem of the client**.

And then I propose a web based solution that will provide value to them **(sales, leads,  conversion, donation, Brand Identity, etc.)**

{% youtube ivKnj9ffcmE %}

## Also make a habit of **giving justification** on everything you do.
Like
*Why did you use that font or color or icon?
Why did you choose placement in a certain section?
How will the feature help your clients?
etc.*

No guarantees, But these things have helped me to get better clients.

Here's an article where I discussed about **"Designing a Website that meets Business Goals."**

{% link https://dev.to/vijaythapa/strategic-website-design-meeting-business-goals-5nb %}

## And how do you charge for your web design project? 
*Please let me know in the comment below 👇*
Do you constantly Google to find out "How to ..."? This bot will revolutionize your life.
Tags: showdev, tutorial, codenewbie
Published: 2020-12-12 06:54:04

Are you a hack programmer? Do you find yourself constantly Googling for how to do basic programming tasks?

Suppose you want to know how to format a date in python. Why open your browser and read through blogs (risking major distraction) when you can simply ask this bot.  ☺️ [@how_doiBOt](https://telegram.me/how_doiBOt)

Made using [ptb]() and [howdoi]().

**Get instant coding answers from Stack Overflow in your Telegram chat. Save time and have fun.**

A telegram bot for accessing [gleitz/howdoi](https://github.com/gleitz/howdoi). Get instant coding answers. Telegram bot that answers your coding questions. 

Get to the solution quickly without any distraction.

The bot is currently deployed. Check out [@how_doiBOt](https://telegram.me/how_doiBOt) on Telegram.

Take a look!

![image](https://user-images.githubusercontent.com/66209958/101977626-d3125900-3c74-11eb-8936-223e3081328d.png)



Check out the code on [GitHub](https://github.com/aahnik/howdoi-telegram)! And don't forget to 🌟.