teleren/devto huggingface dataset:
Vue: What is it and How it is different from others
Tags: vue
Published: 2020-02-05 13:49:26

<b>Vue</b> is an open-source, front-end Javascript Framework created by Evan You, a former employee in Google. It is used as a web application framework with the primary aim of simplifying web development. Along with this, it is used to build eye-catching UIs for the web.

<a href="https://vuejs.org/">Vue</a> was released in 2014. Its creator, Evan You, worked on Angular when he was working at Google. While working on Angular, he noticed how heavy and laggy it was. It was very bloated which made its user experience bad. Not only this, it had such a large size that it was affecting its performance and operating speed.

Keeping this in mind, he decided to create a framework that is small in size and has fluent UI. The end result can be seen in the form of Vue.

It is the lightest framework available at a size of only 20KB. Thanks to this small size, it is capable of fast operations and gives a good user experience along with bloat-free UI.

<b>Comparison between Vue and other frameworks</b>

When <a href="https://codersera.com/blog/angular-vs-react-vs-vue">comparing Vue</a> with other technologies like React or Angular, it has many advantages of its own like easy learning curve, low bundle size, simpler UI and user experience.

Let us discuss the factors due to which Vue has a huge advantage

1. Flexibility- If you wish to write a brief and simple app that will run directly from the browser, then Vue has turned your wishes into reality. Vue is focused on what it can do for you, but not opinionated about how you do it. This flexibility makes it easy for React developers, Angular developers or developers new to JS to switch to Vue because of its familiar design

2. Focus- Vue's biggest strength is its ability to build user interfaces for the web. The creators know that there are already plenty of libraries out there to help you iterate arrays or handle promises and HTTP requests, so you won’t find any of that duplicated in Vue. This focus allows Vue to avoid the bloatware of the other frameworks. Along with this, the minimal surface area of its API allows its creators to give more emphasis on improving than maintaining it.

3. Simplicity- You wouldn't believe how simple it is to work on React. Its simple UI and quick response make it easy to use it. Even those with the basic understanding of HTML and JS— perhaps designers and juniors on a team — can get a sense of how Vue code works. For more experienced developers, this simplicity allows immediate productivity.

4. Copying- A majority of the features that Vue has have been copied from its competitors released before it. As a relative latecomer, it has been able to copy the good parts of other frameworks and leave what doesn't work well. Vue’s reactivity system has inspiration from Elm. Vue’s template syntax is similar to Angular. In its latest version, Vue is now rocking a virtual DOM à la React. It can also be called as an amalgamation of all the good features.

Hope this article helped you in giving you the required information about Vue and why it is different from others.
A Modern Guide To Javascript SEO
Published: 2020-02-05 13:45:32

---
title: A Modern Guide To Javascript SEO
published: true
description: SEO has definitely changed a lot in the past couple of years, becoming more and more technical and front-end focused than just simply content-driven. Let's analyse how Google perceives Javascript.
tags: 
---

<body> 

<h2> Is Javascript A Problem For SEO? </h2>

<p>
Google has mentioned multiple times how their bot is perfectly able to crawl, render and index any form of content included in Javascript but this simply isn't the case. Many SEOs all over the world have mentioned how their pages which contained jQuery-based, Vanilla and even React scripts were ranking far below HTML and CSS-based ones.  
Recently, SEO and Javascript have become quite important in the world of CMS SEO, given the predominance of DOM-methods animations used in architectures like Wordpress, Magento and Shopify. 
</p>

<h2> Should I Remove All The Javascript, Then? </h2> 

<p> 
Absolutely not. Javascript is a delicate subject for SEO but it could easily be optimised. The only guideline when it comes to removing Javascript from your site would be related to deleting DOM Methods-related animations from the pieces of content which are keyword focused. If these keywords are included within a native application, for example, you should look into SSR <a href="https://openclassrooms.com/en/courses/1306056-ensure-your-website-meets-technical-seo-requirements/6201154-decide-between-client-side-and-server-side-rendering">Server Side Rendering</a> processes like prerender.io, as most of the times pieces of content included within Googlebot's rendering queues are due to the fact that the frameworks are rendered client-side. 
</p>

<h2> Moving JS To CSS </h2> 

<p>
With Javascript, especially within architectures like Wordpress, there are multiple times in which its usage is connected to minor tasks like opening an accordion, for example. By simply removing JS from it, what could happen is, in fact, a considerable loss of content within such process. For this very reason, using CSS properties and pure CSS accordions could be extremely helpful and will also save you some time, speeding up your landing page.  
</p>

<h2> JS SEO and Mobile </h2> 

<p>
Many <a href="https://www.apadmi.com/">app developers</a> in the UK have stated how impactful JS SEO has been when launching keyword-oriented applications, or apps which are merely focusing on content-related features. Google's mobile index first demands your content to be separated from JS even on its mobile version.
</p>


</body>
A Software Dev conference on a ship
Tags: clojure, humor, techtalks
Published: 2020-02-05 13:40:13

---
title: A Software Dev conference on a ship
published: true
tags: Clojure,humor,techtalks
description: What can go wrong with a Clojure talk on a ship?
---


I am delighted and honoured to have been invited to talk at [GOTO Oslo](https://goto-oslo.com/2020/speakers/1298/daniel-lebrero-berna) this March. 

As the conference is on a ship(!!!), I am scared that will end up like in the video. 

The risks of preaching Clojure to the heathens.

Hope to see you there!
Speak at HashiConf US - CFP - San Diego, CA (Oct 2020)
Tags: techtalks, challenge, cfp, hashicorp
Published: 2020-02-05 13:35:20

HashiCorp is looking for speakers for the upcoming HashiConf US in San Diego, October 13-15, 2020.

If you have a technical talk showcasing how you used a HashiCorp product to solve a problem, what challenges you faced, and the workarounds you found to solve them, we would love to hear from you. We value technical deep-dives, stories of how you use our technology, and retrospectives from your failures!

Apply here: https://hashiconf.com/us/

Topics we’d love to hear about:

Topics may range from the internals of our software to high-level use cases. Talks do not have to be exclusively about HashiCorp products, they can cover the broader industry and non-technical topics as well. Topics we love to hear more about include:

*Scaling distributed and microservice environments, including service discovery, networking and container schedulers
*Solving security and secret bottlenecks
*Managing infrastructure across hybrid and multi-cloud, as well as cloud migrations
*Introducing Infrastructure-as-Code to on-prem environments
*Dynamic application configuration at runtime
*Emerging architectural patterns, like service mesh and serverless
*Organizational impacts of DevOps and *Infrastructure-as-Code

Session formats:

Talks will be 30 or 50 minutes. 30-minute talks are ideal for implementation and customer stories, while 50-minute talks are great for technical deep-dives. Please keep your session to-the-point, only including relevant context. More concise talks often bring more value to the audience.

If you have any questions now covered in the CFP, you may reach us at speakers@hashicorp.com.

Good luck!
React Native documentation drive
Tags: reactnative, react, opensource
Published: 2020-02-05 13:12:46

---
title: React Native documentation drive
published: true
description: Want to help make the React Native docs super useful? Join the drive to update React Native's component and API docs!
tags: react native, react, open source
---

Want to help make the React Native docs super useful? I could use your help! We're running a drive to update React Native's component and API docs: https://github.com/facebook/react-native-website/issues/1579 

First time contributors welcome :)
Daily Developer Jokes - Wednesday, Feb 5, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-02-05 13:00:10

---
title: "Daily Developer Jokes - Wednesday, Feb 5, 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=Wednesday%2C%20Feb%205%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/5e12595d30baa.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:___ How does a programmer open a jar for their significant other?

___A:___ They install Java
 -->
Thirty Green Squares
Tags: beginners, mentalhealth
Published: 2020-02-05 12:55:05

I just got my 30th consecutive GitHub square!  While it doesn't mean much in the grand scheme of things, sustained motivation is tricky for me.  I'll take my little victory, thanksverymuch.

I hadn't set this as a specific goal, which I think was the trick here.  I tend to fail miserably when trying to do challenges like this up front.  I just had a bunch of stuff to work on last month, I guess.

I've noticed in general you can sorta-kinda get a birds-eye overview of my overall mental health over time by looking at my GitHub squares.  When I'm not doing so great, I stop producing, and vice versa.

2018 went pretty well:

![2018](https://dev-to-uploads.s3.amazonaws.com/i/9t6rjkvtge1wr0nx3p7d.png)

2019, pile o' "meh" with a few punctuation marks:

![2019](https://dev-to-uploads.s3.amazonaws.com/i/5fiscv377la71pwioavl.png)

2018 was better, but none of those blocks ever hit thirty straight days -  I think I maxed out at 27 in July-ish.

My day job got (and stayed) significantly more stressful all at once around early Dec 2018, and it took me a long time to stabilize from that.  Even after April I kept stumbling.  I've also been in school for all of 2019, but I don't think that's been a huge factor in terms of time management.  Even when busy, when I'm my best self I *always* make time to work with code.  If I'm not making commits, it means I'm letting all my energy pour out to the non-technical rest of my life and have nothing left over for creating.  Perhaps that's not a groundbreaking observation, but I like what it says about this month - I've never managed to streak this long before, and it was a busy month outside of my text editor too.  That's gotta be a good sign!

I like that GitHub makes me look at these streaks and lapses for a whole year.  Getting your square for the day doesn't necessarily mean you did something impressive, it just means you did *something*.  And in those rougher periods, sometimes that's enough.
string contains python
Tags: python, beginners
Published: 2020-02-05 12:51:53

In the <a href="https://python.org">Python</a> programming language, you can work with strings. A <a href="https://pythonbasics.org/strings/">string</a> is a text object in Python. If you have a large string (sentence, paragraph, chapter, book), you may want to search in it.

Searching in a large string, is known as finding a sub-string. Programming languages handle with this in different ways.

How to find a sub-string in Python?

If you programmed in other languages before, you may know string.contains() or string.indexof()

```c
if not string.contains("word"):
   continue
```

## Examples

Python doesn't have these, but it's not hard to find sub-strings. You can use the *in* keyword like this:

```python
    >>> s = "Hello World"
    >>> if "World" in s:
    ...     print("found")
    ... 
    found
    >>> 
```

You can use the string method .find() too

```python
>>> if s.find("World") != -1:
...     print("Found")
... 
Found
>>>
```

## Case sensitive

Both are case-sensitive, so this won't return anything because the first capital letter is missing:

```python
>>> if s.find("world") != -1:
...     print("Found")
... 
```

To avoid case-sensitive problems, you can call the lower() method on both strings.

```python
>>> if "World".lower() in s.lower():
...     print("Found")
... 
Found
```

This works for different characters too, but be careful with non-English characters. Like the Portugese word for read ("lê")

```python
>>> s = "lê"
>>> if "LÊ".lower() in s.lower():
...     print("Found")
... 
Found
```

But only for newest versions of Python! If you try the same in an older version of Python:

```python
python2
Python 2.7.17 (default, Nov  7 2019, 10:07:09) 
[GCC 9.2.1 20191008] on linux2
Type "help", "copyright", "credits" or "license" for more information.
>>> s = "lê"
>>> if "LÊ".lower() in s.lower():
...     print("Found")
... 
>>
```

To prevent problems like this, you want to rely on **casefold()**.

```python
>>> s = "lê"
>>> if "LÊ".casefold() in s.casefold():
...     print("Found")
... 
Found
>>> 
```

**Related links:**
* <a href="https://pythonbasics.org/strings/">More on Python strings</a>
* <a href="https://python.org">Python official homepage</a>
* <a href="https://pythonbasics.org/">Learn Python</a>
Starting Web Development 
Published: 2020-02-05 12:26:31

* Text Editor
# Vs Code
# Sublime Text
# Notepad ++

* Browser
# Chrome
# Firefox

* Design Mockup
# Adobe XD
# Photoshop
# Figma

* Deployment Tools
# FTP Client
# SSH Tools

* 3rd Party Terminal
# Gitbash

* HTML & CSS
# HTML 5 Elements
# Basic CSS
# Responsive Layout

* Javascript
is the language of the browser. It is important to make your page dynamic. 
# Vanila Js
# Dom Manipulation Events
# Fetch API & JSON
# Modern JS (ES6)

* Basic Deployment
# Domain Name
# Managed / Static Hosting
# FTP / SFTP
# SSH Shell

* Side Technologies
# Version Control (Github) 
# Command Line
# API & REST
# SASS (the power of css) 


Thx for read the docs, hope your enjoy for my blog :)
Coronavirus tracking website made with Vue and Node
Tags: node, vue, javascript
Published: 2020-02-05 12:23:38

Hello everyone!

I'm proud to announce my coronavirus (COVID-19) tracking website (https://the2019ncov.com). It has twitter updates from the World Health Organization and timeline of cases scraped from bnonews.com.

Here's a demo of the main functionality:

![the2019ncov](https://i.imgur.com/78xcabw.gif)

I built it with the following:
- Vue and Vuetify
- Express (Cheerio for web scraping)
- ApexCharts
- Twitter API
- Leaflet

It's heavily inspired by Johns Hopkins CSSE dashboard.

I also made it public so you can visualize your own!

Frontend: https://github.com/sorxrob/2019-ncov-frontend
Backend: https://github.com/sorxrob/2019-ncov-api

UPDATE: Added light mode!
Reading metadata of media files using Python
Tags: python, metadata, course, tracker
Published: 2020-02-05 12:16:54

Hello there my name is _Enis_ and this is my first post here :D

So where to start, i am IT Enthusiast and i am eager to learn  different stuff. Lately i started with __Python__ and  i wanted to experiment with it. I am learning stuff from a lot of sources like books, yt tutorials and Udemy courses. When i am at home where i have good internet speed i watch courses on my Udemy account but sometimes when i  am out of town i usually download course for offline use. I came to idea that it would be good to make python script to read metadata of videos to calculate my progress so i made this little terminal program.
I am using [MediaInfo](https://mediaarea.net/en/MediaInfo) to read metadata of files. (more info you can find in my github repo README file)

### Steps
* Download course you want and save it in some folder

![Pic 1](https://dev-to-uploads.s3.amazonaws.com/i/azescyoqytpjpd6dsecp.PNG)

{% github Enzzza/PyCTracker no-readme%}

* Open your favorite terminal (i am using cmder) and navigate to folder where you placed this script

* Call this script and pass path to it (place where you saved your course)
#####Example
```bash
     python VideoLength.py "D:\Udemy\Beginner Python and Coding Intro - Scripting a Virtual Car" 
```

There is some arguments you can pass into it, if you don't pass anything you get this

![Pic 2](https://dev-to-uploads.s3.amazonaws.com/i/r6snky8vav1pu87jmph9.PNG)

| Argument | Usage                                      | Example                             |
|----------|--------------------------------------------|-------------------------------------|
| -s       | length of specified section                |  VideoLength.py "path" -s 1         |
| -v       | open folder location of course             |  VideoLength.py "path" -s 1 -v      |
| -p       | play all section videos with video player  |  VideoLength.py "path" -s 1 -v -p   |
| -t       | get course progress                        | VideoLength.py "path" -s 1 -v -p -t |

> Argument -t must be used with -s argument

If you pass -s with combination of -t you can get how long of course you watched

![Pic 3](https://dev-to-uploads.s3.amazonaws.com/i/gum3518h2sj8nh5crs0s.PNG)


You can also open location of course folder with  argument -v  and with argument -p you can play all of your videos with media player.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gdi5k5u3l57p6gcrm7w1.PNG)
Why Majority Of Companies Take Outsource Data Entry Services?
Tags: dataentryservices, outsourcedataentry, ecommercedataentry, productentryservices
Published: 2020-02-05 12:09:33

The task could be for the money department which would deal with handling costs and also earnings, or it could be for the Human Resource Department taking care of the info base of workers and maintaining it updates according to brand-new additions or people who leave. Once, the extent of the work has actually been resolved, the information requires to be assembled. This could be in the sort of sheets of paper which have expenses, information of expenses as well as various other kinds of tabulated info, both online and also offline.


Since Gtechwebindia is so varied as well as huge, lots of organisations select to get out data entry jobs. This can be done by hiring a business, BPO's or by dealing with a personal to do the work for them. BPO's have entire teams that focus on different kinds of such jobs and are fluent in dealing with the many software application available conveniently offered. There are numerous benefits to utilizing business or people to acquire out information entrance job. While individuals have the advantage of being a little bit extra versatile when it concerns demands as well as specs, service that work towards executing entry jobs are more effective as well as much better time supervisors as a result of the huge range of people they utilize and train to do the task.

When choosing to outsource data entry work, care requirements to be required to make sure that business you are calling is legit and has the means or labor force important to perform the job, specifically if you have special software application in position just for getting in and organizing details. No matter what kind of details you are passing on, be it in the sort of sheets of pages that call for to be converted into tables, photos of documents or probably an audio transcription calls for to be done, company that manage data entry tasks are capable of taking care of all type of data as well as transforming and tabulating them right into any type of kind you desire.
Learning Javascript P5JS tutorial
Published: 2020-02-05 11:56:56

Learning Javascript P5JS tutorial
this is a very awesome playlist with projects and all.

https://www.youtube.com/watch?v=yPWkPOfnGsw&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&index=2
Using Secrets Manager or SSM Parameters by both ECS and local machine
Tags: aws, ecs, docker
Published: 2020-02-05 11:34:54

# Goal
https://docs.aws.amazon.com/AmazonECS/latest/developerguide/specifying-sensitive-data.html

> Amazon ECS enables you to inject sensitive data into your containers by storing your sensitive data in either AWS Secrets Manager secrets or AWS Systems Manager Parameter Store parameters and then referencing them in your container definition. This feature is supported by tasks using both the EC2 and Fargate launch types.

It is useful to inject parameters into containers on ECS.
I also want to use this method for containers on a local machine too.
Because I am often running containers on a local machine when debugging.

# How to

## Example

Inject parameter named ServiceSettings Into a container on a local machine from Secret Manager or SSM Parameter Store.

## Precondition

AWS CLI is installed.

## Shell

### When using Secret Manager.

```shell
setting=`aws secretsmanager get-secret-value --secret-id ServiceSetting --output text --query 'SecretString'`

docker run -it \
    -e  SERVICE_SETTING=$setting \
  ...
```

The point is to use the "--output text" option.

### When using SSM Parameter Store

```shell
setting=`aws ssm get-parameter --name ServiceSetting --with-decryption --output text --query Parameter.Value | tr -d ' \n'`

docker run -it \
    -e  SERVICE_SETTING=$setting \
  ...
```
The point is to use the "tr" to delete spaces and newlines.
And use the "--with-decryption" option when parameters are encrypted.

# Result
ECS and a local machine no longer need to change the way environment variables are captured in the application code.