teleren/devto huggingface dataset:
Git - First Commit
Tags: git, github
Published: 2021-07-02 15:20:18

Prerequisites :- Git is installed on your machine.

Step 1: - Create a repository on GitHub
Step 2: - Create a Folder on your local 
Step 3: - Now open a terminal for this directory and hit cmd
```
git init
```
Step 4: -Setup your configuration
```
git config --global user.name "Your Name"
git config --global user.email  Your Email
```
to see all the config you can type 
```
git config --list
```
Step 5: Now to connect repository to local folder
```
git remote add origin "Your repository URL"
```
you can copy your repository url from github

Step 6: Now you are all connected you can start your work in folder you created to push your code follow below cmds
- Will show all changes
```
git status
```
I will create my new branch and will push our code there
```
git checkout -b "your branch name"
git add .
git commit -m "First Commit"
git push origin "your branch name"
```
Done your code is on Git :) :)
Amazing Profile Card Hover Using HTML & CSS
Tags: html, css, webdev, beginners
Published: 2021-07-02 15:17:11

Today I created an Amazing Profile Card. In this Hover Effect, I am using only HTML CSS to create animation.
 
I hope you find this useful like and save this post also comments about your thoughts and new ideas for a topic. For more content follow me on Instagram [@developer_nikhil27](https://www.instagram.com/developer_nikhil27/).

Thank you!

{% codepen https://codepen.io/NikhilBobade/pen/zYwGQoE %}

{% instagram CQyjocgh7JX %}
Adventures in Whiteboarding
Published: 2021-07-02 15:02:01

I finally got my whiteboard and am enjoying the shit out of it.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cznuqr517bbqbelrg041.JPG)

It's not only saving the earth by reducing the amount of trees that are sacrificed to my brainstorming and problem-solving sharpies (discounting the havoc wreaked by the volume of dry erase markers I'll probably tear through). It's also just a fun tool that I've used both to white-board out toy problems and also to play with code and outside of a code editor.

I used it today to see how much I could build using react, without relying on the docs. That process started with sketching out the interface I wanted to build along with its constituent components.

Then I broke down each component into their separate functions or classes and went as deep as I could to flesh out the basic app with things like state and event handling.

Writing out code like that exposes what you know and what you thought you knew but don't. You can do it in a code editor too of course, but it's cool to flex those thinking muscles in a slightly different medium.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fr5nqz7kvfcvdc9rhr1q.JPG)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/us0h1ui4tcn5k287dqs2.JPG)
Day 129
Tags: 100daysofcode, programming
Published: 2021-07-02 14:39:09

Day 129/200 of #200DaysOfCode #100DaysOfCode  

- Solved two problems on Codewars.

1 -  Higher-Order Functions Series - Is the meetup age-diverse? (6 kyu)
2 - Higher-Order Functions Series - Is Ruby coming? (7 kyu)
Teamcity + AWS
Tags: devops, aws, docker, cavepot
Published: 2021-07-02 14:18:15

In this article we will explain how to create an ec2 ubuntu instance with the Teamcity server installed.

To begin with in this case we will create an instance from an Ubuntu 20.0 image. However, you can take a look at other alternatives that Amazon provides for us here: [here](https://aws.amazon.com/es/ec2/?ec2-whats-new.sort-by=item.additionalFields.postDateTime&ec2-whats-new.sort-order=desc).

When we are creating this instance it's important to save the pem file, so that you can access the machine through ssh.

After we have created the instance we will go to security and use the Public IPv4 DNS, in order to create a CNAME record on your domain to access that machine. 

1. Access to the machine
```
> ssh -i "<file_name>.pem" ubuntu@ec2-ip-address.sa-east-1.compute.amazonaws.com
```

2. Install java 8 to install teamcity

```
> sudo apt-get update
> sudo apt-get install openjdk-8-jdk
```

3. Check the java version
```
> java -version
```

4. Download the Teamcity Server, in our case we downloaded the latest version: 2020-2

```
> sudo wget https://download-cf.jetbrains.com/teamcity/TeamCity-<version>.tar.gz
```

```
> tar xfz TeamCity-<version>.tar.gz
```

```
> sudo useradd teamcity
> sudo chown -R teamcity:teamcity TeamCity
```

To change the server port, in the <[TeamCityHome](https://www.jetbrains.com/help/teamcity/teamcity-home-directory.html)>/conf/server.xml file, change the port number in the not commented <Connector> XML node (here the port number is 8111):

Now if you browse the IP address of your server using port 8111 you should see the TeamCity web interface.

Before creating the projects we need to create at least one build agent.

```
> cd Teamcity/buildAgent/build
> sudo sh install.sh localhost
```

Finally we need to run our TeamCity Server with the following command line from:  <[TeamCityHome](https://www.jetbrains.com/help/teamcity/teamcity-home-directory.html)>/bin .

```
> sudo sh runAll.sh start
```

We strongly recommend that you use docker instead of installing everything locally on this server, so that you can dockerize all your applications.

You can find more information about how to Install Docker Engine on Ubuntu, here: (https://docs.docker.com/engine/install/ubuntu/) 

Moreover, in my previous post you can read about Dockerizing an angular app.
On this link: (https://dev.to/ollita7/dockerizing-an-angular-app-3nef)
Asteroid
Tags: gamedev, discuss, github, beginners
Published: 2021-07-02 14:29:37

Hi all! That is a simple game made with GameMaker Studio 2.

As a beginner in gamedev, I found GMS very intuitive and immediate. In just one week I was able to create this simple game without writing a single line of code. I would be grateful if you could try it out, tell me your impressions and maybe even some advice :)

Download the game (Windows) and the GMS project folder:
https://github.com/signorgatto/Asteroids

If you want to try the game, you'll find "asteroids.exe" in a .zip folder.
# Controlled Components in React Payment Application
Tags: rails, react
Published: 2021-07-02 14:27:08

   In my final react project which adds charges and processes payments, I had several forms that the user could interact with in order to login, logout, and submit a payment in the application. 
   The default HTML form behavior is to browse to a new page once the form is submitted. Unless a controlled form is used in react, the data is handled by the DOM and not the virtual DOM. However, in the controlled components that I wrote to handle login, logout, and payment submission behavior, the data added by the user is used in a callback function. The user will input the information and the component will update the state through the javascript functions that handle form change and submission. Each state attribute is also accepted by the component as a prop. When the user types their input, the component state changes and the user is able to see their changes displayed as props in the react component. Currently the only validations occur when the form is submitted on the backend. However, validations could be added in this component to give the user feedback prior to form submission. 
The name and password attributes in the state are used to conditionally render different parts of components and display any associated data such as payments and charges. 

```
const Login = ({ login, name, password, setCurrentAccount, history }) => {
  const [form, setForm] = useState({
    //array destructuring
    account: {
      name: "",
      password: "",
    },
  });

  const handleLoginFormChange = (event, target) => {
    setForm({
      ...form,
      [target]: event.target.value,
    });
  };

  const handleLoginFormSubmit = (event) => {
    //does this need to be bound?
    event.preventDefault(); //state contains most up to date form data. prevent page refresh
    login(form, history);
  };
```
   The Javascript function that takes in the form data then calls the login action and updates the state. 
We have an initial state of form and we can update it with the setForm function. This is defined in the useState hook.
Clone Spotify ReactJS
Tags: react, nextjs, tailwindcss, redux
Published: 2021-07-02 14:22:35

I have complete cloning Spotify using ReactJS and NextJS
Here is my source and I hope it will help everyone who is learning React and want to clone Spotify
Video demo: https://youtu.be/REwB-8QaHLc
Github: https://github.com/lethanhvietctt5/react-spotify
Facebook: https://www.facebook.com/thanhviet.le.ctt5/
Email: lethanhviet7c@gmail.com
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4nh9hzs5u3qmz2zh61e.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9pde0c8rku2ow30ashut.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wj2pxkxd4w6z8hi4b8rb.png)
Excel Formulas to Get the Percent Change ~ Quick Method!!
Tags: excelformula, excelformulas
Published: 2021-07-08 02:32:15

---
title: Excel Formulas to Get the Percent Change ~ Quick Method!!
published: true
date: 2021-07-02 14:22:18 UTC
tags: ExcelFormula,Excelformulas
canonical_url: https://geekexcel.com/excel-formulas-to-get-the-percent-change/
---

If you can calculate percentages in Excel, it comes in handy. For example, if you want to get the percent change between two values in Excel. Here’s how you do it! Get an official version of ** MS Excel**  from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

[![Get the percentage change](https://geekexcel.com/wp-content/uploads/2021/07/Get-the-percentage-change.png)](https://geekexcel.com/excel-formulas-to-get-the-percent-change/get-the-percentage-change/#main)<figcaption id="caption-attachment-48412">Get the percentage change</figcaption>

## Generic Formula:

- If you want to find out the percentage change in Excel, you can use the below formula.

**=(new\_value-old\_value)/old\_value**

## Syntax Explanations:

- **New\_value & Old\_value** – These are the input values.
- **Minus Operator (-)** – This symbol will help to subtract any two values.
- **Division (/)** – It is used for dividing values or numbers.
- **Parenthesis ()** – The main purpose of this symbol is to group the elements.

## Practical Example:

Let’s consider the below example image.

- Here we will enter the input values in **Column B** , and **Column C**.
- Now we need to find out the percent change.

![Input Ranges](https://geekexcel.com/wp-content/uploads/2021/07/Input-Ranges-10.png)<figcaption id="caption-attachment-48413">Input Ranges</figcaption>

- Select any cell and type the above-given formula.

![Enter the formula](https://geekexcel.com/wp-content/uploads/2021/07/Enter-the-formula-8.png)<figcaption id="caption-attachment-48411">Enter the formula</figcaption>

- Finally, press the ** ENTER**  key, you can get the result as shown below.

![Result](https://geekexcel.com/wp-content/uploads/2021/07/Result-9.png)<figcaption id="caption-attachment-48414">Result</figcaption>

## Closing Words:

So yeah guys this is **how you can find out the percentage change in Excel**. Leave a **comment** or **reply** below to let me know what you think!

Thank you so much for visiting  **[Geek Excel](https://geekexcel.com/)!! **If you want to learn more helpful formulas, check out [**Excel Formulas**](https://geekexcel.com/excel-formula/) **!! **

### Read Ahead:

- **[Excel Formulas to Get the Last Name from Full Name ~ Quick Tricks!!](https://geekexcel.com/excel-formulas-to-get-the-last-name-from-name/)**
- **[How to Insert a Date or Formatted Date in Excel Office 365?](https://geekexcel.com/how-to-insert-a-date-or-formatted-date-in-excel-office-365/)**
- **[Excel Formulas to Find Original Price from Percentage Discount!!](https://geekexcel.com/excel-formulas-to-find-original-price-from-percentage-discount/)**
- **[Excel Formulas to Get Domain from Email Address ~ Quickly!!](https://geekexcel.com/excel-formulas-to-get-domain-from-email-address/)**
Learning Python - Week 4
Tags: python, learning
Published: 2021-07-02 14:19:49

Week 4 of learning Python has been very informative. I am starting to dive deeper into the Object Oriented side of things and learning about classes, class methods and how to reuse code from other files. This will also be a short post but I will try to get in as much information as possible.

When I started to learn about the classes in Python I realized it is a lot like the other languages I have learned. What I mean by this is that they have initializers, in Python an initializer method is setup like so:
```
class ClassName:
	def __init__(self, items):
		Self.the_items = items
```
It is important to have self because self is always pointing to the current object and that Python doesn’t use the @ syntax to refer to instance variables/attributes. If I were to have a subclass I would have to pass in the Parent class as an argument and have the methods of that subclass use self which would be referring to the Parent class self:
```
class ClassName:
	def __init__(self, items):
		Self.the_items = items

class SubClassName(ClassName):
	def print_items(self):
		print(self.the_items)
```
Now let's say you want to actually use these methods and put them in another file. To do so you would have to import these classes at the top of the new file:
```
from foldername.filename import ClassName, SubClassName
```
Then add your code. Here is an example:
```
from foldername.filename import ClassName, SubClassName

my_items = SubClassName([1,2,3,4,5])
# Then call the method to be able to run it
my_items.print_items()
```
This will then print the items you have specified when calling the subclass, SubClassName, when you run your code.

This is the main gist of what I have learned this week. I hope you got something out of this and see you next week!
Adding map to your web content
Tags: codepen, html, beginners
Published: 2021-07-02 14:12:08

{% codepen https://codepen.io/Ngowi_Inc/pen/abWOMBM %}

Hello friends, today I tried to create a map inside a webpage. I read some nuggets from stack overflow for inspirations but unfortunately for me I couldn't find any, (so I decided to dive in a head first in a book written by Jon Duckett) and after a quick read I got my AHA! moment and Voila! I opened my online code editor (codepen) and decided to create an iframe element. 

Let's see what's Iframe element (HTML5 Element)

Let's assume you're creating a restaurant website and you have placed all required elements, as well as attributes and the site is lovely and responsive even to people's who need to use screen readers software to access the contents of that site. But you might need to place a map inside your site so that your customers won't be asking the same question, ("where's your restaurant located?") over and over again. 
Therefore iframe element will assist you in putting another webpage inside of your webpage (For instance, based on our example there: iframe element will help you to put a google map inside your restaurant website)

Iframe element <iframe> must include:
1. (src) attribute
2.(height) attribute and
3. (width) attribute

Hope I explained in a simplest way possible, be safe and please enjoy your day.
My CSS-art Codepens!
Tags: css, codepen, cssart, cssanimation
Published: 2021-07-02 13:54:53

Hello there!
This is Samritha.S, a front-end dev exploring things that make a website interesting. 
Welcome to my list of CSS-art codepens

#1. Css owl with sneaky eyes
This is a css owl with some javascript.

{% codepen https://codepen.io/samritha/pen/eYWNBJR %}

#2. Pure CSS Pizza loader
Who doesn't love pizza? checkout my pure CSS Pizza loader!

{% codepen https://codepen.io/samritha/pen/ExWqdQx %}

#3. Pure Css Parrot

{% codepen https://codepen.io/samritha/pen/oNYRjdj %}

#4. Moving car 
   Speedy car with pure css

 {% codepen https://codepen.io/samritha/pen/eYgdXye %}

#5. Css man
He says hello.

{% codepen https://codepen.io/samritha/pen/oNBvLNq %}


Thank you for coming this far, hope you loved them as much as I loved creating them.
Here's where we can connect:

instagram: https://www.instagram.com/artzy_artoholic/
twitter: https://twitter.com/Samritha22
codepen: https://codepen.io/samritha
Multiple Entities, Multivariate, Multi-step - Time Series Prediction - Python
Tags: timeseriesmodelling
Published: 2021-07-02 13:48:23

**My goal is to create a time series model with**

 1. **Multiple Entities** - I have multiple products with pre orders and they all have the a similar bell shaped curve peeking at the release date of the product but different orders of magnitude in unit salles OR I can use their cumulative slaes what is an "S" shaped curve. But I  only have about 100 products 1 year of daily data to do the training on.
 2. **Multivariate** - I have a wide variety of data on these indie movies for each day: A.) number of times people added them to the Wishlist, B.) page views, C.) time spent on the page AVG, -> Y.) Target value is the number of products people payed for (it is the same pre order before release and normal purchase after release date)
 3. **Multi-step** - predicting 60 days ahead would be the goal 
 4. Every day refreshing the predictions for every product - Does this requires me to retrain the modell on the whole dataset?

**Already Read**

- I have found algorithms that can do prediction on 1 variate maybe even Multivariate. Multi-step is already problematic and I don't know how to add the Multiple Entities part at all. So I cant fine a project or guide that would contain all these 3 parts that I nd
- I have tried LSTM (13 different models with different datasets) but on longer "Multi-step" it is not working so more than 1 or 2 days. I also cant make the LSTM to accept Multiple Entities so I just chained each products data after each other historically, I do understand that it is not an optimal practice for sure.
- Python package non popular so I cant find projects to it - https://stats.stackexchange.com/a/412355/256200 
- I always see this R guide but I don't use R. I need help with Python - https://otexts.com/fpp2/hierarchical.html
- Not multiple variable and not Multi-step - https://stats.stackexchange.com/questions/356008/multiple-time-series-prediction-python
🦠📲 The 9 Most Common Security Threats to Mobile Devices in 2021
Tags: security, mobile, 2021
Published: 2021-07-02 13:16:41

#### 🛡 Mobile security threats are increasing as more organizations seek to increase mobility. Here’s how to protect your business from the most common mobile attacks.

### <br>

Mobile initiatives are a top priority for many organizations these days because research shows that increases in mobility help enterprises [improve operations](https://cdn2.hubspot.net/hubfs/1789978/Content%20Offers/enterprise-mobility-trends-report-2020.pdf) and [productivity](https://insights.samsung.com/2016/08/03/employees-say-smartphones-boost-productivity-by-34-percent-frost-sullivan-research/).

However, increases in organizational mobility typically result in an increase in the number of mobile devices that are accessing your systems from a remote location. And for your security teams, this means a growing variety of endpoints and threats they need to secure in order to protect your organization from a data breach.

As in the past, the most common threats to mobile security include mobile malware. However, as Verizon’s [2020 Mobile Security Index Report](https://enterprise.verizon.com/resources/reports/2020-msi-report.pdf) shows, there are new threats organizations need to consider as well in order to ensure they’re protected.

Below are the most common and critical mobile security threats that organizations face in 2021.

## 4 Different Types of Mobile Security Threats

Mobile security threats are commonly thought of as a single, all-encompassing threat. But the truth is, there are four different types of mobile security threats that organizations need to take steps to protect themselves from:

* **Mobile Application Security Threats.** Application-based threats happen when people download apps that look legitimate but actually skim data from their device. Examples are spyware and malware that steal personal and business information without people realizing it’s happening.
* **Web-Based Mobile Security Threats.** Web-based threats are subtle and tend to go unnoticed. They happen when people visit affected sites that seem fine on the front-end but, in reality, automatically download malicious content onto devices.
* **Mobile Network Security Threats.** Network-based threats are especially common and risky because cybercriminals can steal unencrypted data while people use public WiFi networks.
* **Mobile Device Security Threats.** Physical threats to mobile devices most commonly refer to the loss or theft of a device. Because hackers have direct access to the hardware where private data is stored, this threat is especially dangerous to enterprises.

Below are the most common examples of these threats, as well as steps organizations can take to protect themselves from them.

[Read more...](https://auth0.com/blog/the-9-most-common-security-threats-to-mobile-devices-in-2021/?utm_source=content_synd&utm_medium=sc&utm_campaign=mobile_sec)
How to calculate AWS & Stripe costs, define the price for your product and make a profit on the way
Tags: rails, css, html
Published: 2021-07-02 13:08:07

---
title: How to calculate AWS & Stripe costs, define the price for your product and make a profit on the way
published: true
description: Making a Product: Transcripto, ep. 6
tags: rails, css, html
cover_image: https://assets.mkdev.me/posts/covers/000/000/012/original/mkdev_article.png
---
'Making a Product: Transcripto' is an mkdev.originals web series that will see a small team of two making a working product step by step, from conception to designing and coding to the release! Join Kirill and Leo on the journey of creation of TRANSCRIPTO, a small but useful service for transcribing audio into text.

In ep. 6, Kirill explains how we chose the price for Transcripto, based on our AWS / Cloud costs, Stripe processing fees and other expenses:

{% youtube 83a7XAVFjB8 %}

***

* [Episodes 0 & 1](https://dev.to/mkdev/the-road-to-mvp-planning-first-steps-and-brainstorming-the-product-features-in-miro-kb9): Introduction & The Road To MVP.
* [Episode 2](https://dev.to/mkdev/how-to-design-a-logo-for-your-startup-with-the-help-of-an-artificial-intelligence-40l5): How to design a logo with the help of an AI.
* [Episode 3](https://dev.to/mkdev/how-to-build-a-transcription-service-prototype-in-90-minutes-with-ruby-on-rails-and-aws-3884): How to build a service prototype in 90 minutes.
* [Episode 4](https://dev.to/mkdev/making-website-design-for-a-transcription-service-in-2-days-3m4): Making website design in 2 days.
* [Episode 5](https://dev.to/mkdev/the-impostor-syndrome-episode-adding-features-with-ruby-on-rails-and-having-fun-with-figma-and-css-2f4m): The Impostor Syndrome.
* [Episode 6](https://dev.to/mkdev/how-to-calculate-aws-stripe-costs-define-the-price-for-your-product-and-make-a-profit-on-the-way-1f8d): How to calculate AWS & Stripe costs.
* [Episode 7](https://dev.to/mkdev/is-there-a-place-for-a-small-startup-launch-without-a-big-promotional-budget-202n): Startup Launch.
* [Episode 8](https://dev.to/mkdev/aws-copilot-and-another-6-ways-to-easily-deploy-apps-to-aws-1njb): AWS Copilot.
* [Episode 9](https://dev.to/mkdev/you-ve-launched-a-new-product-now-what-4dkm): Now what?