teleren/devto huggingface dataset:
How to create automated functional tests in no time
Tags: testing, automation
Published: 2019-07-26 09:24:56

A brief tutorial showing how to record a simple test suite.

Puppetry is an open-source desktop application that gives non-developers the ability to create, manage, and integrate automated tests for Web
puppetry.app/

Credits:
Pacific Sun by Nicolai Heidlas available under Attribution Creative Commons 4.0 license Royalty Free Music from HookSounds (hooksounds.com)
This year I decided to learn... hand-writing
Tags: career, selfimprovement, goals, personaldevelopment
Published: 2019-07-26 09:18:46

---
title: This year I decided to learn... hand-writing
published: true
cover_image: https://thepracticaldev.s3.amazonaws.com/i/fwt5mxb1nfga3pmttbhs.png
description: Why you should strive and practice for a nicer calligraphy
tags: #career, #selfimprovement, #goals, #personaldevelopment
---

**My handwriting sucks.** 

In high school, I learned [Stenography (Shorthand)](https://en.wikipedia.org/wiki/Shorthand) - precisely the Gabelsberger Noe method - which is **a very cool way of writing super fast with a mysterious secret "alphabet"**.  Oh god, _I feel so old now_.

![stenography - Gabelsberger Noe ](https://thepracticaldev.s3.amazonaws.com/i/1jb7ikvopi5u8vxb09qw.jpg)

I loved it and I continued to use it afterward to take notes quickly. Maybe I wasn't writing 100% like that but still using lots of abbreviations for the most common words. 
Anyway, I never had nice calligraphy but all my attempts at writing fast and my decreasing use of normal writing made my handwriting worse and worse.

As soon as I started working, I began writing less and less. The fact that my writing looked like a mess did not bother me anymore, I was typing all day after all. And to take notes... either I use a voice recorder or I type on my laptop ( learned typing too - and even participated in competitions back then). 

![typing like crazy](https://media.giphy.com/media/B1uajA01vvL91Urtsp/giphy.gif)

Recently I also tried out [Live Transcribe](https://play.google.com/store/apps/details?id=com.google.audio.hearing.visualization.accessibility.scribe&hl=en) which is amazing.


The fact that my architectural designs and UML looked like crap on the whiteboard or on my notepad did not really bother me: they were sketches improvised during meetings, anyway. 

Then I went to a couple of interviews where I add to solve a coding task on the whiteboard, it looked horrible. Therefore I decided to practice [coding challenges on whiteboard](https://dev.to/dvddpl/whiteboard-interviews-suck-but-you-should-practice-anyway-2479) with a colleague.
Even though the code was good on both sides, **his solution was - literally - more readable and elegant.**  

Then I accidentally read [this illuminating article](https://medium.com/graphicfacilitation/two-simple-techniques-to-dramatically-improve-your-whiteboard-skills-a391534a8140) and I realize I had to do something with my handwriting skills.

> For a couple of weeks, I woke up earlier and practiced handwriting

First on a notepad ( i felt in primary school again,  pages and pages of a b c...) then on a whiteboard. 

![handwriting practice](https://thepracticaldev.s3.amazonaws.com/i/nexu661pv6pbqrdjqtev.jpg)

It is not yet perfect, and when in a hurry I tend to go back to my usual terrible writing,  but all in all, I am very happy with my improvement.


What do you think?

![small improvements](https://thepracticaldev.s3.amazonaws.com/i/l8rpepcbqhidx3l9k6ok.jpg)
 

---
Photo by [Deleece Cook](https://unsplash.com/@deleece?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on Unsplash
Is there an easier way to follow back followers?
Tags: followback, question, discuss, automation
Published: 2019-07-26 07:09:29

Every time someone follows me, I feel the need to follow back but since I have hit over 2k followers it has become a very tedious effort to follow back.

Without me creating a web scraping script that would log in to [dev.to](https://dev.to), extract my followers and iteratively open their profile in order to hit the follow button. 

Is there an easier way? or should I go ahead with the Python script?

Thanks.
React tldr; Why you should use an object, and not an array, for lists in Redux
Tags: react, redux, object
Published: 2019-07-26 07:08:40

- With object solution you won't get duplicated items.
- Using an object will save your future self some time and bugs.
- CRUD operations do not iterate over all items each time.
- If you need an array of items, just add selector that will convert object to array.

Source: https://medium.com/javascript-in-plain-english/https-medium-com-javascript-in-plain-english-why-you-should-use-an-object-not-an-array-for-lists-bee4a1fbc8bd
Seeing examples of different teams
Tags: team, teambuilding
Published: 2019-07-26 06:59:02

---
title:  Seeing examples of different teams
published: true
description: 
tags: #team #teambuilding
---

To have an idea on how a team should behave, should be or should do, I prefer not to have a recipe that we need to follow but examples, because each example has it's pros and cons. Since the teams are built by people, and people are a complex system, is hard at least for me to find a perfect recipe form another cool company saying that you need to do such a thing or this way.....

In the essence this small article is just a curated list that I think that it's nice to read to create an opinion on what a team should forsee to be.


- [Reiventing organizations](https://www.reinventingorganizations.com/), I will start talking about a book that doesn't talk only about tech companies, but it talks about a diverse range of companies that applied a new concept on promotions, recruitment and managing people, it's worth to read to have a glimpse of that it's only tech companies that can apply such new concepts but all types of companies, but the good part of this book is that illustrate the pros and cons of each company method.

- [You don't need standups](https://medium.com/@jsonpify/you-dont-need-standup-9a74782517c1), I really love how spotify does his managing, and innovate around agiles ideas, so it's good to read, but keep in mind that they have teams that are already working with agile in a long time, so they can move forward with new pattern, before implementing look to your team and organization and see if it make sense to push such new ideas. :D


- [37 signals, Getting Real](https://37signals.com/gettingreal), This company since I started in IT I was reading about remote work and this company really sted out from the others since it had a really cool mechanism of dealing with remote work. This book doesn't only talk about remote work but thinking about products, it's really good reading.


- [Red Guava](https://www.youtube.com/watch?v=o_2jXqzxBNU), This is a youtube video of how the company Red Guava is working, it's essentially remote work, and they are doing really good. It's nice to watch the video to see how they did and thrive around that concept.

- [Etsy, What is a Senior Developer](https://www.kitchensoap.com/2012/10/25/on-being-a-senior-engineer/) In order to have a good team, expectations need to be set, and this article from Etsy summarises what is to be a Senior Developer and what behaviors and knowledge they need to have to thrive. I like to see what other companies expect from different roles in the team to see if what I am studying and improving is in the right direction or not.

I wanted to share all these resources in order to expose how different companies are doing with agile and remote work, so that you can critically see how are you doing and to where do you want to go. All those ideas and technics has it's pros and cons, so choose wisely.
Is this burn out?
Tags: anonymous, discuss
Published: 2019-07-25 20:57:00

---
title: Is this burn out?
published: true
tags: anonymous, discuss
---

_This is an anonymous post sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment._


I am leading a team to make another product. There is plenty of work, a large business impact, and enough time for me to knock out a bunch of it. But I feel no motivation to write code. Instead I distract myself with searching for more knowledge. I keep hoping that inspiration will strike.

I love to rise to technical challenges, and doing so will usually trigger a flurry of coding. But once completed it seems I never want to do a similar thing again. Despite this I have managed to release multiple successful products. But after a long career, it seems hard to find challenges that motivate me in the work that my employer actually needs done.

I feel guilty for even coming to work, knowing that I will not bring that much value today. So I am nearly out of vacation days. But when I take off, I also feel guilty for not being there to help the team.

I am always up for helping the team, and I spend a chunk of most days doing that. I give them ideas and help them get past technical obstacles and keep the vision for what we are doing fresh in their minds. But that does not fill my day. I still have a lot of time to stare at the screen and try to convince myself to write code that I know needs to be written. That people are expecting me to write. But I do not want to, and I hate myself for that. "Just write something already!"

I go home with the frustration of not achieving "a job well done". When I wake up the next day, I know the same fate awaits me. It is difficult to get out of bed. On the way to work, I try to prep myself to just get in and start writing code. But things always come up right away. When I finally sit down to code, momentum is gone.

It is not always this way. I have productive seasons, and seasons like this.

Am I just burned out? Has anyone been in or seen this pattern before? Please share your experiences with this.
Day 3: Implementing offline app access
Tags: android, career
Published: 2019-07-26 06:28:16

Hey, it's day 3 of [my job hunt](https://dev.to/rahulchowdhury/day-1-looking-out-2eih).

# What did I do yesterday?

I ditched Dagger for now and used [Koin](https://github.com/InsertKoinIO/koin) to resolve the dependencies for my app. Setting up Koin was damn easy. 

Also, since I'm writing my app in Kotlin, using Koin felt natural.

There was a small bug due to a silly mistake I made while wiring up my `Actvity` to my `Fragment`.

I posted the issue on Twitter and [Pulkit](https://dev.to/droidpulkit) pointed me to an Android issue tracker thread. Got my issue resolved after I posted a comment [over there](https://issuetracker.google.com/issues/73644080#comment33).

# What am I doing today?

Now that my view model setup is working. I will be working on persisting API call data using the Room library.

Also, focusing on picking up data binding library to display data in my app.

Following this wonderful guide over here: https://developer.android.com/topic/libraries/architecture

Any good tutorials on how to test view models?
What is the best way to learn JavaScript?
Tags: javascript
Published: 2019-07-26 06:21:09

The following book list is a curated set of known and reputable resources. The links provided go to the publisher’s or author’s page for the book itself. Do not change or remove these links—doing so will get you reported.

    JavaScript: The Definitive Guide by David Flanagan
    Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript (Effective Software Development Series) by David Herman
    Eloquent JavaScript: A Modern Introduction to Programming by Marijn Haverbeke
    You Don’t Know JS: Up & Going by Kyle Simpson
    You Don’t Know JS: Scope & Closures by Kyle Simpson
    You Don’t Know JS: this & Object Prototypes by Kyle Simpson
    You Don’t Know JS: ES6 & Beyond by Kyle Simpson
    JavaScript: The Good Parts by Douglas Crockford
    Pro JavaScript Design Patterns by Dustin Diaz & Ross Harmes
    Head First JavaScript Programming by Eric T. Freeman & Elisabeth Robson
    Secrets of the JavaScript Ninja by John Resig & Bear Bibeault
    High Performance JavaScript (Build Faster Web Application Interfaces) by Nicholas C. Zakas
Click Here to continue: https://simpliv.wordpress.com/2019/07/26/what-is-the-best-way-to-learn-javascript/
Here we go...
Tags: codenewbie, beginners
Published: 2019-07-26 04:18:33

I decided to finally post something on here and figured, since I've been lurking around for a couple weeks, I'd introduce myself to everyone.

So...hi!

My name is Jamie and (I think) I found this wonderful place via Twitter, probably someone sharing a post or something, and I've been here ever since.

A little about me; I currently work at a call center for welfare and have no formal education in web development or design, so I've been teaching myself since the end of May. I actually started last year with Codecademy but wasn't fond of the teaching style and started focusing on music, putting coding on the back burner. 

I'm going to be honest with you all I just learned, as in while proofreading this, Codecademy is written this way, NOT as CodeAcademy.

I've had a rough time for over a year now, and rediscovering coding has really helped me to get to a better place - a place where I'm happy and feel productive.

My ultimate goals are to become a front-end web developer and possibly a full stack developer and designer, so I don't have to work for "The Man". But honestly, if it gets me out of where I am right now, I'd be happy. I also want to eventually get into app development, mainly so I can create things that make MY life easier and hopefully someone else's along the way, and start a blog documenting my journey. I've wanted to start blogging and had some app ideas in the past couple years but I wasn't sure where to start. Now I know.

I feel like I've finally found a calling that suits me. I feel so comfortable in the coding community thus far and, as a naturally introverted person, both in real life and online, I'm incredibly excited to start contributing. 

Thank you for taking the time to read this. Fee free to introduce yourself if you'd like! I'd love to connect with new people!
Resizing panes in tmux
Tags: productivity, video, tmux, tip
Published: 2019-07-26 03:56:17

One of the tools I use daily as a developer is tmux. Being able to have multiple panes in a single terminal window has definitely improved my workflow.

By default when creating panes, tmux will split the window up into 50% splits. But what if you don't need certain panes to have so much real estate and focus? You just want a small pane to keep an eye on things.

To resize tmux panes, you'll first want to hit your prefix &mdash; `ctrl + b` by default &mdash; and then the colon key `:`. What this does is brings up a prompt at the bottom of your screen.

Now you'll want to type in `resize-pane` in the prompt, followed by a hyphen `-` and either `D, U, L, R`. Which you can probably guess stands for down, up, left and right, the direction in which you want your pane to be resized. When using the `resize-pane` command, the resize will be applied to the last pane that had focus.

Here is an example of the entire resize pane command that resizes the pane to the left by a cell &mdash; the unit in which tmux resizes:

```
// This assumes that you've hit ctrl + b and : to get to the command prompt
:resize-pane -L
```

Here are some additional tmux pane resizing examples:

```
:resize-pane -D (Resizes the current pane down by 1 cell)
:resize-pane -U (Resizes the current pane upward by 1 cell)
:resize-pane -L (Resizes the current pane left by 1 cell)
:resize-pane -R (Resizes the current pane right by 1 cell)
:resize-pane -D 10 (Resizes the current pane down by 10 cells)
:resize-pane -U 10 (Resizes the current pane upward by 10 cells)
:resize-pane -L 10 (Resizes the current pane left by 10 cells)
:resize-pane -R 10 (Resizes the current pane right by 10 cells)
```

---

For more tmux tips, check out [my site](https://michaelsoolee.com). If you've got questions with what's covered in the video or article, feel free to hit me up on [Twitter @michaelsoolee](https://twitter.com/michaelsoolee).
Star Wars Trivia Application
Tags: javascript
Published: 2019-07-26 00:33:10

Good Evening. I recently wrote my first application simply based on the star wars universe. It's a trivia application. You're welcome to try it. Read instructions before playing.

https://aneme1038.github.io/star-wars-app/

I continue to learn the various packages and frameworks associated with JS, front-end/back-end development
Setup Firefox for Web Development in 3 Minutes
Tags: webdev, firefox, addons, extensions
Published: 2019-07-27 19:01:46

---
title: Setup Firefox for Web Development in 3 Minutes
published: true
tags: web-dev,,firefox,,add-ons,,extensions
canonical_url: https://ryanmaynard.co/firefox-setup-web-dev
---

![screenshot](https://ryanmaynard.co/images/setup-ff/screenshot.png)

<!--excerpt-->

*This article was originally posted on my [personal site](https://ryanmaynard.co/firefox-setup-web-dev).*

### Step 1 - Download Firefox Developer Edition

Go download the [Mozilla Firefox Developer Edition](https://www.mozilla.org/en-US/firefox/developer/).

### Step 2 - Add an Ad Blocker

Head to Firefox Addons and install an ad blocker of some sort. I currently use [uBlock Origin](https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/), but there is also [Adblock Plus](https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/), [Adblock for Firefox](https://addons.mozilla.org/en-US/firefox/addon/adblock-for-firefox/), or [Ghostery](https://addons.mozilla.org/en-US/firefox/addon/ghostery/).

### Step 3 - Add a Password Manager

![password managers](https://ryanmaynard.co/images/setup-ff/password-managers.png)

Setup your password manager addon. If you don’t use a password manager, you may want to check out [Lastpass](https://addons.mozilla.org/en-US/firefox/addon/lastpass-password-manager/), [BitWarden](https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/), [1Password](https://addons.mozilla.org/en-US/firefox/addon/1password-x-password-manager/), or one of the [Keepass addons](https://addons.mozilla.org/en-US/firefox/addon/keefox/).

_note: You can get a month free of Lastpass Premium with [this link](https://lastpass.com/f?6146526)._

### Finished

Thanks to FireFox DevTools, and the developer-friendly default settings of the this edition, there isn’t too much you need to do in order to be up and running with FF Dev edition. You may wish to take some time to explore the [full capabilities of DevTools](https://developer.mozilla.org/en-US/docs/Tools), the [advanced settings](https://old.reddit.com/r/firefox/wiki/aboutconfig) in the `about:config`, or customize the [Firefox UI with CSS](https://old.reddit.com/r/firefox/wiki/userchrome).

#### Honorable Mention

A few other Firefox addons worth checking out include:

- [Decentraleyes](https://addons.mozilla.org/en-US/firefox/addon/decentraleyes/)
- [History Cleaner](https://addons.mozilla.org/en-US/firefox/addon/history-cleaner/)
- [NoScript](https://addons.mozilla.org/en-US/firefox/addon/noscript/)
- [Facebook Container](https://addons.mozilla.org/en-US/firefox/addon/facebook-container/)
- [User-Agent Switcher and Manager](https://addons.mozilla.org/en-US/firefox/addon/user-agent-string-switcher/)

If you have any additional recommended addons or protips, please share them.
Test Circle CI config.yml on Your Machine
Tags: circleci, productivity
Published: 2019-07-25 23:25:58

The team has used Circle CI and I just used it to run tests which means I haven't touched `config.yml` luckily lol

However, for the current project, I needed to set up a new Circle CI environment. (Actually, my config.yml isn't complicated since I've done most things on my Docker image 😂)
 
Then, I noticed that Circle CI has a CLI tool to test config.yml locally.
https://circleci.com/docs/2.0/local-cli/


This tool has 2 functions. One is to validate `config.yml` and the other is run a job. The requirement is to install Docker.
This tool is using their own docker image.

```zsh
circleci/picard             latest              7d0931871af3        8 days ago          103MB
```

```zsh
# validate 
$ circleci config validate

# run
$ circleci local execute --job build

``` 

The execution speed isn't fast, but I think still this tool is useful, sometimes we need to wait for others' task. This could save time and help us to see errors on Circle CI dashboard.

~~However, I'm still struggling with Circle CI lol
https://discuss.circleci.com/t/trying-to-build-node-with-typescript-but-circle-ci-mentions-to-react/31546~~

~~If you know the solution, please let me know!~~
Vs Code one tip a week: code folding
Tags: vscode, webdev, tips
Published: 2019-07-25 22:17:06

---
title: "Vs Code one tip a week: code folding"
published: true
description: "Become a VsCode power user by learning one trick a week"
tags: #vscode #webdev #tips #vim
canonical_url: "https://nobitagit.github.io/blog/vscode-tip-code-folding/"
cover_image: "https://images.unsplash.com/photo-1515013993996-2c8d676fafa2?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjF9"
---

Code folding can make browsing long files easier. When we're trying to focus on the big picture without being distracted by smaller details code folding can be an invaluable aid.

---
This is an effort to learn how to get the best out of Vs Code keyboard shortcuts without feeling overwhelmed.

Learning how to use our favourite IDE without a mouse can make a big difference.
Since an extension like the amazing [Key Promoter for Jetbrains](https://plugins.jetbrains.com/plugin/4455-key-promoter) seems to be [far from being a reality for now at least](https://github.com/Microsoft/vscode/issues/26729), I started collecting my favourite keyboard tricks in bite sized chunks.

The idea is simple: find one tip you like, practice it the whole week until you've really mastered it and made it part of your workflow and then move to the next one.

---

<img src="https://media.githubusercontent.com/media/nobitagit/blog-files/master/images/2019-7-26-vscode-tip-code-folding.gif" />

To fold a block

```
⌘ + OPTION + [
```

To unfold it:

```
⌘ + OPTION + ]
```


## Users of Vs Code with Vim extensions
The above command will work for all users of VsCode. Those using a vim emulation extension like VsCodeVim or amVim will have an extra pair of shortcuts to choose from.

To fold a block, switch to normal mode and:

```
z + c
```
Where "c" stands for "close".

To unfold:

```
z + o
```

Where "o" stands for "open".

## Further shortcuts
Note that you can also fold and unfold an entire file, but I find that less useful and never really felt the need to memorise that shortcut combination.

## Resources

- AmVim [cheatsheet](https://github.com/aioutecism/amVim-for-VSCode/issues/1)
- Cover image by [Joshua Hoehne](https://unsplash.com/@mrthetrain)

_Originally published on [my blog](https://nobitagit.github.io/blog/vscode-tip-code-folding/)._