teleren/devto huggingface dataset:
Positioning yourself for remote work
Tags: remote
Published: 2019-09-19 15:02:27

---
title: Positioning yourself for remote work
published: true
tags: remote
canonical_url: https://aravindballa.com/writings/position-yourself-for-remote-work/
---

Remote work is [picking up](https://buffer.com/state-of-remote-work-2019) these days. Its easy to find people, in countries like India, who are working remotely for a company which is located elsewhere. And there are a lot of predictions which say: by 2020, there will be 50% workforce will be remote. Companies like Basecamp, Stripe, etc have remote teams and encourage them to be remote.

But how do you land a remote job? Especially when you are a fresher.

Imagine you are the recruiter looking for a remote candidate. What would you search for? You would obviously look for the work the person has done in the past. Its easy if the person has some previous experience in the same field. If not, you could check his github profile and the projects that they have done. He/She has a blog and write about the technology regularly? Then its an added advantage. The person knows what they are doing, that’s why they care to explain it in their blog.

Hope that has all the answers you were looking for.

Landing a remote job is hard and there is some luck involved. But I feel _hard workers are the luckiest_.

Number one rule -

## Build a profile

Tell people about the projects you have made and write about the decisions you took while building it. If you need more content, **journal** daily while building the projects.

Create a basic **website** that tells about you. Portfolio websites are the modern resumes. Its very easy to get started these days, with companies like [Netlify](http://netlify.com) offering free hosting.

Write about technology that you care. Write about what you are learning. Help others start off, as well.

Push all your projects to **Github** and let people, and potentially recruiters, know you can code.

## Community

Join a community, preferably with remote devs, so you can get help and know about job opportunities. If you are from India, [Remote Indian](https://remoteindian.com/) is such group. Its a very active and good place to hangout with remote workers from India.

Find people on Twitter or [dev.to](http://dev.to) (or Reddit) and talk to them. Get to know how it feels to work remotely and ask them if they can refer you to any job that they know of. I’d be happy to help if you hit me on Twitter.
Create an Azure SQL Server Database
Tags: azure, azuresqldatabase
Published: 2019-09-16 23:39:10

In this [tutorial](https://github.com/patricksameerajayalath/AzureTutorials/blob/master/Create%20an%20Azure%20SQL%20Server%20Database.pdf) I’m going to show how to:

• Create a Resource Group
• Create a SQL Database Server
• Create a SQL Database
• Deploy SQL Database to the SQL Database Server

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/5e0htiiiacbmgupo1cz0.JPG)

You can find the PDF version of this tutorial [here](https://github.com/patricksameerajayalath/AzureTutorials/blob/master/Create%20an%20Azure%20SQL%20Server%20Database.pdf).

You can find all my Azure/.Net tutorials [here](https://dev.to/patricksameerajayalath).

Enjoy !!
Easy data animations in Vue with Vuenime
Tags: showdev, vue, javascript
Published: 2019-09-16 22:41:01

---
title: Easy data animations in Vue with Vuenime
published: true
description: Vuenime is a Vue wrapper for Animejs that makes animations so easy
tags: showdev, vue, javascript
---


Few times in a row I have been creating data visualizations with animations that incapable of CSS transitions. Every time I implemented all animation logic from scratch using [Animejs](https://animejs.com). 
Except for the last one when I realized that the combination of the `watch` property and `anime` call can provide a simple way to create a wrapper component for declarative animations. 

And I wrote it. 

Then I discovered that there are no such packages in npm. Okay, there is [vue-anime](https://www.npmjs.com/package/vue-animejs) but it just adds `$anime` to Vue prototype and provides `v-anime` directive (which is limited to DOM node; also I don't use directives at all because of JSX).

And I made an npm package.

Frankly, it was a long process of finding free time, deciding how to provide documentation, which features are necessary for release, and so on. But I turned off the perfectionism and here it is!

I hope you find this package useful and give me some feedback!

[NPM Package](https://www.npmjs.com/package/vuenime)
[GitHub Repo](https://github.com/denisinvader/vuenime)
[Storybook](denisinvader.github.io/vuenime/)
What's your toolkit for acing Hackathons?
Tags: saas, beginners, hackathon
Published: 2019-09-16 21:41:40

Like many of the folks in this community, I love hacking. It lets me experiment in a low-pressure environment and learn new technologies without worrying about long-term viability.

I've spent a lot of time thinking about how I can be a more effective hacker—what tools can I use to expedite the "boring" stuff (infrastructure, auth, backend code to glue together a datastore, etc.) so that I can maximize time spent on the stuff that differentiates my project.

I'm wondering what tools other people use to get them going and save time during hackathons. Here's my list for context:

- [Firebase](https://firebase.google.com) (auth, NoSQL database)
- [React](https://reactjs.org/) (frontend framework)
- [Gatsby](https://gatsbyjs.org/) or [Create React App](https://github.com/facebook/create-react-app), depending on how much of my site can be static (boilerplate, frontend dev experience)
- [Netlify](https://netlify.com) (hosting/deployment, serverless function deployment)

Anyone have anything else that they love using?
misskey.dev introduction
Tags: misskey, fediverse, sns, webdev
Published: 2019-09-16 21:31:50

---
title: misskey.dev introduction
published: true
description: Introducing the most advanced Fediverse software Misskey.
tags: Misskey,Fediverse,SNS,Webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/1vj6adwfz0r58v3eoubl.png

---
Misskey was an SNS software developed by syuilo in 2014. Initially it was not connected to Fediverse, but it has been supported since April 2018.

The contributor has launched an instance called misskey.dev and welcomes registrations from around the world. It is free to use and some donations are accepted.

![misskey reaction image](https://thepracticaldev.s3.amazonaws.com/i/o3xdftse9kkih3wxkdkf.png)

Various custom emoji can be used for reaction operations.

###Links

misskey.dev https://misskey.dev/
joinmisskey https://joinmisskey.github.io/

GLHF!
HTTP Status Codes decision diagram 
Tags: api, rest
Published: 2019-09-16 21:14:34

---
title: HTTP Status Codes decision diagram 
published: true
description: HTTP Status Codes decision diagram from loggly.com
cover_image: https://thepracticaldev.s3.amazonaws.com/i/tmyu8ohynrg7o2y57lix.png
tags: api, rest
---

Wondering which http status code to use when is question almost all of us face at certain times. Some of the HTTP codes, I have not used in ages. Recently when designing an API I came across this awesome infographic from loggly.com, this is sort of a decision tree that explains the whole suite of status codes. I decided to link it instead of embedding the image, because its not my original content.

https://www.loggly.com/blog/http-status-code-diagram/
How do you organize your extension methods?
Tags: csharp, dotnet, discuss
Published: 2019-09-16 20:46:54

Do you have a class library for all extension methods?
Do you copy & paste extension methods from one project to another? 
Do you have different class libraries for different extended objects (like `stringExtensions.dll`, `IComparebleExtensions.dll` etc')?

Personally, I find it best to have a different dll for each assembly - so for instance I'll have a `StringsExtensions` class and an `IComparebleExtensions` class in one dll called `<companyName>.System.Extensions.dll`. 

What do you prefer? Why do you prefer that?
Profile page, Dark navbar, Social footer | Module Monday 55
Tags: showdev, githunt, webdev, javascript
Published: 2019-09-16 20:37:43

---
title: Profile page, Dark navbar, Social footer | Module Monday 55
published: true
description: Module Monday 55
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1568522902/identity_vmkhby.gif
canonical_url: https://guide.anymod.com/module-monday/55.html
---

## Everything below is open source 
It's free to use on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Profile highlight page
Full page profile with simple links and fade in effect.
<a class="btn btn-sm" href="https://anymod.com/mod/identity-solo-portfolio-page-dknnrb?preview=true">View mod</a>
<a href="https://anymod.com/mod/identity-solo-portfolio-page-dknnrb?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1568522902/identity_vmkhby.gif"/>
</a>

## Nav menu overlay
Side/top navigation solution with full page overlay.
<a class="btn btn-sm" href="https://anymod.com/mod/navbar-llkmrr?preview=true&dark=true">View mod</a>
<a href="https://anymod.com/mod/navbar-llkmrr?preview=true&dark=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1568522901/navbar_rkvryi.gif"/>
</a>

## Content circles
Pre-styled circle images with text and call to action buttons.
<a class="btn btn-sm" href="https://anymod.com/mod/circles-and-content-barkok">View mod</a>
<a href="https://anymod.com/mod/circles-and-content-barkok">
  <img src="https://res.cloudinary.com/component/image/upload/v1568522901/content-circles_z5ktjd.png"/>
</a>

## Dark social footer
Reusable footer with message and social links.
<a class="btn btn-sm" href="https://anymod.com/mod/dark-footer-with-social-links-dkdobk">View mod</a>
<a href="https://anymod.com/mod/dark-footer-with-social-links-dkdobk">
  <img src="https://res.cloudinary.com/component/image/upload/v1568522900/footer_hfaidu.png"/>
</a>

## Hover image text
Image with caption overlay on hover.
<a class="btn btn-sm" href="https://anymod.com/mod/rdbdn?v=20&preview=true&lorem=true">View mod</a>
<a href="https://anymod.com/mod/rdbdn?v=20&preview=true&lorem=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1568522901/hover-image_bo0bve.gif"/>
</a>


<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
Reddit Video Downloader (Supports Sound)
Tags: python, reddit, downloader, video
Published: 2019-09-16 19:57:25

---
title: Reddit Video Downloader (Supports Sound)
published: True
description: 
tags: python, reddit, downloader, video
---

## Called it [redvid](https://github.com/elmoiv/redvid)

I tried to make use of almost everything I learned in python in this project. I also used `ffmpeg` to mux video and audio together if audio exists.

This project is tested on Linux and Windows till now, and It should work fine on Mac OS.

I would be grateful if you could contribute to this project with any idea :)
Who says Programming in Mobile is tough?
Tags: javascript, css, html, react
Published: 2019-09-16 19:48:11

[JSitor](https://jsitor.com) is a web tool which is used to write Web and NodeJS snippets, along with the web version, it also supports mobile app-based editors which can be very helpful to test out our ideas whenever we are away from our laptop. 

Both Android and iOS apps are built with the power of [ReactNative](https://facebook.github.io/react-native/) and [CodeMirror](https://codemirror.net/).


[Download iOS App](https://itunes.apple.com/us/app/jsitor/id1455784773?mt=8)
[Download Android App](https://play.google.com/store/apps/details?id=com.ashvin777.apps.jsitor)

#What is different about JSitor app?

- Supports **TypeScript, JSX, Babel, Script Modules**
- Supports **Pug** document formatting
- Supports **Less, SCSS, PostCSS**

- Awesome interface an easy to use
- In sync with the web version [JSitor.com](https://jsitor.com), so you can finish your unfinished work anywhere
- Rich **syntax highlights and suggestions**
- **Quick keys** over the keyboard
- Easy to install external **CDN** libraries
- **Log in with Github** to manage snippets
- **View Trending/Most viewed and Most recent** snippets

#Few screenshots

![](https://github.com/jsitor/jsitor/raw/images/Screenshot%202019-09-17%20at%2012.55.41%20AM.png)

![](https://github.com/jsitor/jsitor/raw/images/Screenshot%202019-09-17%20at%2012.55.56%20AM.png)

![](https://github.com/jsitor/jsitor/raw/images/Screenshot%202019-09-17%20at%2012.55.49%20AM.png)

#Know more about JSitor
{% link https://dev.to/ashvin777/jsitor-an-alternative-of-codepen-jsbin-and-jsfiddle-1l98 %}


I won't say that JSitor will be the best tool but definitely it is worth to explore. Give a try and share your feedback. We would love to hear from you guys.

- Ashvin Suthar (Creator of JSitor.com)
- Follow us on Twitter - https://twitter.com/JSitorEditor
Why you should learn Symfony as a PHP developer
Tags: drupal, laravel, php
Published: 2020-01-03 08:18:11

---
title: Why you should learn Symfony as a PHP developer
published: true
date: 2019-09-16 19:45:23 UTC
tags: Drupal,Laravel,php
canonical_url: 
---

As a PHP developer it’s well worth learning the Symfony framework or at least some of the concepts. That’s because so many other projects use Symfony components and some of its architecture under the hood. Personally I’ve seen this in Laravel and Drupal. See a list of projects using Symfony here: [https://symfony.com/projects](https://symfony.com/projects)

So what are some things one should take the time to look into?

Well first there are of course the many components. Some of the components Drupal makes use of are: EventDispatcher, HttpFoundation, Routing, Validator and Yaml. Thanks to Composer and autoload it’s very easy to add a component to a project.

Then you will want to learn about service containers and dependency injection. It sounds complicated, but these are actually just ways for creating objects and passing them into your class.

Also read about the Symfony classes that allow you to interact with the HTTP requests and responses. In connection with this, you will want to learn about routing the Symfony way.

Although Laravel comes with its own ORM, Eloquent, it’s good to spend some time understanding the advantages and disadvantages of using Doctrine, Symfony’s preferred ORM. The same goes for the templating engine Twig. Drupal also uses Twig and Laravel’s Blade is quite similar.

In conclusion: While it’s not necessary to know Symfony for working with Laravel or Drupal, Symfony knowledge can give one bigger confidence in tackling any of the many projects that make use of Symfony components and concepts.
Store React Form Data or State in Local Storage
Tags: react, storereactformdata, reactformstate, reactlocalstorage
Published: 2020-02-01 18:33:08

---
title: Store React Form Data or State in Local Storage
published: true
tags: React, Store React Form Data ,react form state,react local storage
canonical_url: https://www.positronx.io/store-react-form-data-or-state-in-local-storage/
---

The post [Store React Form Data or State in Local Storage](https://www.positronx.io/store-react-form-data-or-state-in-local-storage/) appeared first on [positronX.io](https://www.positronx.io).

In this tutorial, we will learn how to store React’s form data or form state in local storage using React life cycle methods. Local storage is handy when it comes to storing the data on the web browser; the good thing about local storage is that data doesn’t remove from the browser unless we remove the browser’s cache. We are going to learn how to use local Storage in React app to store the data on the web browser. 

We will create a basic React app, in which we will create a basic user form using Bootstrap 4. In this form, we can define the name, email, and phone number. The unique thing about this form is that even if you refresh the browser, the React form state won’t change.

[Click here to read more](https://www.positronx.io/store-react-form-data-or-state-in-local-storage/)
RSocket with Spring Boot & JS: Zero to Hero
Tags: javascript, rsocket, springboot, reactiveprogramming
Published: 2019-09-16 20:22:14

---
title: RSocket with Spring Boot & JS: Zero to Hero
published: true
tags: javascript,rsocket,spring-boot,reactive-programming
canonical_url: https://medium.com/@domenicosibilio/rsocket-with-spring-boot-js-zero-to-hero-ef63128f973d
---

[![](https://cdn-images-1.medium.com/max/700/1*qEP3HBtELYex0A-FWL2UAA.png)](https://medium.com/@domenicosibilio/rsocket-with-spring-boot-js-zero-to-hero-ef63128f973d?source=rss-299466747366------2)

What’s RSocket? Why should I use it? How do I use it?

[Continue reading on Medium »](https://medium.com/@domenicosibilio/rsocket-with-spring-boot-js-zero-to-hero-ef63128f973d?source=rss-299466747366------2)
How to use Rails translations for Reform attributes
Tags: rails, reform
Published: 2019-09-16 19:19:00

If you use [Reform](https://github.com/trailblazer/reform) for the form objects and want the translations in your Rails application to work as with ActiveRecord objects, then you can add `ActiveModel::Translation` module to the form class or base class and specify the method with the key to translations.

```rb
class BaseForm < Reform::Form
  extend ActiveModel::Translation
  
  def self.i18n_scope
    :forms
  end
end
```

```rb
class UserForm < BaseForm
  feature Coercion

  property :login
  property :change_password, virtual: true, type: Types::Form::Bool
  property :password
  property :password_confirmation
  
  validation do
    required(:login).filled
  end
  
  validation if: ->(_) { change_password } do
    required(:password).confirmation
  end
end
```

Set translations for form fields. 
You can move them to a new file `config/locales/forms.yml`.

```yml
en:
  forms:
    attributes:
      user_form:
        login: Enter login
        change_password: Change password?
        password: Enter password
        password_confirmation: Confirm password
```

Now, translations will be used by the simple form or you can call them manually by `UserForm.human_attribute_name`.
How to run a npm package from the command line
Tags: node, javascript
Published: 2019-09-16 19:14:14

---
title: How to run a npm package from the command line
published: true
canonical_url: https://www.coreycleary.me/how-to-run-a-npm-package-from-the-command-line/
tags: node,javascript
---

<em><strong>Originally published at <a href="https://www.coreycleary.me/how-to-run-a-npm-package-from-the-command-line/">coreycleary.me</a></strong>. This is a cross-post from my content blog. I publish new content every week or two, and you can <a href="https://www.coreycleary.me/about/">sign up to my newsletter</a> if you'd like to receive my articles directly to your inbox! I also regularly send cheatsheets and other freebies.</em>

Have you ever come across a tutorial with instructions like the following?

<blockquote>Run `npm install knex`, then run `knex migrate:make migration_name`</blockquote>

That's great that you can run the npm package you just installed (knex, in this case) from the command line, but what's usually left out is how you <em>actually</em> go about doing that.

One day to do this is to add your node_modules binary folder to your PATH, using something like PATH=$(npm bin). But sometimes adding more stuff to the PATH can be annoying, and doesn't always play well with relative/absolute paths.

And depending on which version of npm or nvm you're using and if you've already made any changes to your $PATH, if you install the package globally, you can then run it from the command line. But this then pollutes your global modules. If you don't <em>need</em> a package installed globally, why do it?

Another way is to run the package from the command line by specifying the full path for the module. Imagine this is a locally installed package we're trying to run - from the command line it would be:

`$ projects/my-db-project/node_modules/knex/cli.js migrate:make migration_name`

But having to type that out for each node module you want to run from the command line? And having to remember all their paths? That's even more annoying than adding to the $PATH variable...

<h3>npx to the rescue</h3>
If you're using a npm version >= 5.2.0, it comes with a great tool called `npx`. npx lets you run commands from a local node_modules/.bin. And it's really easy to use - our `knex` command from above would simply be:

`npx knex migrate:make migration_name`

<h3>Testing out packages</h3>
npx also lets us install "temporary" (not installed globally) packages if they don't already exist.

For example, if you don't have `create-react-app` installed but want to test it out, you can do `npx create-react-app my-app` (passing options just like you would if it was already installed) and npx will install the package then run the command for you.

So next time you need to run a npm package from the command line and want a dead simple solution, use npx!

And if you found this post helpful, <a href="https://www.coreycleary.me/about/">here's that link again</a> to subscribe to my newsletter!
I hate time tracking, so I tracked my time.
Published: 2019-09-16 19:10:20

I really hate personal micro managing and time tracking, but I was intrigued by some of the stories a recent team meeting so I bought a little booklet today and decided to just add a 2-5 word log entry every time I did something, changed focus/context, or anything that kind of struck me as needing logging. 

Here’s my favorite segment from the day:

```
10:00 - Begin deploy 1.18
10:15 - Complete deploy
10:19 - Revert deploy
10:25 - Attempt re-deploy
10:30 - Nope
10:37 - Found problem
10:42 - Redeploy
10:59 - Deploy again
11:06 - It worked!
```

Also this:

```
12:24 - Rant about idiots
```

It was a good day.
Daily Challenge #67- Phone Directory 
Tags: challenge
Published: 2019-09-15 17:04:08

---
title: Daily Challenge #67- Phone Directory 
published: true
series: Daily Challenge
description: [add a brief description of task]
tags: challenge
---

John keeps a backup of his old personal phone book as a text file. On each line of the file he can find the phone number (formated as `+X-abc-def-ghij` where X stands for one or two digits), the corresponding name between `<` and `>` and the address.

Unfortunately, everything is mixed, things are not always in the same order; parts of lines are cluttered with non-alpha-numeric characters (except inside phone number and name).

Examples of John's phone book lines:

`"/+1-541-754-3010 156 Alphand_St. <J Steeve>\n"`

`" 133, Green, Rd. <E Kustur> NY-56423 ;+1-541-914-3010!\n"`

`"<Anastasia> +48-421-674-8974 Via Quirinal Roma\n"`

Could you help John with a program that, given the lines of his phone book and a phone number returns a string for this number: `"Phone => num, Name => name, Address => adress"`

Examples:

`s = "/+1-541-754-3010 156 Alphand_St. <J Steeve>\n 133, Green, Rd. <E Kustur> NY-56423 ;+1-541-914-3010!\n"`

`phone(s, "1-541-754-3010") should return "Phone => 1-541-754-3010, Name => J Steeve, Address => 156 Alphand St."`

It can happen that, for a few phone numbers, there are many people for a phone number -say nb-, then return : 
`"Error => Too many people: nb"`

or it can happen that the number `nb` is not in the phone book, in that case return:
 `"Error => Not found: nb"`



***
_Today's challenge comes from g964 [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_