teleren/devto huggingface dataset:
Code BEAM America [virtual]
Published: 2021-09-23 07:41:37

Created by developers, Code BEAM America is dedicated to bringing the best minds in the Erlang and Elixir communities together to SHARE. LEARN. INSPIRE.

Over 3 half days you will learn from 50+ cutting-edge talks and our in-depth training program, how BEAM languages  are used in production and revolutionising areas like eCommerce, Engineering, IoT, Gaming, Blockchain, Fintech, Security, Machine Learning and more! 

As always, community and social interaction will be at the core of the event to enable everyone to connect and interact to share the same experience as with our physical conferences. We offer the opportunity to mingle and meet naturally during coffee breaks and after show virtual party.

FIND OUT MORE https://codesync.global/conferences/code-beam-sf-2021/
How to include .scss file into HTML?
Tags: css, html, tutorial, saas
Published: 2021-09-23 06:18:38

I was finding a solution from yesterday to link a  file to an HTML file. 
Finally, I found the solution to the problem. 

I share the solution with you all and hope it will be informative to one of you.
 
If there is a separate .scss file as style.scss __How to link .scss file in .html file?__

##Problem:
Initially, I tried to link in the .html file as mentioned below,
<link rel="stylesheet/scss"  href="./style.scss"> 

The above method did not work. Later I understood that It is impossible to link a .scss or saas file inside the HTML file.

##Solution:
I use VS Code as IDEA for coding purposes. 
VS Code has an extension named Live SAAS Compiler.
![Image of Live SAAS Compiler in the VS Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sipgkr3zzpfeyjc5957n.PNG)

Install the extension and then link the .scss link as mentioned below,
<link rel="stylesheet" href="./style.css" />
(make sure to change the style.scss into style.css inside the link tag but not in the original file).

Then click on the Watch Sass button in the footer of the VS Code IDEA.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/91j8lglfnnn39j3bpe67.PNG)
At last, you can view the design using the browser.
 
Thank you so much for reading the post. I hope you got to learn a new tip.
Get Number of Days in Month Using JavaScript
Tags: javascript
Published: 2021-09-23 07:04:38

JavaScript's highly extensible [getDate](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getDate) method can be customized to fetch the number of days in a given month.

However, the number of days in a given month can vary from year to year. So this function accepts *both* a `year` and `month` parameter, then returns the number of days in the given year and month:

```js
const getDays = (year, month) => {
    return new Date(year, month, 0).getDate();
};
```

Here's an example of how you could use this function:

```js
const daysInSeptember = getDays(2021, 7); // Returns 31
```

You might also just want to pass in the current year, depending on your use case:

```js
const daysInSeptember = getDays(new Date().getFullYear(), 7); // Returns 31
```

## Conclusion

`getDate()` is a very powerful method that does a lot of the heavy lifting for us, so this is actually a really simple function.

Thanks for reading!
How to install C++ with Visual Studio Code
Published: 2021-09-23 06:57:42

We need to download two things to run our C/C++ code.

MinGW compiler — To compile the code or simply translate it into machine-readable language.
Visual Studio Code — IDE in which we will write our program.
Downloading MinGW Compiler
Visit https://sourceforge.net/projects/mingw/ and click on download.
Open the mingw-get-setup.exe file and go with the default installation. After installation MinGW Installation Manager window will shows up.
MinGW Installation Manager

Click on the checkbox to the left of mingw32-gcc-g++ (I have already downloaded it that’s why it is showing a green box) . Select Installation > Apply Changes > Apply from the menu bar.
Installing compilers in MinGW Installation manager

Editing PATH environment variable
We need to include the directory C:\MinGW\bin in our system’s PATH environment variable to access the above directory by simply writing a command in CLI without writing the entire path.

Search for “environment” in the search box. Click on Edit the system environment variables > Environment variables.
Searching for environment variables

After following the above steps, the Environment variables window will show up. Click on Path > Edit > New and paste C:\MinGW\bin. Click on Ok and you have successfully edited your PATH environment variable.
Downloading and setting up VS Code
As we have set up our compiler, now we’re all ready to download VSCode and write our first C/C++ program.

Click here to download VS Code. After downloading open the setup file.
Accept the agreement , check all the boxes shown in the picture, if you want you can also check the Create a desktop icon box and click on Next > Install . Congratulations, you have successfully installed VS Code on your machine.:tada:
VS Code setup window

VS Code is all ready now to write our first code, but let’s download some important extensions to make our work even easier.

Head over to the Extensions tab (Ctrl+Shift+X), and search “c/c++” , click on the first extension you see i.e. C/C++ by Microsoft and then Install .
This extension adds language support for C/C++ to Visual Studio Code, including features such as IntelliSense and debugging.

Now we’ll download yet another extension. Search for “Code Runner Jun Han” , click on the first extension you see and install it.
This extension lets you run code snippets and code files for multiple languages like C, C++, Java, JS, PHP, Python, etc.

To run our code in the integrated terminal of VS Code, we need to do one last thing. Go to the Settings tab (Ctrl+,) search “ code runner terminal ” and check the same box as shown in the picture.

Congratulations, on following the article till the end, and successfully setting up the VSCode environment for C/C++ development.

#ntechdevelopers
http://blog.ntechdevelopers.com/
Making a Math Interpreter: Wrap Up
Tags: algorithms, csharp
Published: 2021-09-23 06:53:56

---
title: Making a Math Interpreter: Wrap Up
published: true
series: Making a Math Interpreter using C#
description: Finalizing
tags: algorithms, csharp
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2um78ah24581l3l3ll1s.jpg
---
#### Resources
- Find the Github link [here](https://github.com/j0nimost/calcy)

## Travis-CI
Let's add `.travis.yml` file add the following content.

```yml
language: csharp
dist: xenial
dotnet: 3.1
solution: calcy.sln
script:
  - dotnet build
  - dotnet test
```
Sign in to [Travis](https://app.travis-ci.com/signup) and use this [documentation to set up travis for github](https://docs.travis-ci.com/user/tutorial/#to-get-started-with-travis-ci-using-github).

## Final Comments
We have successfully made a Math Interpreter. I hope you have gained something from this series. Going forward you can now add other features like;
- Add Math Power 
- Add Support for Exponential Numbers
- Add Square root

Thank you for making time to follow this series, until next time KEEP HACKING 😊.
/etc/security/limits.
Tags: linux
Published: 2021-09-23 06:47:39

/etc/security/limits.conf allows setting resource limits for users logged in via PAM. This is a useful way of preventing, for example, fork-bombs from using up all system resources.

Note: The file does not affect system services. For systemd services the files /etc/systemd/system.conf, /etc/systemd/user.conf, and /etc/systemd/system/unit.d/override.conf control the limit. See the systemd-system.conf(5) man page for details.
HTML tags | thead
Tags: html, tags, thead
Published: 2021-09-23 06:05:46

It is used to **define the set of rows that make up the header of a table**.

**It has no attributes** other than global ones, so to define presentation aspects, CSS properties such as `background-color`, `text-align` or `vertical-align` will be used.

**Must appear after** `<caption>` and `<colgroup>` elements, **but before** any `<tbody>`, `<tfoot>`, or `<tr>` element.

Browsers can use `<thead>`, `<tbody>` and `<tfoot>` to allow scrolling of the body of the table independently of the header and footer. Similarly, when doing CSS for printing and if the table is spread across multiple pages, these elements can allow both the header and footer to appear repeated at the beginning and end of each printed page.

`<thead>`, `<tbody>`, and `<tfoot>` together also serve to provide useful semantic information used when rendering for screen or printer, as well as to improve accessibility.

Has an **implicit ARIA role** `rowgroup`.

- Type: *table-header-group*
- Self-closing: *No*
- Semantic value: *No*

[Definition and example](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) | [Support](https://caniuse.com/mdn-html_elements_thead)
🏆 Default 🔗 Maven and ☕ Java settings per project
Tags: java, maven, settings, configuration
Published: 2021-09-23 06:29:02

---
title: 🏆 Default 🔗 Maven and ☕ Java settings per project
published: true
date: 2021-09-23 06:00:00 UTC
tags: java, maven, settings, configuration
cover_image: https://carloschac.in/public/images/maven-config/tree.png
series: Maven Tips
canonical_url: https://carloschac.in/2021/09/23/setup-default-maven-and-java-settings-per-project/
---

I generally use many different options on maven projects to set up things like memory lower and upper limits, fail at the end, the process in batch, use x number of threads, etc. In addition to this, sometimes I need to pass flags to the JVM like add modules, garbage collector flags, etc., and it is difficult to remember and also error-prone to have something like this:

```
$ JAVA_OPTS="-Xms512m -Xmx1024m -Djava.awt.headless=true" \
  mvn -B -T 4 -fae -P ci verify
```

or even worst with the extended version of the flags:

```
$ JAVA_OPTS="-Xms512m -Xmx1024m -Djava.awt.headless=true" \
mvn --batch-mode --threads 4 -fail-at-end --activate-profiles ci verify
```

Fortunately for us, since maven 3.3.1, we now can setup this per project, including the flags in these two files relatives to the project directory:

<!-- more -->

`.mvn/maven.config` with:

```
-B -T 4 -fae -P ci
```

`.mvn/jvm.config` with:

```
-Xms512m -Xmx1024m -Djava.awt.headless=true
```

Now, all we need to do is run the maven command, and the settings in the files will be honored:

```
$ mvn verify
```
Looking for a remote Python Job? This might help...
Tags: django, python, career
Published: 2021-09-23 05:56:37

If you are like me, you might be sick of wasting hours searching for remote developer jobs.

To solve this problem for myself, I created a system which summarises and aggregates all of the latest remote Python jobs.

But then I thought, this could be useful for others as well. So I bundled it up into a weekly newsletter and there are already over 200 Python developers using the newsletter to help find their next job!

So rather than spending precious time scouring over dozens of job boards, each week you can receive a simple email with all of the latest 100% remote Python jobs in it.

It's 100% free and you can opt out at any time.

If you aren't sure this is for you, you can check out one of the past newsletters here 👉https://app.mailerlite.com/reports/email/36512782

And if this looks like it is something which might be useful, you can sign up here 👉 https://www.pythonjobs.online/
Windows'ta SSL Sertifikası Oluşturma
Published: 2021-09-23 05:48:37

Merhabalar, bu yazımızda Windows makinenize nasıl manuel olarak SSL sertifikası ekleneceğinden bahsedeceğiz. Hadi başlayalım :)

İlk olarak **Başlat** menüsünden **Run** seçilir.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jri4k83xqonczib7bbhq.png)
 
Açılan pencerede "mmc" komutu çalıştırılır. 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvlk2hxyo61fxg67u3lx.png)

Karşımıza gelen ekranda sol yukarıdaki **File** sekmesinden **Add/Remove Snap-in** seçeneği seçilir.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9781gqobw6qosocrpq0x.png)

Açılan pencerede **Certificates** seçilir ve **Add>** butonuna tıklanır.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfva1uvovvicyls41nx4.png)

Certificates snap-in penceresi üzerinde ""Computer Account** seçeneği işaretlenir ve **NEXT** butonuna basılır.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mft1acuv8mg1e2r2s8f3.png)

Sonraki adımda direkt **Finish** butonuna basılır.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i4tpdiyofspa2ugszpb7.png)

Tekrardan Add or Remove ekranına dönüldüğünde **OK** denilerek pencere kapatılır.  
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wgikonjutbh22dsro87n.png)

Sonrasında ilk pencerede **Certificates > Personal > Certificates** dizinine sağ tıklanılır ve **All Tasks > Request New Certificate** seçeneği seçilir.
Açılan sertifika kayıt penceresinde **NEXT** butonu ile devam edilir.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a2sc7k6njcbxphj2r1pn.png)

Devamında tekrardan **NEXT** butonu ile devam edilir.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vt1fp2ivo8leg5uf0bo.png)

Bir süre bekledikten sonra açılan pencerede **Domain Controller** seçeneği işaretlenir. ve **ENROLL** butonuna basılır.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12cplaq6zcn1lrigsvnc.png)
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pmd6sts2h7qiuct8n6w2.png)
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dv1gja7o5ggkdmtpis5p.png)

Finish butonu ile sertifika kayıt işlemi bitirilir. 
Artık Windows sunucunuz bir sertifikaya sahip.
Awesome Button Hover Effects Using Pure HTML & CSS
Tags: html, css, button, hover
Published: 2021-09-23 05:18:57

##Source Code:
#HTML CODE:
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Button With Awesome Hover Effect</title>
</head>
<body>
    <div class="container">
        <button>Hover Me</button>
        <button>Hover Me</button>
        <button>Hover Me</button>
        <button>Hover Me</button>
    </div>
</body>
</html>
```

<br><br><br>
#CSS CODE:
```css
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.container{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
button{
    height: 50px;
    width: 150px;
    margin: 15px;
    font-size: 25px;
    font-weight: 550;
    font-family: sans-serif;
    background: none;
    outline: none;
    color: #0e95BF;
    border: 2px solid #0e95BF;
    cursor: pointer;
    transition: 0.5s ease-in all;
}
button:nth-child(1):hover{
    box-shadow: inset 0 60px 0 0 #0e95BF;
    color: white;
}
button:nth-child(2):hover{
    box-shadow: inset 80px 50px #0e95BF;
    color: white;
}
button:nth-child(3):hover{
    box-shadow: inset 0 0 0 40px #0e95BF;
    color: white;
}
button:nth-child(4):hover{
    box-shadow: inset 150px 0 0 0 #0e95BF;
    color: white;
}
```
<br><br>
##Find Me On:
<br>
<a href="https://www.facebook.com/technicalvandar" terget="_blank">Facebook</a>
<a href="https://www.youtube.com/technicalvandar" terget="_blank">Youtube</a>
<a href="https://github.com/Technical-Vandar-885/" terget="_blank">Github</a>
Tips for More Effective Group Meeting (including Virtual Meeting)
Tags: softwaretestingcompany
Published: 2021-09-23 05:00:58

We’ve all been to one of those meetings which may have been an email. Running a successful meeting is a learning curve we will all face if we want co-workers or employees to take it seriously. Meetings help in finding a resolution to any problems occurring in work or productivity. Even the most difficult tasks can be accomplished when everyone is on the same page and is conscious of what should be done.
It’s the team meetings that are a key component of any business as employees should know and understand what’s going on with the company and what expectations they need to meet in order for the company to be successful. It is one of the best ways to create a culture of continuous improvement.
In fact, we find ourselves caught, week after week, at unproductive meetings. This blog breaks down how to have a successful face to face as well as virtual meetings so that you can highlight your experience running meetings that everybody enjoys attending.
Thus I have tried to mention a few of the points that one should take into account to make a meeting more productive and purposeful.

Meeting Purpose and Desired Outcome.

If you are unable to explain why people are there and what you are supposed to achieve, you must not hold a meeting. Thus knowing what you are trying to do and how you are doing it is important.
Structure work to achieve the outcome.

You can do it just by taking a quick update from each person taking 10 minutes. And last of the 4-5 minutes, you can use to restate what you have done and what’s coming up next to do.
Value people’s time

This includes inviting only the people whose presence is required and not to have meetings during the middle of events or big projects. Also, we should take care of the scheduling time, how long the meeting should last and avoid rescheduling too.
Getting people engaged

Spend the first few minutes making sure every person who’s in the room says something. Any kind of ice breaker makes a difference. A simple change that has very positive results is to make every meeting optional.
Take clear notes and then make them available

This step is critical. If you don’t have meeting records and you’re not sharing them somewhere, you can’t make meetings optional.
Follow up

Always try to get feedback after every meeting on the agenda. What things worked well and what didn’t? And use that information to improvise what is best for their team. This ensures that the weekly meetings become better every time.
You are set to do something meaningful once you start with energy, commitment, and clarity. Use meetings wisely and they can be a great tool for the company.
“You will never see eye-to-eye if you never meet face-to-face.” -Warren Buffett
Coding Interview: Functions and closure.
Tags: javascript, programming
Published: 2021-09-23 04:53:02

Hi! 

Now we going to review the functions and the closure.

### Functions

A function is similar to a procedure. A set or statements that performs a task. Also, a function in JS is a high-level object. 

We have many different ways to create functions.

A function has a particular syntax.

![A function has a particular syntax.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1tc7905tm4c0m1n99i95.png)

#### Function declaration

A function declarations is the most easy mode to create a functions, just we must to use the keyword "function", followed by the name of the functions, the parameter inside parenthesis and the curly brackets with the statements.

```JS
function sum (num1, num2) {
  return num1 + num2
}

sum(2,4) // => 6
```

#### Function expression

For the beginners is easy to confuse the function declaration and functions expression. 'Cause both look very similar. 

But the functions expression does not start with "function" keyword. Here, the functions is created at the right side of the "assignment
 expression" =:

```JS
const sum = function(num1, num2) {
  return num1 + num2
}

sum(2,4) // => 6
```

#### IIFE (Immediately Invoked Function Expression)

An IIFE is a way to execute a function immediately after creation.  

```JS
(function() {
  console.log("Hello World") // Hello World
})()
```

#### Arrow Function

In 2015 with ES6, the arrow functions was introduced. This way to create functions allow us to write with a shorter syntax.

```JS
const sum = (num1, num2) => {
  return num1 + num2
}

sum(2,4) // => 6
```
Another feature introduce it was that return value by default. If the function has only one statement, the statement returns the value without the curly brackets

```JS
const sum = (num1, num2) => num1 + num2

sum(2,4) // => 6
```
#### Constructor 

In JS, a constructor is used to create objects. The purpose of a constructor is to create an object and set some of values. Is a simple way to create an object because we don't need to explicitly state what to return. By default, return the values which the constructor has been created.

```JS
function User(first, last) {
  this.firstName = first
  this.lastName = last
}

let user1 = new User("Jon", "Snow")
console.log(user1)
let user2 = new User("Ned", "Stark")
console.log(user2)
```

### Closure

First, when we invoke a function, this create a new scope, with local variables. A closure is a function which has accessibility to variables and parameters from another function's scope. 

```JS
function sayHi() {
  let hello = "Hola"
  function innerSayHi(){
    console.log(hello)
  }
  return innerSayHi
}

let inner = sayHi()

sayHi() // "Hola"
```
EasyEngine with Git Deploy
Tags: wordpress, easyengine, gitdeploy
Published: 2021-09-23 04:39:57

TLDR;

Just run `wget -qO eeGit bit.ly/ee-git && sudo bash eeGit` and your server will installed EasyEngine and Git Deploy already there.

---
## Instruction

Add command ee-git to your VPS, help you manage your website's source code by git, forget FTP, SFTP, no thirdparty software needed, just Git and EasyEngine.

## Install EE & Git Deploy

###Install

For Linux, we have created an installer script which will install all the dependencies for you. We have tested this on Ubuntu 14.04, 16.04, 18.04 and Debian 8, Debian 10 ( Only EasyEngine supported system ).

`wget -qO eeGit bit.ly/ee-git && sudo bash eeGit`

### Usage

Create a website with EasyEngine's command

`sudo ee site create example.com --type=wp`

Create git deploy for example.com's theme

`ee-git example.com theme_name`

Enjoy!

**Note**

You should create your website by `ee` command first after that run command `ee-git` to setup git deploy for your theme.

To deploy WordPress plugins you can also use this way to create git deploy, but you need to edit the `/home/example.com/hooks/post-receive` file to make sure your git checkout exact source code to the right folder.

You should also need to add your public SSH key to `/home/git/.ssh/authorized_keys` too.
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 59
Tags: php, javascript, webdev, tutorial
Published: 2021-09-23 04:23:27

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.


In this video,we will be Styling the episodeContainer
{% youtube iK2RTbVfycc %}



If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)