teleren/devto huggingface dataset:
Install Rails in Ubuntu
Tags: rails, ubuntu, ruby
Published: 2018-08-23 04:10:29

---
title: Install Rails in Ubuntu
published: true
description: 
tags: Rails, Ubuntu, Ruby
---

I love rails because is realty the best framework that i was worked, but install it not is easy, here i show my experiency

Step 1: Install Languague Ruby -> `sudo apt install ruby`

Step 2: Install from Ubuntu the Gem  -> ` sudo apt install gem`

Step 3: Update Gem -> `gem update --system`

Step 4: Install RubyOnRails - > `gem install rails`

Step 4.1: If the instalation give you this: `zlib is missing; necessary for building libxml2` them
install this librarie: `zlib1g-dev` with this line command -> `sudo apt-get install zlib1g-dev`

Step 4.2: If see this error -> `ERROR:  Error installing rails:
        ERROR: Failed to build gem native extension. current directory: /var/lib/gems/2.3.0/gems/nokogiri-1.8.1/ext/nokogiri`

then run it this line command -> `sudo apt-get install ruby-dev`


Ths Last Step: For rails test, you would used this line: `rails --version`.

Show it something like this: `Rails 5.1.4`

See soon!
My Ideal Work
Tags: work
Published: 2018-08-23 04:10:02

---
title: My Ideal Work
published: true
description: 
tags: Work
---

Would get three features:

- __Remote Work__ - I love my family, desktop, keyboard, mouse, speed internet (60 Megabits/Seconds),my room ,and computer.

- __Team Work__ - This is the most important to build an application much huge that the team.

- __Learning__ - The last one but not less important, learning most everytime, gives me more powers to do application most huge that I.

Sorry, four features

-__Money__ - The money is a tool, is like the oil for my family and for take my dreams and made it reality.


__See soon!__
YouTube Like Ajax Progress Bar Plugin Using Jquery
Tags: youtube, ajax, jquery, plugin
Published: 2018-08-23 02:51:12

---
title: YouTube Like Ajax Progress Bar Plugin Using Jquery
published: true
description: YouTube Like Ajax Progress Bar Plugin Using Jquery 
tags: #youtube #ajax #jquery #plugin
---

Post Link : <a href="https://www.skptricks.com/2018/03/youtube-like-ajax-progress-bar-plugin.html" >YouTube Like Ajax Progress Bar Plugin Using Jquery </a>

Today, In this post we are going to implement YouTube like ajax progress bar using jquery. if you are the user of YouTube, then you may have been seen YouTube red color progress bar which appears on top of a YouTube page while loading page and also you may have been this feature in some other website as well. I have found YouTube like ajax progress bar jquery plugin in below website.

<img src="https://3.bp.blogspot.com/-PLQy5EUHl9E/Wr-inQZsQtI/AAAAAAAABa4/fmL_-ZptYZ4puEgvSw21eEHO5KeW7JLyQCLcBGAs/s400/youtube%2Bajax.jpg" />

{% youtube hPcPBxAhNVA %}

Downlaod Link : <a href="https://www.skptricks.com/2018/03/youtube-like-ajax-progress-bar-plugin.html" >YouTube Like Ajax Progress Bar Plugin Using Jquery </a>
I'm a C# dev that needs to build a web app. Sell me a tech stack.
Tags: webdev, help, csharp
Published: 2018-08-22 23:24:00

---
title: I'm a C# dev that needs to build a web app. Sell me a tech stack.
published: true
description: The world of web development is big and scary and moves incredibly quickly. I'm a lost C# game server dev. Send help.
tags: webdev, help, csharp
---

I'm interested in building myself a little web app. That's probably a simple task for most people here, but unfortunately when I left the world of web development jQuery was still considered 'pretty neat'.

So sell me your dream tech stack and tell me why I should build my web app with it.


For some background into the project:
- A Platform-as-a-service for another of my side projects
- Will need to interface into Digital Ocean's API to start and stop servers on the fly
- Will open up to a moderately simple dashboard page showing current resources and deployments
- Will need to have various step-by-step wizards for creating deployments
- Will need to be able to authenticate users, possibly with 2FA in the future
- Will need to interface with some form of payment provider (bonus points for recommendations!)


And background on myself:
- Primarily a C# developer
- Secondarily Python and Java
- Some experience with devops
- Some HTML, JS & CSS experience
- Lots of relational database experience
- Some NoSQL experience (specifically Firebase)

I look forward to reading any suggestions and recommendations people have! Feel free to ask for any more details etc. if you want!
React throwaway app: The Finale
Tags: react, webdev, beginners
Published: 2018-08-22 18:26:50

---
title: React throwaway app: The Finale
published: true
description: The long awaited conclusion to the series
tags: #react, #webdev, #beginners
---

Firstly, i must apologize for posting this part late. I've been working on some cool stuffs which i would be sharing with the community soon.
If you started this short series with me, you would understand that the idea is to build small apps to show that we understand how react works. These apps must not be perfect but should cover core aspects of react like: 

- states
- life cycles 
- events
- UI updates, etc

If you were just like me, you'll get bored of building these simple apps or you could feel that most of the apps you're building has repetitive features and you feel you're not learning something new. Well, that's a good sign because your brain is trying to tell you that it has created neural patterns of the new found knowledge called: "React." This is a sign you can move on to next step which could be to build something more complex or to learn react router or redux. 

If you want more practice project ideas, check [this](https://daveceddia.com/react-practice-projects/) out. 
Thanks for reading.

[Part 1](https://dev.to/fleepgeek/react-throwaway-app-1-currency-converter--52c7)
[Part 2](https://dev.to/fleepgeek/react-throwaway-app-2-movie-search-app-3f3d)
The Ethics code
Tags: ethics, android, code, mobileapp
Published: 2018-08-22 22:01:44

---
title: The Ethics code
published: true
description: What's your ethics code ? Can you create any app requested for by your client?
tags: ethics, android, code, mobileapp
---

Hello, I am happy to have stumbled on this website when I came across a post that taught me how to expose my localhost host to the internet for remote access.

I went through some posts and I see this is a good platform to share my thoughts as I progress in my programming career.

Talking about ethics, I'll like to know your thoughts about a situation I found myself in a few days back.

I got a job with a client and he requested I create a simple android app that can be used to store a user basic bio-data.

![Screenshot of the App](https://thepracticaldev.s3.amazonaws.com/i/2g5ucsj2aly5wj7z6wy9.png)



The twist in this was that he said I should also upload their GPS location, contacts and SMS as CSV files when they click on the signup.

I actually created the app and it's working well. But I didn't eventually deliver it to the client simply because I wasn't comfortable with the privacy issue.

![Sample Output when testing](https://thepracticaldev.s3.amazonaws.com/i/pqfuhlkkz4dfr510293w.JPG)

I will like to know what you would have done if you were in my shoes and support your choice of action with arguments.
The Introvert's Guide to Small Talk
Tags: introvert, tips, networking
Published: 2018-08-22 20:52:00

---
title: The Introvert's Guide to Small Talk
published: true
description: Tips and topics for small talk (not the programming language)
tags: introvert, tips, networking
---

Small talk is big.  It is HUGE.  It is everywhere and it is an important skill.

[Small talk](https://en.wikipedia.org/wiki/Small_talk) is the small informal filler conversation in day to day life.

Small talk can feel awkward and weird because it looks like a conversation without an explicit and obvious purpose.  But it **has** a purpose.  Small talk fills awkward gaps in conversations and helps pave the way for deeper conversation and friendship (if wanted).
![The android Data miming a conversation](https://i.imgur.com/GxilNld.gif)
Small talk is vital for networking in offices and conferences.  It is the multitool for conversations.  

It can be used to start conversations.
  
>"How is the weather outside? Is it suppose to rain?"

And it can be used to end conversations.

>"Yep, it is raining cats and dogs right now."
>"Really? I better to run to catch my bus. It was nice chatting with you."

## Five Topics for Small Talk
Here are my five go to topics for small talk.
- **Weather**

    Everyone can talk about the weather.  It is a good small talk topic but can feel dated and boring, especially if your location is always sunny or cold.  It probably was the first small talk topic.
- **Pets**

    Many people have them and those that do often love to talk about them.  You get to see pictures, learn about childhood pets, or maybe why they don't have a pet.  You probably will be asked if you have a pet as well.
- **Vacations** 

    Everyone either just came back or are planning their next vacation.  Vacations can tell you much about what a person likes or dislikes and can easily lead into other topics.  People are often very happy to talk about vacation.
- **Hobbies** 

    Some people read or watch movies.  Some people go rock climbing or biking. Everyone has something they do when they aren't at work. There are many hobbies out there in the world and the only way to learn about them all is to ask.
- **Conversation piece**

    Code shirts, code pins, figurines, and laptop stickers all fall into this category.  Remember to compliment only what someone obviously chose.

These topics work best when phrased as a question.  This encourages the other person to engage in the conversation and choose what level of detail they want to give.

## Ending Small Talk
Being that small talk doesn't have an explicit point, it can be easier to end than other conversations.  I often thank the person, state when I can chat again, and then leave.
> "It was good chatting with you but I have to get going, I'll talk to you later!"

Small talk doesn't have to be scary or frustrating. It is a valued multitool for conversation, networking, and modern life.
JQuery Date Picker With Example
Tags: jquery, webdev, datepicker, javascript
Published: 2018-08-18 14:10:45

---
title: JQuery Date Picker With Example
published: true
description: JQuery Date Picker With Example
tags: #jquery #webdev #datepicker #javascript
---

Post Link : <a href="https://www.skptricks.com/2018/01/jquery-date-picker-with-example.html" > JQuery Date Picker With Example </a>

In this tutorial we are going to discuss Jquery UI Datepicker. This is a smallest and powerful jQuery UI datepicker, which provide lots of functionalities and very easy to use and integrate in web based application.

Lets get started and follow the below steps  :
Make sure to insert the JQuery library file.
Make sure to insert the datedropper JS file and  datedropper CSS stylesheet file.
Make sure to insert input tag and set "text" to the "type" property.
Last step to Initialize datedropper  script.

<img src="https://4.bp.blogspot.com/-1Q5mUfzuYFU/WmnGkK55ICI/AAAAAAAABNw/NvioD8Gq2Zg9RlD9vwo-82pRvgZ-gd_KQCLcBGAs/s400/date.gif" />

{% youtube 5UCiUiLw05Y %}

Download Link :
https://github.com/skptricks/php-Tutorials/tree/master/Jquery%20date%20picker
I love pipenv's custom script shortcuts
Tags: python, pip, pipenv, pipfile
Published: 2018-08-22 19:26:36

---
title: I love pipenv's custom script shortcuts
published: true
description: It's simple and super useful
tags: python, pip, pipenv, Pipfile
---

_Update: I decided the below documentation is a bit naff, so I submitted a PR with some changes, and they were accepted! 🎉 Check it out - https://pipenv.readthedocs.io/en/latest/advanced/#custom-script-shortcuts_

From [the documentation](https://pipenv.readthedocs.io/en/latest/advanced/#custom-script-shortcuts):

### ☤ Custom Script Shortcuts
Pipenv supports to customize shortcuts in the `scripts` section. `pipenv run` will automatically load it and find the correct command to replace with. Given the Pipfile:

```
    [scripts]
    printfoo = "python -c \"print('foo')\""
```

You can type in your terminal to run:
```
    $ pipenv run printfoo
    foo
```

/_end documentation_

And it's really that simple! It runs the script you give it with the pipenv virtual environment context whether you have your pipenv shell activated or not. I have found this super useful for running tests, individual modules, and custom commands. 

For example, I use the autopep8 library so I can keep my whitespacing beautiful without the elbow grease of adding extra lines manually, so I have this line in the `[scripts]` section of my Pipfile:

```
pep8 = "autopep8 -riv --max-line-length 150"
``` 
With this, I can run `pipenv run pep8 <file or directory name>` and poof! one line at the end of each file, two lines between functions, one line between methods, etc. (Note: I do not actually think 150 is a good max line length, I just don't love where the tool auto-breaks lines, so I'd rather make those choices manually.)

### Caveats

As far as I can work out, anything that you could run in your terminal with your pipenv shell activated will work, with the notable exeption that you can't chain commands. I have not been able to get `&&`, `||`, or `;` to work. This doesn't really bother me, because if you really need to make a multiple command script, you can make an actual script file and run that from `[scripts]`.

For example, I have a somewhat complex script running my test suite (mostly to add color) and I have a `test.sh` file in the `scripts/` directory. This is what I have in my Pipfile:
```
[scripts]
tests = "./scripts/test.sh"
```
I type `pipenv run tests` and so it does.

If you've not been using this feature of pipenv, give it a try! Let me know what you end up using it for =)

If you've not switch to using pipenv yet, consider this a bit of incentive. I just switched this project from `requirements.txt` and virtualenv/pyenv and it was not bad at all. It took a bit of persistence to hunt down all the necessary changes in our continuous integration / deployment system, but the changes themselves were not difficult. 

Cheers 🥂🐍🙆🏻‍♀️
Speed Tip: Use Typefaces.js in Gatsby to Locally Host Fonts
Tags: websiteoptimization, gatsbyjs, javascript
Published: 2018-08-22 17:53:44

---
title: 'Speed Tip: Use Typefaces.js in Gatsby to Locally Host Fonts'
published: true
description: 'Loading open source fonts on your Gatsby website from an outside location? Speed up your load times by self-hosting those fonts via the Typefaces.js package!'
cover_image: 'https://thepracticaldev.s3.amazonaws.com/i/f49fpmlfrptl4khynmgn.png'
tags: 
  - website optimization
  - gatsbyjs
  - javascript
---

Since launching my new [Gatsby](https://next.gatsbyjs.org)-powered website, I noticed that there was only one thing still slowing down the load times: importing fontfaces via Google Fonts! Even though font files are usually relatively small, these imports cause an extra trip to Google's servers... and as a result, a tiny load-blocking delay occurs. (Especially on slow connections.)

### Introducing Typefaces.js

Self-hosting fonts has always been a bit of a mess in the past, so most folks (including myself) resorted to just importing straight from Google Fonts... that's what they suggest, after all!

Thankfully, there's a more elegant JS soution available: the [Typefaces.js](https://github.com/KyleAMathews/typefaces) package from Kyle Mathews. (Yes, one of the creators of Gatsby.) Assuming your site or app's build process uses Webpack with loaders for CSS and fonts, it's ridiculously easy to use. In my case, I wanted to use it in Gatsby...

#### Using Typefaces.js In Gatsby

This is all you have to do:

##### 1. Locate the Typeface files on NPM for font(s) needed. 

In my case, it was: [Emily's Candy](https://www.npmjs.com/package/typeface-emilys-candy) and [Merriweather](https://www.npmjs.com/package/typeface-merriweather). _Note: All of Google's fonts are available for this on NPM, as Kyle has programatically added them. (Font Squirrel's fonts are in the works too!)_

##### 2. Install the above files via yarn:

   ```javascript
   yarn add typeface-merriweather typeface-emilys-candy
   ```

##### 3. Remove the previous imports of those fonts. 

(Mine were previously imported via an @import in my SCSS)

#####4. Add the following to `gatsby-browser.js`:

   ```javascript
   require('typeface-emilys-candy');
   require('typeface-merriweather');
   ```

   or, import in your top-level/layout component(s):

   ```javascript
   import 'typeface-emilys-candy';
   import 'typeface-merriweather';
   ```

##### 5. Do a fresh rebuild, and you're done! 

The entire process took me around 2 minutes total time, and I shaved an additional ~500ms off my mobile load times in the process. If you haven't already done this on your Gatsby site, I highly recommend it!
I've been a programmer for over 20 years, watched the internet the grow up, ask Me Anything!
Tags: ama
Published: 2018-08-22 17:10:35

---
title: I've been a programmer for over 20 years, watched the internet the grow up, ask Me Anything!
published: true
tags: ama
---

I've worked on so many projects in so many domains that I think I've lost track of all of them. I've worked in a few different countries, starting in Canada, working my way over to Germany. I've mainly worked in startups, but have had some medium to big company exposure. I've lead teams, I've followed, I've worked alone. I tend to work remote now. I do streaming, videos. I had a compiler once.

I write a lot. Fiction and non-fiction.

I'm a mentor (Hint: always looking for new students :)
joke project
Tags: discuss
Published: 2018-08-22 16:34:06

---
title: joke project
published: true
description: github joke project
tags: discuss
---
github have some joke project.like [fake s2-057exploit](https://github.com/TheKingOfDuck/S2-057). or [Humorous reminder](Humorous reminder).
What do you like the most joke projects?
I am a developer. How can I make money?
Tags: career, money, help, discuss
Published: 2018-08-22 16:10:47

---
title: I am a developer. How can I make money?
published: true
description: 
tags: #career #money #help #discuss
---

Thanks for all discussion and comment. I can conclude the ways for making money. 

* Find a job and get paid
* Find a client and provide service 

Most of us writing here, discussing here and reading here are **experienced developers**. Right? 

I created this post for **brainstorming** for **creative idea** for **making money**. 

*Lets start discussion*

# Awesome List

* Education
* Make friends not in the same field
* Build good relationship with customer

## Education

We all may have developed many projects. There may be various client in your contract. You can educate them on the solution. You may be referred by the clients. 

*Education may be a awesome way for marketing - simo97*

## Make Friends in different fields

We all are in technical field. We would not have the demand for technical guys but have demand for a job. The people in other fields may have demand for our technical skill.

*Selling to the guy in the same field is useless *


## Build good relationship with customer

Many people said building a good relationship with our customer. 

* Do you have any suggestion to build a good relationship? *

When we are doing a project, the slogan of "make customer happy" often make us unhappy. 

*How could you make a win-win relationship to me and our customer?*
Opensource Games Creator Community: call for help
Tags: games, help, opensource, showdev
Published: 2018-08-22 14:35:46

---
title: Opensource Games Creator Community: call for help
published: true
description: 
tags: games,help,opensource,showdev
---
Hi all, my name is Vincenzo, and I am addicted to games.
I can't stop thinking about games, playing, inventing and code games.

I am not posting in here to ask you to help me recovery from this addiction, I am here just to ask you to join me.

The main thing with games is that sometimes they are not the way I want them to be.
And so I start to think stuff like: `What if I make my own version of it?`


![iambender](https://thepracticaldev.s3.amazonaws.com/i/6vbhekvw52n8aag2f1i8.jpg)


Pretty much like this ↑ guy.
The **React** bit is not always there, but, since most recently I have been using it at work and for loads of my side projects I find it easier to work with, as I get rusty with stuff quite soon, if I dont work with them.

## What am I asking you?
The main thing about games is: *they need to be pretty*
And even though I am a full stack developer, I am really bad at making things pretty or user-friendly, as something that is user friendly for me is not for 90% of people in the world (I think is a common thing among developers).
That needs a specific set of skills:
![a](https://thepracticaldev.s3.amazonaws.com/i/z4g8v87j4fvxmy7cbrvr.jpg)
Not only to move things around using flexbox, but also to make things look and behave the way they should.

Another thing about games is: *they should be fun and work without loopholes/deadlocks*
Inventing games, going off a tangent from another game rules, customising the main objective of a game, and make it playable is quite hard too, and needs opinion of other people with the same or different mindset, but with the same passion for games.

And another thing is: *game should be played*
well, in that I can definitely help, and a lot of other people can too...

So what I am posting here to?
Let's recap:
1. I like games.
2. I want to (trying to) create/code games.
3. I'd like them to be opensource and free to play with forever.
4. I would like to find like-minded people with the same passion to share this ideas

and together create an Opensource Game team.
To create/design/code/host and most important of all **play** Games.

If anyone is interested, or wants just to insult me, please let me know here with a comment.
We can then speak about it and I can show off what I mean by **GAME**.
(Not only CS:GO, The Witcher 3, FIFA and a bunch of FPS with an open world)
Are there any Mastodon instances for devs?
Tags: discuss, mastodon, fediverse
Published: 2018-08-22 14:17:10

---
title: Are there any Mastodon instances for devs?
published: true
tags: discuss, mastodon, fediverse
---

[Mastodon](https://mastodon.social/about) is a hot topic now, and with Twitter constantly breaking their API there must be more than a handful of developers looking for joinable instances. But are there any? Should dev.to host one?