teleren/devto huggingface dataset:
What do you look for in a browser?
Tags: question, discuss, ideas, browsers
Published: 2018-09-26 01:04:52

---
title: What do you look for in a browser?
published: true
description: can you share what you are looking for in a web browser (mobile or desktop)
tags: question, discussion, Ideas, browsers
---
So, What is what you look for in a web browser? 
What are the features you want/need?

I kind of want to explore UWP/Electron to create a prototype of a web browser, leveraging the fact that either chromium and chakra are two great capable engines

and I'd like to see if ~~I don'get bored~~ I can do some stuff,
If you are wondering what is this all about you can check the next UWP javascript sample

{% github https://github.com/MicrosoftEdge/JSBrowser %}

and in the case of Electron you can find many [here](https://electronjs.org/apps?q=browser)

but this is a good example also

{% github https://github.com/wexond/wexond %}

with UWP you can do it either with JavaScript (as shown above) or with C#, VB, C++, in Electron just JavaScript (or [rust, cpp] native modules if you want to be fancy)


please share your features, questions and comments!
in any case, I will report back my experiences on working with such platforms!
The best node version manager - n
Tags: node, javascript, vcs, n
Published: 2020-09-12 12:56:57

---
title: The best node version manager - n
published: true
date: 2018-09-26 00:00:00 UTC
tags: [node, javascript, vcs, n]
canonical_url: https://mrpowerscripts.com/best-nodejs-manager/
---

Nodejs is the javascript runtime that will not go away even though [people have been complaining about it for a long time](https://news.ycombinator.com/item?id=2709539). Things get trickier when you add `npm` into the mix. Your project you want to work on might require an older version of nodejs, but you have the latest and greatest version installed. 

The incredibly simple tool with a fitting name called - n - can help you quickly manage the version of node that you’re currently using.

Instructions to install n [can be found right on their GitHub repository](https://github.com/tj/n). The docs are really great, so I don’t think they need repeating here. There are of course other node version managers but I’ve found n to do everything I need. I can change the version of node with a quick and short command. If the version I want isn’t installed it will install it for me before switching to that version. What more could you ask for when all you need is a nodejs version manager? Definitely check it out if you’re looking for something simple.
Is it good or bad practice to make developers pay money for his bugs?
Tags: discuss, productivity, issues, bug
Published: 2018-09-25 22:06:07

---
title: Is it good or bad practice to make developers pay money for his bugs?
published: true
description: 
tags: discuss, productivity, issues, bug 
---

I see this practice on several teams, but I'm not sure if really works.

For me cause more problems because the team focuses his effort on the fight about the bug with QA and less to solve it.

Someone has used this strategy?
Money was collected for?
Review. Event dispatcher based on the CustomEvent interface
Tags: javascript, discuss, opensource
Published: 2018-09-25 22:01:36

---
title: Review. Event dispatcher based on the CustomEvent interface
published: true
description: 
tags: javascript, discuss, opensource
---

I will appreciate some review for CustomEvent package https://github.com/shystruk/custom-event-js.

The Custom Event Dispatcher provides the ability to communicate inside your application by dispatching events and listening to them. It works in all popular browsers, including Internet Explorer 9 and higher.

This is one of the best ways to communicate between your components (universal).

Thanks!
NOW CLOSED - [Hiring] Django Dev (Freelance & Remote)
Tags: django, python, hiring
Published: 2018-09-25 21:48:39

---
title: NOW CLOSED - [Hiring] Django Dev (Freelance & Remote)
published: true
description: Walk AS One is looking for a Django developer to work alongside an architect, project manager, and other developer(s) / designers.
tags: django, python, hiring
---

Among many things, I’m the President of a non-profit. We need a new Web App building to replace our old defunct one.

I am unable to build it myself as I cannot charge my own charity *(conflicts of interest)*, and I don’t have a few months to give away for free *(unfortunately.)*

The full details are below. Thanks

## Job description

Walk AS One is looking for a Django developer to work alongside an architect, project manager, and other developer(s) / designers. The new web app will involve integration with third parties *(such as Fitbit)* and will be hosted on AWS or similar service. The project is planned to start by the end of October *(or sooner, if able)* and should be completed before the end of January, to allow for beta-testing before our flagship event.

## About us and the job

[Walk AS One](http://walkasone.org) is a registered 501c3 non-profit registered in Maine. We serve the [Ankylosing Spondylitis](http://walkasone.org/learn-about-a-s/what-is-a-s/) community by helping to raise awareness and by helping sufferers stay active, which is a vital component to the management of the disease.

Each year we hold a virtual walk-a-thon called **Walk Your AS Off** *(walkyourasoff.com)*. Registered users use our website to track their step counts and *“donate”* them to our current goal of reaching Mars. Each user is also part of a team, and we have built a real community around the event.

I am both pleased and saddened to say that we have outgrown our current website and technologies. We are looking for an ambitious developer to build a new site from scratch that will help us add features and scale the web app as future funds allow.

Some key features of the web app will be: Responsive design, progressive web app features, in-app messaging *(using third-party API)*, and user/team management functionalities.

## How to apply

All applicants are asked to fill in this form: [https://goo.gl/forms/pAxFwIsj3QsQhvWp1](https://goo.gl/forms/pAxFwIsj3QsQhvWp1)

The shortlisted candidates will be contacted via email to arrange a Skype interview with the President of Walk AS One (+/- the architect.)

Shortlisted candidates will be asked to provide a proposal for compensation after they have been interviewed and have reviewed our technical specifications document.

Please email any pertinent questions you have before applying to [info@walkasone.org](mailto:info@walkasone.org).
[Advice] Options to Handle Users in Node Express User dashboard instead of Okta or Auth0 3rd Party Service
Tags: discuss, javascript, webdev, frontend
Published: 2018-09-25 20:51:44

---
title: [Advice] Options to Handle Users in Node Express User dashboard instead of Okta or Auth0 3rd Party Service
published: true
description: NodeJS login and user management
tags: #discuss #javascript #webdev #frontend 
---

I am trying to build user login and dashboard with following. 

1. Node
2. Express server
3. MySQL

I don't want to use okta or Auth0 for user registration and dashboard management.

So what are some of the good places to learn Node (express server) and MySql user registration and management? 

I don't want to use MongoDB and NoSQL. 

I don't want to use OpenID and Social logins. 


So what are some of the pointers on the web to check out. 

Any github repository with project that does this would be helpful.
What is Ajax?
Tags: javascript, ajax
Published: 2018-09-25 20:36:32

---
title: What is Ajax?
published: true
description: 
tags: JavaScript, Ajax
---
What is Ajax?

When the instructor asked "What is Ajax" in my coding boot-camp class, someone immediately answered, "A cleaning solution!".  We all laughed but that's how people will answer outside the computer world.  So, what is Ajax in the computer world? 

AJAX stands for Asynchronous JavaScript and XML. It is a web development technique for creating interactive web applications. AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This means that it is possible to update parts of a web page without reloading the whole page.

A great example would be the Google suggestion list you see in the Google search box. When you start typing something in the Google search box, the list in that drop-down box changes. The content on the page dynamically changes without refreshing the page. How cool!

![alt text](https://thepracticaldev.s3.amazonaws.com/i/2t54lkf8pujkui7aknnc.png)

So how does Ajax actually works? I got the following diagram and steps from w3schools.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/r3vai97x0f4zockefp0y.gif)

How AJAX Works

1. An event occurs in a web page (the page is loaded, a button is clicked)
2. An HTTP Request object is created by JavaScript
3. The HTTP Request object sends a request to a web server
4. The server processes the request
5. The server sends a response back to the web page 
6. The response is read by JavaScript
7. Proper action (like page update) is performed by JavaScript

I will explain how to create, add, update, and delete in my next blog, so stay tuned.
Understand basic REST Methods 
Tags: rest, express
Published: 2018-09-25 19:41:14

---
title: Understand basic REST Methods 
published: true
description: 
tags: #REST , #Express
---


What is up fellow coder.  
Thank you for checking out my article on Understanding REST methods and its correlation with EXPRESS server. 


Lets get right into it!

##What is REST Method ?

Well it stands for Representational State Transfer.......

Ok, since this article is about REST methods associated with Express Router and Node.js. REST is the different HTTP routes that can define the relationship/interaction between the client/server for our applications. 

And these methods can be used to map out **CRUD** (create, retrieve, update, delete) operations. An example of CRUD application can be Facebook, because you can create content, retrieve content, update content, and delete content. 

**Big Picture**: when building a CRUD application you will need your 
Web page(html,CSS, and JavaScript), a database to get and store data, and a Server to configure the application and create routes between clients and database. Essentially you can imagine using REST methods is used as a way for the server to respond to what the client wants to do and apply the changes to the database.   



##Lets Apply

Lets take a look at some of the main REST methods and their correlation with a CRUD application. 

1. GET - this method retrieves information, a GET request can be made by a client or server to get information from a database. (The *retrieve* part of CRUD) 

2. POST - this request is often used to create a new entity. Clients post new content, which in turn the content will either create new data or update data in the database. (the *create* part of CRUD)

3. PUT - Store an entity at a URI. PUT can update an existing entity. A PUT request is idempotent, meaning clients can make that same call repeatedly while producing the same result. (the 'update' part of CRUD)

4. DELETE - Request that a resource be removed. If a client removes a content, the database will remove that content from the database. (the 'delete' part of CRUD)
Why I'm moving to Dev.to?
Tags: welcome
Published: 2018-09-25 19:18:16

---
title: Why I'm moving to Dev.to?
published: true
description: What are you waiting for?
tags: welcome
cover_image: https://thepracticaldev.s3.amazonaws.com/i/oxl288tc8md5xoyjfjjd.png
---

Number one and most important is: **Dev.to community Rocks!!! Hell Yeah!!!**

I need to tell you a "secret" before the start... I have moved my blog through `LiveJournal` > `Blogger` > `WordPress` > `Tumblr` > `Own blog site` > `Medium` and now `Dev.to`. Always we are moving around, but this time I feel it's different.

# Why?

Medium and the other blog sites are excellent platforms, but you are publishing specific content articles in the middle of nowhere. It's a stone falling down into the deep sea and not even cause little waves.

On the other hand, when you publish an article in Dev.to it's relative the same, but this stone it's falling down directly into Dev/Tech's sea. The same stone makes huge waves ready for fun... so, let's go, surf the web.

# What I miss from Medium

- Stats, really it's an important thing to implement on Dev.to, as core functionality or using alternatives like Google Analytics.
- [Feature Image](https://help.medium.com/hc/en-us/articles/215680047-Featured-image) with Focal point, that thing it's awesome. When you share the post on social networks, because focus image content where you want, no matters the dimensions.
- Can make money with [Partner Program](https://help.medium.com/hc/en-us/articles/115011694187) ... sadly not for me, because I don't live in the USA. It would be cool to have that.

But there is one thing that I not gonna miss:
- Comment and Articles are treated as equals. That's the most annoying thing that I ever used in a blog platform.
- We need to use the gist to see code format with syntax highlighting.

# What I love on Dev.to

- Markdown. I can use tables again and a lot of other tags. Perfect for Nerds and Geeks.
- His own Twitter channel promote best articles
- [Publish from RSS](https://dev.to/settings/publishing-from-rss) and canonical URL that don't affect Google SEO, avoiding detected as duplicated content.
- Can create or join [Organization](https://dev.to/settings/organization).
- [Open Source](https://github.com/thepracticaldev/dev.to) Project.
- Follow people and tags.
- Liquid tags, that thing is awesome.
- And again... an amazing community with a hunger for knowledge and help each other.  

{% twitter 1027643748153544704 %}

--- 

I really encourage Dev/Tech people and companies to do the same. What are you waiting for?

![Join us!](https://thepracticaldev.s3.amazonaws.com/i/alta7l2nai7db5xb6k9v.jpg)

**Join us!**

---

**That's All Folks!**
**Happy Coding** 🖖
Have you ever live streamed your coding process?
Tags: discuss, twitch, livecoding
Published: 2018-09-25 18:49:25

---
title: Have you ever live streamed your coding process?
published: true
description: 
tags: discuss, twitch, livecoding
---

I've been wanting to try out streaming my coding process on a site like Twitch, but I'm a bit intimidated! I've streamed video games before, but never something with multiple windows. If I'm streaming front end web work, for example, I'd want my audience to see my editor and my browser at minimum, and ideally also the design I'm following. I've watched streamers code before, but they're usually doing work that only happens in an editor and a terminal.

I'd love your thoughts!

**Have you ever watched a coding live stream? What did you like about it, and what do you wish they did differently?**

**Have you ever live streaming your coding process? What tips do you have?**
Debugging Ruby in VS Code
Tags: vscode, ruby, rails, debugging
Published: 2018-09-25 18:21:47

---
title: Debugging Ruby in VS Code
published: true
description: Using the built-in VS Code debugger for Ruby/Rails development
tags: #vscode #ruby #rails #debugging
---

Although `binding.pry` is adequate for simple debugging purposes, I find that for cases when I have to quickly see multiple variable and object values, it becomes time consuming and messy. Thus I 
use vscode's built-in debugging features with the [ruby debug ide](https://github.com/ruby-debug/ruby-debug-ide) interface. Here's how to set it up:

## Install the required gems

### For JRuby or Ruby v1.8.x

```
gem install ruby-debug-ide
gem install ruby-debug-base
```

### For Ruby v1.9.x

```
gem install ruby-debug-ide
gem install ruby-debug-base19x
```

### For Ruby v2.x

```
gem install ruby-debug-ide
gem install debase
```

## Create a `launch.json` file 

If you don’t have it yet, install the [Ruby](https://marketplace.visualstudio.com/items?itemName=rebornix.Ruby) extension and reload the editor.

In vscode, open the debugging tab and click on the dropdown, then choose the `Add configuration...` option.

![selecting 'Add Configuration in the debug view'](https://thepracticaldev.s3.amazonaws.com/i/fqz1kmiwvw3bavoy4sb8.png)

Select `Ruby` from the new dropdown menu. This will create a `.vscode` folder with a `launch.json` file in your current directory.

![Selecting Ruby as the configuration](https://thepracticaldev.s3.amazonaws.com/i/rxljn5dyck0rbeb1kpq6.png)

## Launch a debugging session

Now you can run the `rdebug` interface in your terminal:

`rdebug-ide --host 0.0.0.0 --port 1234 --dispatcher-port 26162 /path/to/the/file.rb`
(In case you need to change the port, remember to specify it in `launch.json` as well)

If you're trying to debug a Rails app, you should instead specify the path of the rails script in your project with the `server` command. The script is usually located in the `bin` directory of your project, in which case you would write it as `bin/rails server`.

After the interface is running in the terminal, you can start the debugging session. In the debug tab choose `Listen for rdebug-ide` from the dropdown menu. Click the start button. 

![selecting rdebug](https://thepracticaldev.s3.amazonaws.com/i/q825wie7mvmldthbofy1.png)

Your debugging session should be running. You can now hit your set breakpoints and use the debugging console to help analyse your Ruby code.

Here's an example:

![debugging preview](https://thepracticaldev.s3.amazonaws.com/i/9gj338y3o8wsy3xcy268.png)

Happy debugging!
How to Toggle between Images on Click
Tags: toggle, jquery
Published: 2018-09-25 17:57:42

---
title: How to Toggle between Images on Click
published: true
description: 
tags: #toggle, jQuery#
---

What is up fellow coder. 
Thank you for checking out my article on learning how to toggle between images on click. 


Lets get right into it!


## HTML



![Alt text of image]
(https://thepracticaldev.s3.amazonaws.com/i/0dcwyehim8sya3apq3nq.PNG)

1. Here we have a simple HTML document with a stylesheet link to the icons I am using on the head. 

2. In the body I have the 2 icon/images I want to toggle. In this case it is a check box and a uncheck box. Both of the icons are wrapped inside a **span** tag class name = 'tog'.

3. And if you look closely in line 8. I made sure the *checked* box style is hidden using **display:none**. 


##Now lets look inside the Javascript



![Alt text of image]
(https://thepracticaldev.s3.amazonaws.com/i/sworwl9lc4tx4hrc6w0d.PNG)

*Along with the Javascript, I am also using some jQuery method.*




1. On the selector I am selecting the **span** tag class. Then on click it will run a **function**.

2. The **function** is selecting an *i* tag which is the tag for both the check and un-check icon.

3. Lastly, I am using the **toggle** function to toggle between the two icons.


EZ PZ !


You can test it out here!
https://codepen.io/anon/pen/qMzyyw
Archiving git branches
Tags: git
Published: 2018-09-25 17:27:30

---
title: Archiving git branches
published: true
description: Using tags to declutter git repo branches
tags: git
---

This is a quick way to archive a git branch. Maybe you do not use the code anymore and the branch is cluttering the repo but for backup or historical reasons you need to keep it somewhere.

The first thing is to checkout to the branch

```
$ git checkout my-branch
```

Then create a new tag. I use the format `archive/branch-{name}`

```
$ git tag archive/branch-my-branch
```

Now we can upload the tags to Github or Gitlab

```
$ git push origin --tags
```

And delete the branch from local and origin repos.

Be sure to be in another branch like master

```
$ git checkout master
```

Then

```
$ git branch -d my-branch
$ git push origin :my-branch
```

If you need to delete the tag (an all the branch backup) from local

```
$ git tag -d archive/branch-my-branch
```

Or from origin

```
$ git push --delete origin archive/branch-my-branch
```

This will erase all tagged branch data though. Please be careful.
How do you shift between the coding mindset and other head spaces?
Tags: discuss
Published: 2018-09-25 13:35:09

---
title: How do you shift between the coding mindset and other head spaces?
published: true
description: 
tags: discuss
---

I find myself having to shift between different frames of mind, in my work and otherwise.

My code brain is different from the brain I need elsewhere. How do you do it?
Eliminate render-blocking resources
Tags: help, webdev
Published: 2018-09-25 13:27:29

---
title: Eliminate render-blocking resources
published: true
description: Eliminate render-blocking resources
tags: #Help #webdev
---

The audits tells me to Eliminate render-blocking resources and its giving me the cdn link of bootstrap... And I don't know how to deal with it.... Can you help?
Running all JUnit Tests on the Classpath
Tags: groovy, junit, testing
Published: 2018-09-25 12:55:42

---
title: Running all JUnit Tests on the Classpath
published: true
description: 
tags: groovy, junit, testing
---
I've been tinkering with this for a while, and have finally found a reliable way to run all of the JUnit tests that exist on the classpath. In my case this is so that I can package up my end-to-end tests as an executable JAR and run them in a Docker container, but there are various other use cases as well.

This code is in Groovy, because I'm doing this with Spock and Geb, but it'll work just as well in any JVM language.

Note as well that this uses the fantastic [ClassGraph API](https://github.com/classgraph/classgraph) for finding the tests.

So - here's the code:

```
import io.github.classgraph.ClassGraph
import org.junit.internal.TextListener
import org.junit.runner.JUnitCore
import org.junit.runner.Request

class RunAllTests {
    static void main(String... args) {

        def testClasses = new ClassGraph()
                .whitelistPackages(RunAllTests.class.packageName)
                .scan()
                .allClasses
                .filter { it.name.endsWith("Spec") }
                .loadClasses()


        def runner = new JUnitCore()
        runner.addListener(new TextListener(System.err))

        def testRequest = Request.classes(*testClasses.toArray())

        def result = runner.run(testRequest)
        System.exit(result.wasSuccessful() ? 0 : 1)
    }
}
```

It's as simple as that. That finds everything that is in the same package as the `RunAllTests` class or below, and that has a class name ending in `Spec`, and then runs them all.
Using parallax scrolling on mobile?
Tags: help, webdev, css, discuss
Published: 2018-09-25 11:10:55

---
title: Using parallax scrolling on mobile?
published: true
description: Parallax on mobile doesn't work. Is this intentional?
tags: help,webdev,css,discuss
---

I'm trying to use `background-attachment: fixed`. On desktop, this works as expected. But on mobile, it's broken. The background image moves with the page.

I've read workarounds that include using `position: fixed`, but if it's disabled on mobile, there must be a reason for it.

Here's an example of a page that uses the parallax scrolling effect: https://www.w3schools.com/howto/tryhow_css_parallax_demo.htm
Pruebas – QBasic game (1996 or 1997)
Tags: adventure, gamedev, games, programming
Published: 2018-09-25 11:11:14

---
title: Pruebas – QBasic game (1996 or 1997)
published: true
tags: adventure,game development,games,programming
canonical_url: 
---

“Pruebas” is an open source game combination of text adventure and RPG written in Microsoft QBasic (under MS-DOS 6.22).

![Screenshot](http://dhtmlgames.com/pruebas/pruebas.gif)

It is one of my first games that I created in 1996 or 1997 (I can’t remember), when I was about 12 years old (my birthday is in November). It is in Spanish language.

Runs natively under MS-DOS and compatible operating systems like Windows (you can use emulators like DosBox to run it under BeOS, Linux, \*BSD, etc.).

Official site: [http://dhtmlgames.com/pruebas/](http://dhtmlgames.com/pruebas/)

Mirror at TuxFamily (sometimes down): [http://pruebas.tuxfamily.org/](http://pruebas.tuxfamily.org/)

It can also be found on GitHub: [https://github.com/jalbam/pruebas](https://github.com/jalbam/pruebas)