teleren/devto huggingface dataset:
How long did you have to wait?
Tags: discuss, watercooler
Published: 2020-08-24 22:57:58

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/g58kikvowfdsr9mtuu79.gif)

# QUESTION

How long did you have to wait until you got your first interview? 

## Background

I graduated from Flatiron School in March. I had a couple projects and not much else to show for my studies, except a tremendous hunger to keep learning and creating as many apps as quickly as I could.

After moving to Austin, Texas in mid-May I have:
* sent out over 300 applications 
* built over 10 new apps and two different portfolio sites
* had a few different conversations with recruiters
* attended virtual meetups
* networked on all the social media platforms
* coded consistently every day between 6-10 hours a day

And I have yet to have ONE interview. Is that crazy? 

# FOLLOW-UP QUESTION

Do you ever wonder what in the world is wrong with you? 

I would love to hear YOUR experiences and how you deal with these kinds of obstacles / pressure to stay relevant and hopeful that things will turn around!

I am not a negative guy, but when I look back at all the hard work I've been putting in, I am almost astounded that I haven't even had one interview. Makes you think!
Inspiration is perishable
Tags: productivity, motivation
Published: 2020-08-24 22:22:14

---
title: Inspiration is perishable
published: true
description: Thoughts on getting things done when you feel excited about doing it, now, not latter.
tags: productivity, discuss, motivation
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/gp813bnj2sc0jn54qdwp.jpg
---

As a software developer solving all kinds of problems every day, I have new ideas for side projects quite often. To be honest, most of them are useless and shitty ideas, but sometimes an idea that makes me feel excited pops into my head. Right after this new idea comes, I start to wonder about the big picture: "which database will I use? How should this be called? Where am I going to host it?", and I bet you already know where it ends. Yeah, I wonder about these side things for days/weeks, and **I end up doing nothing, zero code**.

Looking with more clarity into this recurrent sequence of frustration steps, today I reminded myself about a lesson that I have learned from [DHH](https://twitter.com/dhh) and [Jason Fried](https://twitter.com/jasonfried)'s Rework book about inspiration:

> "Inspiration is like fresh fruit or milk: it has an expiration date. If you want to do something, you've got to do it now. You can't put it into a shelf and wait two months to get around."

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rl9d9ubuv86peohi4nwl.jpg)


This is such a simple thing, but also **very game-changing** when you apply in your own life. We quite often get pumped about building something, but we quickly have the bad idea of saying to ourselves that we'll do it later. Don't do it! Later you won't be pumped up about it anymore. If you are inspired on a Friday night to build that thing you want, just jump into the middle of it. Don't waste time thinking about all those things that have to be done around it that does not make you feel excited: do it latter.

## Just build it

A few weeks ago, after watching a Hashiconf talk, I got really excited about learning Go. In that same day, I started by taking the [Tour of Go](https://tour.golang.org/), I have read some core stuff that allowed me to proceed in a more smooth way, and boom, in a few days I was able to [contribute with a feature for a Golang open source project](https://github.com/gruntwork-io/cloud-nuke/pull/134). It may not sound like a big thing, but well, I don't remember the last time I went **from zero to actually doing a real thing** I felt inspired about without wondering a lot of things that kept me away from it.

**Inspiration is powerful** (cliche, but true). People get so much more done when they feel excited about what they are doing when there is inspiration working in our favor. A few hours of inspired work may give you the will you need to accomplish so much more than an entire week of struggling work. Inspiration will not wait for you though. "It's a *now* thing". Whenever you feel it, grab it, and don't let it expire!

---

If you liked this post, consider sharing.

What other things you think can help us to get things done?
How to center elements using the box model
Tags: css, codenewbie
Published: 2020-08-24 22:20:58

A common task for web development is center elements, we can center the elements horizontal and vertically.

## Center horizontal
Center horizontally is so easy, our element needs to have a width size, if not our element will take all space possible.
Set to 0 auto the margin, the element will take the same amount of space between left and right.
```javascript
margin: 0 auto;
```
## Center Vertical 
When we want center vertical, using box-model, we need an extra element as a container for the element and with full width, the element inside should have height, set the container with position absolute and take away 50% from top and using negative margin with the half value of the element.
```javascript
{
  position: absolute;
  top: 50%;
  margin-top: half- height;
}
```

## Example
<p class="codepen" data-height="265" data-theme-id="default" data-default-tab="css,result" data-user="danywalls" data-slug-hash="wvBQaxK" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="center element with box model">
  <span>See the Pen <a href="https://codepen.io/danywalls/pen/wvBQaxK">
  center element with box model</a> by Dany Paredes (<a href="https://codepen.io/danywalls">@danywalls</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

Photo by <a href="https://unsplash.com/@thoughtcatalog?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Thought Catalog</a> on <a href="https://unsplash.com/s/photos/center?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
restatum - state management tool for lazy people
Tags: react, state, statemanagement
Published: 2020-08-24 22:10:31

---
title: restatum - state management tool for lazy people
published: true
description: Manage your shared state like a breeze!
tags: react, state, statemanagement
//cover_image: https://direct_url_to_image.jpg
---


Today I would like to introduce [restatum](https://github.com/denniscual/restatum). A minimal, simple, and very "Reactish" library for your state management solution. This would be a great convo for your server state management tool like relay, apollo, swr, react-query, etc :-).

Samples are included in the documentation.
Day 202: Score
Tags: hiphop, code, coding, lifelongdev
Published: 2020-08-24 21:58:33

_liner notes_:
- Saturday : Got my Pixel 4a about an hour before the radio show. Signed up with Google Fi and fired up the hotspot. With all my equipment plugged into my portable battery, the show went off without a hitch. Super happy with how it turned out. The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of an event flyer with drawings of the performers with the words August 22, 2020 Vancasting](https://dev-to-uploads.s3.amazonaws.com/i/i0hz8o16kdact33cja9k.jpg)

- Sunday : Pretty much spent the day at my folks place charging my battery. Did the post radio show work. Got quite a bit done on my side project. I was running into some issues and got them worked out. Left my parent's place and went back to my parking spot.

- Professional : Pretty productive today! Heard back on a question I had about the SDK and what I had was right. Cool Finished up that ticket. Had a meeting with my manager. Got some clarification on a couple of other tickets. Knocked them out. Pushed another ticket to the repo. I want to test it out before I do a pull request. Yeah, got stuff done.

- Personal : On my side project, it's funny that I thought I ran into a roadblock that would cause me to do a solution that would take me all the way out just to get back. haha Dug through the documentation and found a random method that would basically do what I needed to do. Score.

![Huge mountains of Geislergruppe, Italy with a forest in front.](https://dev-to-uploads.s3.amazonaws.com/i/wj1k0732arwcnlzv2817.png)

Just ate dinner. Going to spend the rest of the night working on my side project. I want to get it into the hands of Orlando meetup organizers for next month.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube ZPZThTjsYJc %}
Tips for New Developers
Tags: newdevelopers, tips, programming
Published: 2020-08-24 21:44:42

One of the most common question asked by blog readers is “What are your tips for new programmers?” So, we thought it was time for us to write up our thoughts and Experience.
1. Have your reason, and remember it:

If we want to start programming, we need a reason for that. It can be that we love writing code, we need to have a much lucrative career, or that we are doing a bunch of Excel work and we want to make that more successful. We need to keep track of that reason; programming is hard, and we can get frustrated at times. It will be much needed to remember that reason and to stick with it.
2. Build a solid foundation:

The advice we will give now might sound very unique, but we think its really helpful. Before we start writing code, if we haven’t looked at math in a while, we would revise the logics from basic Algebra. Most of programming is built on mathematics like functions and variables. Revisiting these concepts besides <a href="https://softisans.com/25-tips-for-new-developers-advice-from-a-mostly-self-taught-software-engineer/">programming</a> will be quite valuable in the future.
3. Find a community:

One more thing that will be really helpful is finding a community to back us up as we start writing code. This community will be essential as other people will be in the same place as us, offer resources that helped them, and give us encouragement. We would suggest finding a meetup in our area as the top solution here, even small towns mostly have a group somewhat nearby.
4. Break down problems into smaller ones:

Another most important part of coding is taking a big problem and breaking it into smaller and simpler pieces until those pieces are solvable. If we are looking at a clean text editor not knowing where to start, it may be because we haven’t broken down the problem enough.
5. Pseudocode:

In reference to the previous point, a lot of times it is quite beneficial to note down in detail what we are trying to do in simple words before even trying to write code. This step is known as pseudocoding, and it can be done in whatever form we want it to. It can also assist us to solve a problem really slowly in hard form first, just thinking about or even writing down the individual steps we are taking to for solving that problem.
6. Embrace the cycle of learning:

If we are learning to code as a part time career, specially if we have been away from the classroom for a while, understanding how to learn is going to be a major part of our process. There are lots of highs and lows involved, which is very normal! we would brace ourselves for that ride before even starting out.
Why do bundlers import module fields but don't transpile by default?
Tags: discuss, javascript, bundler, es6
Published: 2020-08-24 21:34:09

---
title: Why do bundlers import module fields but don't transpile by default?
published: true
description: 
tags: #discussion #JavaScript #bundler #es6
//cover_image: https://direct_url_to_image.jpg
---

1. By default bundlers resolve a packages import from the `module` field over the `main` in `package.json` ([webpack](https://webpack.js.org/configuration/resolve/#resolvemainfields) and [rollup](https://github.com/rollup/plugins/tree/master/packages/node-resolve/#mainfields), for example) which points to a projects ES6 module entry.

2. By default bundlers ignore transformations on anything from `node_modules`.

Aren't these two behaviors contradictory?

There are solutions to this:

- Change the mainFields option to import `main` before `module`.
- Change your exclude option to transpile specific package(s).
- Use an [es-check](https://github.com/dollarshaveclub/es-check) and only transpile packages that need it.


But yeah, this has always confused me. Am I missing something? Why do they do this?
Easy Steps to Deploy a Python Flask app on Heroku
Tags: python, beginners
Published: 2020-08-24 21:24:43

I had issues the first time i wanted to deploy my flask app to heroku and i remember vividly searching for articles and youtube tutorials on how to host wep apps with heroku i wasted a lot of time on something rather simple to follow. so i am writing this this article to help ease your way to deployment of wep apps in heroku.

Before reading this article i already assume that you have:
- a free Heroku account.
- Python installed
- your project(codes) ready to be deployed 

## Heroku CLI Set up
In this step you need to install the Heroku Command Line Interface (CLI). You use the CLI to manage and scale your applications,view your application logs, and run your application locally.
*vist heroku.com to download your operating system's cli*

Once installed run this command line in the terminal

*heroku login*

   you will be prompt to login for authentication

## Preparing the app
 if the app is on github clone the application so that you have a local version of the code but if its already in your local machine in the terminal run

*cd yourproject/app folder name*

if cloned from github after the first command then run:

*pip install -r requirements.txt*

Note: if you are using your own application, make sure you have added a requirements.txt file by running 

*pip freeze > requirements.txt*

 so that all the application dependencies are added.

## Add gunicorn and Procfile
run

*pip install gunicorn*

update requirements.txt by running

*pip freeze > requirements.txt*

Now create a new file Procfile as name in the project folder
*note: (P) must be uppercase*

in Procfile add 

*web: gunicorn app:app*

*note:The first app represents the name of the python file that runs your application or the name of the module it is in. The second app represents your app name. For example if your application runs from a run.py file that looks like this:
run:app*

## Runtime.txt
create runtime.txt
and Add this in runtime

*python-3.7.2 or the current python version you used for the app*

## Deployment
In the application folder run

*heroku create appname of your choice*

config database through heroku site and connect
then in the terminal run

*heroku git:remote -a appname of your choice*
 
*git push heroku master*

wait... after its done 
to view your web app run

*heroku open*

wolah!! you have successfully deployed your app.


related articles
https://devcenter.heroku.com/articles/getting-started-with-python
https://medium.com/the-andela-way/deploying-a-python-flask-app-to-heroku-41250bda27d0
Day 85 : #100DaysofCode - Finished ES6 via FreeCodeCamp
Published: 2020-08-24 21:23:16

Today I finished the ES6 Section on FreeCodeCamp. I have a feeling that I will need to review that section again in the future because some of the lessons I struggled with. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/nhf92lynksd0mwlol6u5.png)

In addition, I completed some of my bootcamp coursework today. I made my first todo list using Javascript!

{% jsfiddle https://jsfiddle.net/sincerelybrittany/3tup0c5d/3/ %}

My goal is to add edit and a priority drop down functionality to it. 

I had an extremely productive day and look forward to learning more Javascript! 

As always thanks for reading!

Sincerely, 
Brittany

Song of the day:

{% soundcloud https://soundcloud.com/therealledisi/add-to-me %}
GitHub Codespaces CodeTour Features
Tags: github
Published: 2020-08-24 21:22:47

I've been testing out VSCode CodeTour in GitHub Codespaces.  See previous [post](https://dev.to/lynnlangit/github-codespaces-codetour-56l0) for basic functionality.

[CodeTour](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour) also includes some cool advanced features, including the ability to use 'well-known' commands (below).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/onnwczpz5r77w6ci6yqo.png)

I wanted to test the scenario of top level code tour (in one file), which ends by linking to next level code tour (in another file).

Note that the first CodeTour is in the top-level `README.md` file and the last step in this CodeTour includes a link to a second CodeTour (below).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/evgxo0nhh8dg40fnlwix.png)

The syntax I used is shown below:

```
[Open AWS CodeTour](command:codetour.startTourByTitle?["AWS-tour"])
```

When the student clicks the link at the end of the first CodeTour, the second code page opens and the second CodeTour starts (below).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3g009lm5g1y3660tj6sb.png)
Validate new startup: Sinccera
Tags: agile, devops, startup
Published: 2020-08-24 21:15:54

Hello!

I want to ask your help to validate a startup my company just launched http://sinccera.com

It is the result of 10+ years of work and research here at Objective.

In summary, it is a solution for portfolio management for agile products and projects.

I would be extremely grateful if you could read it and give me your honest feedback in this article.

Dear CTO, face the reality: You will miss the estimate. Again. https://www.linkedin.com/pulse/dear-cto-face-reality-you-miss-estimate-again-ramon-tramontini
Accessibility for the web - test you code in Chrome with ChromeVox
Tags: tutorial, webdev, react, javascript
Published: 2020-08-24 21:01:49

What better way to develop accessible apps and websites if not by actually testing them? Chrome has an extension called `ChromeVox Classic Extension` which is very easy (and free) to install and it's basically a screen reader. It is very useful when it comes to testing since you can see in real time how user friendly your code is. This extension specifically works within the Chrome browser (and only within Chrome) to read content aloud. 

To install it, just go to the `Chrome Web Store` and search for `ChromeVox Classic Extension`. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/md2fqi9otk67ig34xxwv.PNG)

The rating is not that great because many people can't figure it out how to enable/ disable the extension. Right out of the box, the keys to enable/ disable ChromeVox are `CTRL + SHIFT + A x 2 (two times)`. If you want to customize you key bindings, go to `Chrome -> Settings -> Extensions -> ChromeVox -> Details -> Extension Options` and play around with your keys settings (if you prefer, you could also change the voice of the screen reader). The options should look like this:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6zqx5wzvkhlmrtood5z0.PNG)

My `ChromeVox modifier key` is set to SHIFT so navigating around the page basically requires a combination of SHIFT + `some other key`. Keep in mind that this extension is in `mentainance mode`, meaning no new features will be added in the feature.

I found ChromeVox to be buggy at times, but overall it gets the job done and I am happy to use it as a testing tool. If you want to know more about it, head over to [the official website](http://chromevox.com/) and read the documentation/ watch the videos.

*Image source: Canva Studio/ @canvastudio on Pexels*
Following up on my pseudocode promise
Tags: beginners, codenewbie, javascript, webdev
Published: 2020-08-25 01:33:14

---
title: Following up on my pseudocode promise
published: true
date: 2020-08-24 21:00:28 UTC
tags: beginners,codenewbie,JavaScript,webdevelopment
canonical_url: https://corysblog.dev/2020/08/24/following-up-on-my-pseudocode-promise/
---

Last week I wrote about trying to to hold myself accountable when it comes to writing more blog posts. My previous post said I promised to write out some pseudocode for the Tip Calculator JavaScript project I was working on.

To refresh, I took this project from [https://fun-javascript-projects.com/](https://fun-javascript-projects.com/) (this course was made and offered by **Twitter user [@chrisdixon161](https://twitter.com/chrisdixon161?s=20)**). Check the free course out as it offers some great practice for using JavaScript.

Let’s take a look below at the end results of the project to see what we’re looking at and what sort of functionality we need.

_Side note, for the sake of this article let’s assume we already have the HTML and CSS written out before we begin the pseudocode._

[![Tip Calculator screenshot](https://corysblogdev.files.wordpress.com/2020/08/screen-shot-2020-08-24-at-3.23.27-pm.png?w=1024)](https://coryrunn.github.io/TipCalculator/)<figcaption>Click the picture to visit LIVE site</figcaption>

We need to be able to enter a bill amount, the percentage of tip, the tip value, and the total of the bill plus the tip value. We also need to know how many people to split the bill amongst, the bill total for each, and the tip amount for each.

The beauty, or ugliness depending on how you want to look at it, of using pseudocode is that there is no right or wrong way to write it.

Here’s my stab at writing out the very basics of what we need in our eventual JavaScript code:

- INPUT bill amount
- STORE bill amount in BILL variable
- OUTPUT BILL 
- INPUT tip percent
- STORE tip percent in TIP PERCENT variable
- OUPUT TIP PERCENT 
- OUTPUT tip value in dollars
- OUTPUT total (bill + tip) in dollars
- INPUT number of people to split the bill
- STORE number of people to split the bill in SPLIT variable
- OUTPUT SPLIT 
- OUTPUT bill total for each person
- OUTPUT tip for each person

This is just a very quick breakdown of what I need to get started. Once I have written out the actual JavaScript code for the above pseudocode then I can start figuring out how to make it all function.

For me, the whole process of where to start when it comes to writing JavaScript is a difficult task. Do you think using pseudocode is beneficial? What helps you plan out your JavaScript (or any other programming language)? How would you go about writing pseudocode for this Tip Calculator? I’d love to hear from you!!!
What are your favorite articles on dev.to?
Tags: learning, beginners, meta
Published: 2020-08-24 20:31:14

The algorithms that help us find relevant content on dev.to are something, but I think we all have favorite articles about development, and I want to discover new content that is not trendy or based on the tags I follow.

{% details Here's mine so far %}
* The serie [Javascript Visuzalized](https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif), by [Lydia Hallie](https://dev.to/lydiahallie).
* [Pimp your Blog: Calculate the 'reading time'](https://dev.to/robole/add-the-estimated-reading-time-to-your-blog-do-you-read-code-at-275-words-per-minute-3don) by [Rob OLeary](https://dev.to/robole).
* [How to create fancy revealing animations with these simple CSS tricks](https://dev.to/caroso1222/how-to-create-fancy-revealing-animations-with-these-simple-css-tricks-4gjk), by [Carlos Roso](https://dev.to/caroso1222).
{% enddetails %}

What's yours?