teleren/devto huggingface dataset:
75 Technologies Used to Buidl Hacker Noon 2.0
Tags: hackernoon, bloggingplatform, publishingplatform, contentmanagementsystem
Published: 2019-07-25 16:46:54

---
title: 75 Technologies Used to Buidl Hacker Noon 2.0
published: true
description: 
tags: hacker noon, blogging platform, publishing platform, content management system
canonical_url: https://hackernoon.com/75-technologies-used-to-buidl-hacker-noon-20-gup434p9
cover_image: https://hackernoon.com/drafts/idv342n.png

---
excerpt from ["Hacker Noon Releases Tech Publishing Platform 2.0:"](https://contribute.hackernoon.com) 

* Components 
* Firebase
* Google Cloud Platform 
* Filestack
* React
* American Ingenuity
* Slack
* Bitcoin
* Asana
* Zoom
* Gmail
* Twitter
* SlateJS
* MacBooks
* PCs
* Vue
* HubSpot
* Solar Panels
* Subaru
* Vue
* AngelList
* Comcast
* Verizon
* Hooks
* Ladders
* Babel
* Cheerio
* Jest
* Discourse
* Giphy
* NodeJS
* Chrome
* Internet Protocols
* Code Sandbox
* Figma
* Real Bats
* Developer Tools
* London Pubs
* Axios
* Zeplin
* Mailgun
* #random Channel
* Emojis
* Philz
* NPM
* Carrd
* CosmicJS
* Prototypes
* ZipRecruiter
* Indeed
* Functions
* WhatsApp
* Google Pixel 3
* Math
* Karl The Fog
* Reddit
* ICANN
* The Intergalactic Computer Network
* Firestore
* JSON
* 805
* Wifi
* WD-40
* Atom
* Photoshop
* Github
* HTTP
* HTTPS
* Those Freeze Dried Fruits That Astronauts Eat
* Sticky Notes
* Bob Ross Reruns
* Youtube
* Lodash
* HTML
* MomentJS 
* The Color Green.

There were more. It’s been more than a half year of sweat, blood, jokes and tears. We build our own Content Management System from the feet up. We are so happy we finally get here, but our best work is ahead of us.  [Check it out](https://hackernoon.com), maybe republish a dev.to post or two. 

[hackernoon.com](https://hackernoon.com)
Wobbly Underline
Tags: css, javascript, animation
Published: 2019-07-25 16:30:21

---
title: Wobbly Underline
published: true
description: build an animated wobbly underline with CSS and Javascript.
tags: #CSS #Javascript #animation
---

Check it out here at https://evilwebdev.com/wobbly-underline-css-and-javascript/
How many of you doubts the way you work is right or wrong?
Tags: discuss
Published: 2019-07-25 16:28:57

---
title: How many of you doubts the way you work is right or wrong?
published: true
tags: discuss
---
How many of you get this feeling? Am I coding the right way, Am I designing the architecture the right way? I get this feeling a lot. And when you are a sole developer or someone handling the architecture. The feeling rises even more.
A Fresh Serving of JavaScript ES2019
Tags: es2019, illustration, javascript, arrays
Published: 2019-07-25 16:12:31

---
title: A Fresh Serving of JavaScript ES2019
published: true
description: An illustrated guide to all the new ES2019 features
tags: es2019, illustration, javascript, arrays
cover_image: https://p-zmfjnlq.b3.n0.cdn.getcloudapp.com/items/2Nu2195j/343AC9CB-134B-495F-B93E-240F2F8A8629.png
canonical_url: http://illustrated.dev/sketches/es2019
---

![](https://illustrated.dev/static/bd34c4ae7be1b89f642720abbe74a3fe/2f950/es2019-sketchnotes-Title.png)


![](https://illustrated.dev/static/2e678222e86bb387bb40548c04084b4b/2f950/es2019-sketchnotes-Intro.png)

<i>The original post is up <a target="_blank" href="http://maggieappleton.com/es2019">on my digital garden</a> (the image quality is a bit dodgy here on dev.to)</i>

<h3 style="text-align: center; margin: 0 auto; color: #FFB859"> A new version of JavaScript has landed! </h3>

Every year JavaScript gets a handful of new features and functions for everyone to play with.

The [TC39 committee](https://tc39.es/) have released the 2019 additions to [ECMAScript](https://www.ecma-international.org/memento/tc39.htm), which is the generally accepted version of JavaScript we all know and ~~love~~ tolerate.

You can take a look at the TC39 [Github](https://github.com/tc39) to track the progress of proposed features, including [all the ones they've accepted into the official language] (https://github.com/tc39/proposals/blob/master/finished-proposals.md).

<hr />

Mike Sherov just put together a new egghead course on [Javascript ES2019 in Practice](https://egghead.io/courses/javascript-es2019-in-practice) which is a good summary of all the new shiny bits, as well as how they apply in IRL dev situations.

I took sketchnotes while watching his course, and have a quick illustrated summary of the 7 big changes:

* Optional Catch Binding
* Stable `array.sort()`
* Flatten Arrays with `flat()`
* Flatten & Map Arrays with `flatMap()`
* Cut out Whitespace with `trimStart()` & `trimEnd()`
* Descriptions on Symbols
* Create Objects from Entries with `fromEntries()`

<hr />


![](https://illustrated.dev/static/2a86061c6cc13d1045938d06abc64b22/2f950/es2019-sketchnotes-1-Optional.png)

<hr />

![](https://illustrated.dev/static/e818ddfa856975f0daf6eb2896704ee5/2f950/es2019-sketchnotes-2-Stable.png)

<hr />

![](https://illustrated.dev/static/4397febe618431cd202e5f7189f8bcf8/2f950/es2019-sketchnotes-3-Flatten.png)

<hr />

![](https://illustrated.dev/static/57a79cdbf7a53892a96d790fe6629dbd/2f950/es2019-sketchnotes-4-FlatMap.png)

<hr />

![](https://illustrated.dev/static/4545d85c19fc51e47be76303c4261396/2f950/es2019-sketchnotes-5-Trim.png)

<hr />

![](https://illustrated.dev/static/56bc0b6b98b8fbe64bc01a5cac419420/2f950/es2019-sketchnotes-6-Symbol.png)

<hr />

![](https://illustrated.dev/static/c871355cc8bf6bce402f8bd0f67b80ca/2f950/es2019-sketchnotes-7-ObjectEntries.png)


(Note that the space theme going on here has less to do with ES2019 and more to do with me watching <a href="https://www.imdb.com/title/tt8760684/" target="_blank">Apollo 11</a> last week. Five stars, would recommend)

---
Git TIP -  Why you should not keep a local master branch ?
Tags: git, learn, beginners, tip
Published: 2019-07-25 15:37:18

---
title: Git TIP -  Why you should not keep a local master branch ?
published: true
description: What is a local branch, what is a remote branch ? Why keeping up to date local branch is a waste of time ?
cover_image: https://i.imgflip.com/4lhos.jpg
tags: git, learn, beginners, tip
---

When working with `git`, I have often made the mistake of maintaining a `master` branch locally updated using these commands.

```sh
git checkout master

git pull origin master
```

I've done this so many times. This allowed me to start a development by being up to date with recent changes.

In fact, it is not necessary to maintain local copies of the branches on which we are not working directly. We already have access to an intact local version of the remote branches.

All this time I could have just done:

```sh
git checkout origin/master
```

And when you want to work on new stuff, just use


```sh
git checkout -b my-feature origin/master
```

Keep in mind that this is valid for *master* as well as all other branches on which you do not work directly/on which you will *commit*.


You could also follow my colleague advises.


{% twitter 1154079231195959298 %}

{% twitter 1154080561423691776 %}


Let me know if you have any other tricks with Git!
Listing files, dirs and subdirs with Python
Tags: python, files
Published: 2019-07-25 15:29:54

---
title: Listing files, dirs and subdirs with Python
published: true
description: python file listing
tags: python, files
---
If you know Python programming, there's a lot of things you can do. You can use the os module to list all files in the directory (including subdirectories).

If you use Linux or Mac, you can even list every file on your computer (search from /). Or you could browse from your home directory.

If you want all files from the current directory and subdirs, use '.'.

    #!/usr/bin/python3
    import os
    path = '.'
    for dirpath, dirname, filenames in os.walk(path):
        for filename in filenames:
            print(os.path.join(dirpath,filename))

This lists all files in the directory, including all hidden files.
For readability you can change it to:

    #!/usr/bin/python3
    ...
        file_and_path = os.path.join(dirpath,filename)
        print(file_and_path)

### File interaction

You can show only specific files and interact with them. For instance, you can show every image on your computer

<img src="https://thepracticaldev.s3.amazonaws.com/i/fk2f1icapuc3hp32nov2.png">

    #!/usr/bin/python3
    import os
    import cv2
    import time

    path = '/home/linux/Desktop'
    for dirpath, dirname, filenames in os.walk(path):
        for filename in filenames:
            file_and_path = os.path.join(dirpath,filename)
            if ".jpg" in file_and_path or ".jpeg" in file_and_path:
                print(file_and_path)

                try:
                    # show image
                    image = cv2.imread(file_and_path)
                    cv2.imshow(file_and_path, image)
                    cv2.waitKey(2000)
                    cv2.destroyAllWindows()
                    #time.sleep(1)
                except:
                    print('Error loading image ' + file_and_path)


Related links:
* <a href="https://pythonbasics.org/">Learn Python</a>
* <a href="https://pythonbasics.org/exercises/">Python exercises</a>
Daily Challenge #24 - Shortest Step
Tags: challenge
Published: 2019-07-25 15:24:46

---
title: Daily Challenge #24 - Shortest Step
published: true
description: This challenge is a fun number game. Medium difficulty.
series: Daily Challenge
tags: challenge
---
Today's [challenge](https://www.codewars.com/kata/5cd4aec6abc7260028dcd942) comes from user bdowds on CodeWars.

>Given a number, return the shortest amount of steps it would take from 1 to land exactly on that number. 

>A step is defined as:
 - Adding 1 to the number: num += 1
 - Doubling the number: num *= 2

>You will always start from the number 1 and you will have to return the shortest count of steps it would take to land exactly on that number.

>Examples:

>num == 3 would return 2 steps:

>1 -- +1 --> 2:        1 step
>2 -- +1 --> 3:        2 steps

>2 steps
***

>num == 12 would return 4 steps:

>1 -- +1 --> 2:        1 step
2 -- +1 --> 3:        2 steps
3 -- x2 --> 6:        3 steps
6 -- x2 --> 12:       4 steps

>4 steps

Math problems and string problems often require different approaches, so they'll test different areas of your critical thinking ability.

Good luck, happy coding!
***
_Thank you to [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 for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
How to make http call onclick using stateless component in ReactJS?
Tags: react
Published: 2019-07-25 15:13:48

I have a React stateless function component (SFC). I want a user to click a button and onclick a http call will be made from the SFC and when the response is received, I want to open a modal. Is it something achievable using SFC? Or do I need to keep a stateful component?

This is my code which makes the http call on load and then onClick opens the modal. But I want both the things to happen in sequence on the onClick event.

<code>
function httpListCall(url) {
    const [list, setData] = React.useState(null);
    const [error, setError] = React.useState(null);
    React.useEffect(() => {
        axios
            .get(url)
            .then(function (response) {
                setData(response.data.ResultList);
            })
            .catch(function (error) {
                setError(error);
            })
    }, []);
    return { list, error };
};
</code>
<code>
const ListContainer = () => {
    const { list, error } = httpListCall("/list.json"); //THIS IS ON LOAD NOW - I WANT TO CALL IT onClick
    const [modalShow, setModalShow] = React.useState(false);
</code>

    return(
        <React.Fragment>
            <div>
               <button onClick={() => setModalShow(true)}/> //WANT TO MAKE API CALL HERE AND THEN OPEN THE MODAL
            </div>
            <ModalWidget show={modalShow} list={advisorList} error={error} onHide={() => setModalShow(false)}/>
        </React.Fragment>
    )
}
<code>
export default ListContainer;
ReactDOM.render(<FindAdvisorContainer />, document.getElementById("app"));
</code>
I have tried to make the http call from a function but it gives me an error: "Invalid hook call. Hooks can only be called inside of the body of a function component."
Discord Bot Javascript Tutorial - Make a Joke Bot via API
Tags: javascript, beginners, tutorial, webdev
Published: 2019-07-25 15:12:19

In this video tutorial you will learn how to make API calls inside your Discord bot commands. Specifically, you will be making a joke bot by calling an API and formatting the JSON response.

You can then extend this tutorial by using the same concepts with different APIs to pull in weather data, wallpaper images, and more.

If you haven't watched the previous videos in the series, you can see the entire playlist here:
https://www.youtube.com/playlist?list=PL_esswHjNwIc9irEctsTuMXlP7_4M7Qwk

{% youtube fQqkaQSc8dI %}
PHP Error on OpenBSD: "env: php: No such file or directory"
Tags: php, openbsd, env, errors
Published: 2019-07-25 14:54:47

---
title: PHP Error on OpenBSD: "env: php: No such file or directory"
published: true
description: In OpenBSD, a symbolic link named php isn't created when installing php. It's OK because php-X.X works well in most cases. $PATH missing php, however, sometimes occurs an unexpected error. In such a case, creating the symlink is helpful.
tags: php, openbsd, env, error
cover_image: https://thepracticaldev.s3.amazonaws.com/i/tkvnpss2ctflwah5cloq.jpg
---

*\* The cover image is originally by [13smok](https://pixabay.com/users/13smok-5135280/) and edited with great appreciation.*

---

In [OpenBSD](https://www.openbsd.org/), a symbolic link named `php` isn't created when installing [PHP](https://www.php.net/):

```
# pkg_add php
```

The result is:

```console
$ ls -1 /usr/local/bin/php*
/usr/local/bin/php-7.3
/usr/local/bin/php-config-7.3
/usr/local/bin/phpize-7.3
```

It's OK because `php-X.X` works well in most cases:

```console
$ php-7.3 /usr/local/libexec/composer.phar require drush/drush
```

`$PATH` missing `php`, however, sometimes occurs an unexpected error with some PHP modules such as [Drush](https://www.drush.org/), a command line shell for [Drupal](https://www.drupal.org/) CMS:

```console
$ drush updatedb
env: php: No such file or directory
```

It tried to run `php` which was missed!

In such a case, creating the symlink is helpful:

```console
# ln -s /usr/local/bin/php-7.3 /usr/local/bin/php
```

Then the error will be resolved:

```console
$ drush updatedb
 [success] No pending updates.
```

Remove the additional symlink afterward as needed:

```console
# rm /usr/local/bin/php
```

Thank you for your reading.
Happy computing :)
Inject code in Python process
Tags: python, programming
Published: 2019-07-25 14:46:06

---
title: Inject code in Python process
published: true
description: python
tags: python, programming
cover_image: https://camo.githubusercontent.com/aa38f62e9ab9ac44ed4157518cfbb2a8aa62fc9d/687474703a2f2f6c65776b2e6f72672f696d672f70797261736974652f70797261736974652d63616c6c67726170682e706e67
---
Python is widely used for software development. By universities, companies and many more. So is Python an utopia that will solve all computer problems?

Did you know you can inject code into a running Python process?  You can use <a href="http://pyrasite.com">Pyrasite</a> for that. This needs Python 2.4 or higher.

You can watch a demo here: <a href="https://asciinema.org/a/1148/embed?">demo</a>

<a href="https://asciinema.org/a/1148/embed?"><img src="https://thepracticaldev.s3.amazonaws.com/i/k47q7rdahui7wvkyjiw7.png"></a>

It comes with several programs, including a shell

    $ pyrasite-shell
    Usage: pyrasite-shell <PID>

So you can inject a payload

    $ pyrasite <PID> payload.py

You can find some <a href="https://pyrasite.readthedocs.io/en/latest/Payloads.html">example payloads here</a>.

So if you have the process id <PID>, you can inject anything into the running program.

<img src="https://camo.githubusercontent.com/c83384d57d36599ec73d501067b08e3c883b9252/687474703a2f2f6c65776b2e6f72672f696d672f70797261736974652f70797261736974652d696e666f2e706e67" width="80%">

There's also a <a href="https://github.com/lmacken/pyrasite-gui">GUI</a>. It lets you easily monitor, analyze, introspect, and alter running Python programs.

Related links:
* <a href="https://github.com/lmacken/pyrasite">Pyrasite project</a>
* <a href="https://pythonbasics.org/">Learn Python</a>
* <a href="https://pythonbasics.org/exercises/">Python exercises</a>
Microsoft Flow: Converting Feed Categories to Hashtags
Tags: development, blogging, flow, hashtags
Published: 2022-06-15 17:24:50

---
title: Microsoft Flow: Converting Feed Categories to Hashtags
published: true
date: 2019-07-25 14:13:00 UTC
tags: Development,blogging,flow,hashtags
canonical_url: https://barretblake.dev/2019/07/microsoft-flow-converting-feed-categories-to-hashtags/?utm_source=rss&utm_medium=rss&utm_campaign=microsoft-flow-converting-feed-categories-to-hashtags
---

In a number of previous posts starting with this one, I've covered ways to use Microsoft Flow to post to to your Twitter and LinkedIn feeds when you publish a blog post. One thing I haven't covered in those posts is doing something with your categories. This time, we'll walk through adding steps to our flow to convert the categories from our blog post into hashtags for our Twitter and LinkedIn posts.

The post [Microsoft Flow: Converting Feed Categories to Hashtags](https://barretblake.dev/2019/07/microsoft-flow-converting-feed-categories-to-hashtags/) first appeared on [Barret Codes](https://barretblake.dev).
Just Realized I'm a PhD Dropout
Published: 2019-07-25 14:10:55

As Jeremie Harris pointed out in his (not so recent) [Medium article](https://towardsdatascience.com/do-you-need-a-graduate-degree-for-data-science-8e3d0ef39253), the term Ph.D. dropout holds a certain cachet.
It shows you were smart and conventional enough to get into graduate school, but edgy enough to decide to leave and go it on your own.
Nevermind that I left graduate school for health reasons and left with a master's degree more than dropping out.
The point of this post is: it's refreshing to find a reason that leaving graduate school without the Ph.D. actually has an upside. It helps me feel better about not having those venerated next to my name.
Granted, being able to focus on improving my health was an upside, but sometimes you want something that the world would recognize as laudable or, in this case, nerdy buy mildly rebellious.

I'd like to say I'm above worrying about how the world sees me and that I recognize myself for my own intrinsic value, but honestly, I'm not at that level.
What labels do you wish you had achieved? And does it help to think of yourself as a dropout from that goal?
How Simplecast’s Brand Caught my Eye - Customer Support Convinced me to Buy
Tags: podcast, customersupport, marketing
Published: 2019-07-30 17:15:00

---
title: How Simplecast’s Brand Caught my Eye - Customer Support Convinced me to Buy
published: true
tags: podcast, customersupport, marketing
canonical_url: https://scottmathson.com/blog/2019/07/25/simplecasts-brand-caught-my-eye-support-convinced-me-to-buy/
---

Simplecast’s brand caught my attention and their approach to support convinced me to use their hosting service.

Their implementation of a heavy, Helvetica-inspired typeface for the website’s copy and statements, coupled with the quirky illustrations and overall styleguide and color palette - everything about this brand evoke feelings that summarize the entire podcasting industry. Podcasting is an industry inspired by radio, that merges older, analog technology into a modern, digital medium.

No doubt, there are a lot of podcast audio hosting companies out there. When I was setting up my second podcast [Makerviews](https://plnk.to/makerviews?to=page), a couple years ago, [Simplecast](https://simplecast.com/) was one podcast hosting and analytics platform that got onto my radar through research. This brand’s website, articles, and visuals instantly resonated with me.

Simplecast caught my eye and I started following their work, digging in more.

![Simplecast podcast hosting website homepage](https://scottmathson.com/assets/img/blog/simplecast-homepage.jpg)

Drawn-in by this brand’s visuals, blog articles, and overall ethos, what eventually got my card out and sold me on their product was their personalized attention to customer success.

Their customer support team’s responses to my inquiries were superb. My technical inquiries about their API eventually led into me continuing the discussion directly with their CTO [Stephen Hallgren](https://teev.io/?ref=scottmathson). Simplecast is a team with a personalized, all-hand’s customer support approach. They have fine-tuned their customer support, communication, and feedback system.

Every touchpoint, every interaction that anyone has with a brand shapes the entirety of the brand and its authority, trustworthiness, and credibility. Brands that pay close attention to customer support show prospective customers that they care.

Simplecast showed me that they give a damn.
draw.io with Git source control management?
Tags: diagram, scm, git, bitbucket
Published: 2019-07-25 13:56:28

I'm a huge fan of [draw.io](https://www.draw.io) - a tool used to draw network topology, UML, architecture & more. Our team uses the tool pretty heavily, albeit independent to each other and not necessarily sharing.

I had a thought.. you have the ability to export as .xml. Each user edits their diagram, exports as .*xml* (to device) and adds to the SCM repository. If another user wants to edit it, they check-out the branch.. make their edits and check in/add a pull request/etc.

Quick diagram using draw.io:
![diagram](https://www.troydieter.com/static/edit_drawio_process.png)

draw.io + SCM = **success**? 

Has anyone else used this type of combination?
Need a Guide to help me to Code
Published: 2019-07-25 13:41:28

Hello Everyone
I have Just completed my Bachelors in Computer Applications. I have a great interest in learning Full Stack Development in JavaScript.I try to learn things by myself but I am lacking a good guidance of a Developer who can guide me and help me learn. I can help you in your projects or work for you as Intern or a Developer.
Regards
Gunish Matta
gunishmatta@gmail.com
Instagram: gunishmatta