teleren/devto huggingface dataset:
Diplay to browser error
Tags: errors
Published: 2019-07-24 00:57:37

Hi everyone, I was compiling some codes which I derived from one of the sitepoint team book called Your first week with React. I have no error while compiling the codes in Visual Studio but once I npm start, there is an error message appear in the browser. See the image below

Can anyone help me to identify what actually the problem is?

![](https://thepracticaldev.s3.amazonaws.com/i/qqno8u9ns9f73c9a50qe.png)

https://thepracticaldev.s3.amazonaws.com/i/fzc2k7w3f6uiork65r2b.png
My Experience at Codeland 2019
Tags: techtalks, community, career, motivation
Published: 2019-07-24 00:23:46

---
title: My Experience at Codeland 2019
published: true
description: What it was like at the 2019 Codeland Conference
tags: #techtalks #community #career #motivation
---

![coding](https://i.imgur.com/3zgrX8b.jpg)

This year I decided to attend the Codeland conference which did not disappoint! I have been to other conferences and this was by far the most fun and inclusive one. Talks were filled with laughs and fun. We learned how we can apply programming to solving everyday problems and taking it further by creating apps that can save lives. We also received a lot of goodies from the conference such as shirts, mugs, stickers and a whole bunch of other things that we can show off. 

The conference was great for new comers and veterans alike. I felt so comfortable telling others that I am a student and not feeling like I have to be an expert. They offered workshops for all levels which made everything less intimidating but still challenging. My workshop of choice was 'Building with accessibility in mind' by Luisa Morales. It was eye opening because it showed me that I could be doing more to make my website and projects more accessible.

I was so happy to see other Flatiron students who usually attend remote study groups with me! It was great to bond with them and talk about the next steps of our coding journey. I also had the chance to see Saron Yitbarek who is the CEO and founder of CodeNewbie and also put together this amazing conference. She is someone who I look up to for inspiration and motivation on a daily basis. I was a little starstruck.


###Key Takeaways
- Keep Building things that you are passionate about
- We have special abilities that others don't, so use them for something bigger 
  than yourself
- Accessibility should be the standard when building apps
- Don't be afraid to approach people (they're awesome!)
- Keep the user in mind when building
- Would definitely attend again!
- Make the world a better place with programming :)

If you saw me at the conference and have any questions feel free to message me or follow me on twitter @meisuleen!
We just attended to a decentralized hackathon
Tags: buidlhonduras, blockchain, dao, hackathon
Published: 2019-07-24 00:09:51

---
title: We just attended to a decentralized hackathon
published: true
description: 
tags: buidlhonduras, blockchain, dao, hackathon
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ut1v20qahc9sma4aokhx.JPG
---

On July 6th and 7th 2019 we attended to the Hackathón Muñón at San Pedro Sula and Tegucigalpa, Honduras. We hacked, chilled, got and gave feedback to each other. We had a good time. Also we experienced what is like being part of a DAO powered by the blockchain.

![](https://thepracticaldev.s3.amazonaws.com/i/rm2yjdrdgl8pdt17ex5l.JPG)

This was not an usual hackathon. At the Hackathón Muñón there are no judges nor "winners" and "loosers". This is to promote hacking, innovating and teamwork.

## How?

To participate, every one pays an entry fee that goes to a pot. At the end of the event everyone reviews each other work. Finally, the pot gets distributed proportionally depending on how the every participant perceived your work.

We created a dapp on top of ethereum blockchain to simplify the process. On the dapp, participants registered, rated each other and received their corresponding reward.

![](https://thepracticaldev.s3.amazonaws.com/i/1z4jjywwucvz2317iqc3.png)

## Moving forward

We kept this hackathon quite lowkey due to it's experimental nature. Now we are making improvements based on what we learned and expect to organize more in the near future.

## Info sheet

* 6 hackathon muñón has been hosted so far
* 2 of them on the blockchain
* We reached 1+ eth pot with the help of sponsors
* [Landing page](https://munonhack.com/)
* [Dapp used](https://dapp.munonhack.com/) (not live)
* [Github repo](https://github.com/buidl-honduras/HackathonMunon), code contributions very welcome!
* Now improving stuff, see the [issues](https://github.com/buidl-honduras/HackathonMunon/issues)
* Unite a nuestro [discord](https://discord.gg/nxzw8y) y chateá con nosotros!


![](https://thepracticaldev.s3.amazonaws.com/i/dr0nztonqwhtvlq9fvr5.JPG)

![](https://thepracticaldev.s3.amazonaws.com/i/0yzp9qmwtyfpuf2h1mhc.JPG)

![](https://thepracticaldev.s3.amazonaws.com/i/2rmdu0e7ado1wadm126b.JPG)

![](https://thepracticaldev.s3.amazonaws.com/i/f8es9dwfpsz9pfawtk8x.JPG)

![](https://thepracticaldev.s3.amazonaws.com/i/01hgudghiod4599zp3tr.JPG)
Introduction to Web Accessibility with Semantic HTML5
Tags: html, webaccessibility, semantichtml5
Published: 2020-09-21 07:16:14

---
title: Introduction to Web Accessibility with Semantic HTML5
published: true
date: 2019-07-24 00:00:00 UTC
tags: HTML5,HTML,WebAccessibility,SemanticHTML5
canonical_url: https://www.loginradius.com/engineering/blog/introduction-to-web-accessibility-with-semantic-html5/
---

What is Web Accessibility? Web Accessibility (often stylized “a11y”), is the practice of ensuring that your websites and web applications are accessible by people with disabilities of many kinds. Some examples of common disabilities which we need to consider are: Blindness and…

   
[Read On](https://www.loginradius.com/engineering/blog/introduction-to-web-accessibility-with-semantic-html5/)
FEATool Multiphysics 1.11 - Fluid-Structure Interaction
Tags: featool, multiphysics, fluidstructure
Published: 2019-08-20 08:06:43

---
title: FEATool Multiphysics 1.11 - Fluid-Structure Interaction
published: true
tags: featool, multiphysics, fluid-structure
canonical_url: https://www.featool.com/news/2019/07/24/FEATool-v1p11-Fluid-Structure-Interaction-in-MATLAB.html
---

FEATool Multiphysics™ 1.11 FEATool Multiphysics release 1.11 is now available and extends the multi-simulation solver concept even further by introducing a fluid-structure interaction (FSI) solver (in addition to the existing built-in multiphysics, OpenFOAM, and FEniCS solver integrations). The following new features are available with FEATool Multiphysics 1.11.Fluid-Structure Interaction (FSI) FEATool now features a built-in FSI physics mode and dedicated FSI solver to make fluid-structure interaction simulations easy to set-up directly from both the GUI and optional command line interface.
component #8 - Accordion
Tags: react
Published: 2019-07-23 23:05:13

---
title: component #8 - Accordion
published: true
description: This is a part of *30 components / month* challenge.
tags: #react
---
{% codesandbox 7hxcg %}

## What I have learned?

- How to make a simple accordion.

## What are the main challenges?

  animation. So I removed it instead. LOL

## Why am I doing this anyway?

- To learn.
- To have fun.
- To future Joimee (for reference).

Resources:
[Component #7 Tabs](https://dev.to/oieeaaaa/component-7-tabs-1jcp)



Salamat.
dev.to, getting started (being me) 🖤
Tags: discuss, devjournal
Published: 2019-07-23 22:59:56

###### Firstly, here are my demands: can we make journal into a tag pretty please.

There's a pattern in my blogging stream of consciousness here on dev.to that I can't explain but we're getting to that.

I am a blog novice but that hasn't stopped me because dev.to has been fun and rewarding for my sense of confidence and the achievements fill my lizard brain with joy. Anyhoo, I use dev.to to vent about anything really, from the similarities between inanimate objects (my bed) and Agile methodologies, all the way to more serious grit like ... umm, I forget. Anyway I write about serious topics occasionally, last week I got my first 2000 views+ post which I certainly wasn't expecting and a 20 heart comment! I wrote that whilst a bit... How should I say this, I had drank lots of liquid that made me want to write in a passionate tone. 😒

I am not an angry person as the crow flies but occasionally I will have a bad day and just go to town on a subject. I'd like to stay interesting without the alcohol but I just don't get the same level of interest, so let's analyze what drunk me did right.

_3 emojis in the title seemed to capture your attention, I guess that is no surprise, if Shakespeare had emojis, his plays would still make perfect sense._

_I replied to every comment and hearted everyone because you rock._

_I broke my paragraphs up._

_I didn't correct my spelling?! Maybe I overthink this._

_I concluded well._

So what is the pattern I spoke about? All my negative posts did really well, but I just want to be a force for good not evil.

Anyway should I take on something else that bothers me.. time will tell, if your still reading this why? This was a monologue 😘
Focus does not follow click()
Tags: javascript
Published: 2019-07-23 22:36:34

When you click around on a webpage the *currently focused element* changes accordingly. If you want to see which DOM element is focused now, you can simply _click_ on some element, open dev tools and execute:

```js
document.activeElement

> <textarea class="articleform__body" id="article_body_markdown" placeholder="Body Markdown" name="body_markdown" style="height: 714px;"></textarea>
```

I assumed the same for _JavaScript_ [click()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click) call. But after way too long of desperate code debugging I found out that:

> focus does not follow click()

So if you try to run following code in your JS console directly here on dev.to:

```js
document.querySelector("#nav-search").click();
console.log("Active element:", document.activeElement);

> Active element: <textarea class="articleform__body" id="article_body_markdown" placeholder="Body Markdown" name="body_markdown" style="height: 798px;"></textarea>
```

Active element won't be the `click-ed` search bar. For that you would have to run:

```js
document.querySelector("#nav-search").focus();
console.log("Active element:", document.activeElement);

> Active element: <input class="nav-search-form__input" type="text" name="q" id="nav-search" placeholder="search" autocomplete="off" aria-label="search">
```

You can play with a [more complete demo](https://codesandbox.io/s/click-vs-focus-bgjtl) including how `focusout()` fits in the equation.

Lesson learned.

-----

Cover photo from [Free-Photos](https://pixabay.com/users/free-photos-242387/) on [pixabay](https://pixabay.com/photos/office-keyboard-job-work-381228/)
Here's a video tutorial for some commonly used Array methods in JavaScript
Tags: javascript, beginners, webdev
Published: 2019-07-23 21:57:11

In this video, I go through some common (and some uncommon) array methods and how to use them.

Here are the ones covered in the video: .some() .filter() .map() .flat() .reduce() .every() .find() .pop() .shift() .unshift() .includes()
 

{% youtube W_4W7bvMBxE %}

Feedback welcome!
Open web hackathon: Build a simple permaweb app
Published: 2019-07-23 21:34:26


## Welcome to the perpetual, open permaweb hackathon!
 
At [Arweave](http://bit.ly/32MGZqh) we firmly believe that the future of the [new web should be open source](http://bit.ly/32OaXdy) for the benefit of users and developers alike. We want to help make this a reality, so we’re rewarding developers like yourself for building open source dApps on the permaweb!
 
The Arweave itself is a global, permanent hard drive. The permaweb is a decentralized, immutable web built on top of the Arweave. Permaweb apps are built using normal web technologies — HTML, CSS, and Javascript — but are deployed to Arweave’s on-chain storage system, making them permanent and available in a fast, decentralized manner. You can get started and deploy a permaweb app in 2 minutes or less.
 
**Time investment:** One afternoon to one weekend. 

Visit our open web hackathon page at [GitCoin](http://bit.ly/2M2qKj8) to learn more and [participate](http://bit.ly/2M2qKj8).

[Come over to Discord and join the discussion](http://bit.ly/2M9DfcO)! We’re looking forward to hearing your ideas and helping you along!
Welcome to the Big Thread Club, JavaScript Room. You are the latest winner of the Big Thread Badge. 🎉
Tags: meta, bigthreadbadge
Published: 2019-07-23 21:06:41

Most DEV accounts are individuals, and we encourage "org accounts" for publications, but this week's winner is more of a publication with a user account. We only have guidelines, and not hard rules—so this account was still eligible. 😄

JavaScript Room joins @iam_timsmith, @fullstack_to, @espoir, @helenanders26, @philnash, @florinpop17 and @lauragift21 in the club as the fourth winner of this badge.

{% user room_js %}

The Big Thread Badge is awarded to the person who creates a discussion thread on the site that sparks the most collective comment love (e.g. score as determined by total ❤️ reactions and adjacent ranking factors).

This was JavaScript Room's thread:

{% link https://dev.to/room_js/github-projects-or-trello-what-is-your-thing-2hbj %}

Entry is simple: Start a thread that is bound to spark a lot of comments. Ask the community to tell a certain kind of story and get lots of comments! Even if these threads aren't always answering _the deep questions_, they are often great for seeing what the broader community thinks of a topic and are usually a lot of fun!

Use the #discuss tag to signal that the post is a discussion thread.

{% tag discuss %}

_DEV employees are not eligible for the Big Thread Badge. 🙂_

## **The Big Thread Oplympics**

This marks 8/8 winners that have gone to folks from a different country. It highlights the global diversity of our community of folks helping one another out. How long will the streak continue? Europe now leads with three winners, followed by Oceania, Europe and Africa two each, with one from North America.

## **Happy Coding!**
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2019-07-23 21:02:12

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

Two great comments from: **[What software projects made you "wow" 🤯](https://dev.to/ben/what-software-projects-made-you-wow-3ppe)**:
@ankittiwari16 talks about something new:
{% devcomment d569 %}

@prahladyeri and something that got started a while ago:
{% devcomment d5al %}

@analizapandac replied into **[What Not to Do as a Programmer - My List After 2 Years of Working In Teams](https://dev.to/haseebelaahi/what-not-to-do-as-a-programmer-my-list-after-2-years-of-working-with-teams-1b23)** with a great additional point:
{% devcomment d6lf %}

@karataev brought some levity into the  **[“href” vs. “src” in HTML](https://dev.to/dance2die/href-vs-src-in-html-10l7)** thread:
{% devcomment d5l8 %}

@yucer talked about the process of lifelong learning in **[On Being a Hopelessly Insecure Programmer](https://dev.to/maxwell_dev/on-being-a-hopelessly-insecure-programmer-31a3)**:
{% devcomment d96c %}

See you next week for more great comments ✌
Depth First Search Javascript.
Tags: replit, node
Published: 2019-07-23 20:59:43

---
title: Depth First Search Javascript.
published: true
tags: replit, nodejs
---

Depth-First Search is another one of the algos that can come up on interview questions. Here it is in Javascript. 

The awesome thing about DFS and BFS is that there's just a one line change to go from a DFS to a BFS - and vice versa!

{% replit @JonathanPowell2/DepthFirstSearch %}
Writing a simple version of Breadth First Search in Javascript
Tags: replit, node, datastructures, graphs
Published: 2019-07-23 20:57:39

---
title: Writing a simple version of Breadth First Search in Javascript
published: true
tags: replit, nodejs, datastructures, graphs
---

Breadth First Search is one of those top 10 algorithms to know for an interview. Here it is in javascript. This code works if you're using an adjacency list to represent your graph.

{% replit @JonathanPowell2/Breadth-First-Search %}
Codeland 2019
Tags: codenewbie, webdev, techtalks
Published: 2019-07-23 20:40:45

**My experience**

I have to say that Codeland 2019 was amazing! This was my very first tech conference and I've had nothing but great things to say about my experience. Everyone I've met at the conference gave me great advice and a warm welcome to the tech community. I believe this is important, especially as a code newbie because this sort of energy makes people excited to attend more conferences and to really expand their network. 

**Talks**

I've always said I'd get into podcasts and anything involving listening as a way of learning, but I haven't started at all. Having the chance to sit and listen to each of the speakers at this conference was great. Every project/idea presented were unique and creative! Some of them had me questioning myself, "_What am I going to build that'll change lives or impact someone?_". This is nothing but positive feedback though. I'd assume there's not enough being done if people aren't inspiring others to go out and do something great. One of my favorite talks from that day was from BJ Burns. He shared his experience through art and discussed ways to encourage yourself on the journey to becoming a software developer.


**Workshops: Intro to Git, GitHub, CLI and more**

I chose this workshop mainly because I have no clue how GitHub works. I found this lab very informative and it made me feel as if I were in a classroom but social setting. We learned about pull requests, cloning repositories, the importance of "ReadMe" being present, etc. I've always heard "Git" and "GitHub" but never knew the difference. From my understanding, **GitHub** is the social layer where people do the hosting, communicating and discussions, whereas **Git** is the version control system. 
I look at it as Git being the tool and GitHub being the toolbox. Feel free to comment any better explanations of the two! 😀

**Reflecting**

One takeaway from this conference is that nothing has to be perfect in order to be sent out. You can always go back and make edits/ tweak things around. I felt like I needed to hear this mainly because it reflects how I should be with my work. I am a perfectionist at heart and will not put out anything unless it's on point. This doesn't mean you should not put effort into your work, but more so, do your best and be proud of that. We fear failure sometimes and the thought of making a mistake when that's what we need in order to grow! Failure isn't the end. 

I look forward to attending CodelandNYC next year and I encourage anyone to attend in the future as well.
[SOLVED] Mongoose create not executed when I do before a for loop. Please help?
Tags: mongoose, node, javascript
Published: 2019-07-23 20:02:12

---
title: [SOLVED] Mongoose create not executed when I do before a for loop. Please help?
published: true
description: When I execute the code below I don't get any documents in Mongoose for "detail" - see line 11 in the code. Why doesn't it work? I am grateful for every tip.
tags: mongoose, nodejs, javascript
---

When I execute the code below I don't get any documents in Mongoose for "Detail"-collection - see line 11 in the code. Why doesn't it work? I am grateful for every tip.

{% gist https://gist.github.com/sm-a/23b4f2c06fd499ccafabcd96fc8b1435 %} 

I made a mistake in the previous code. Therefore it is solved now.
Learn JavaScript
Tags: javascript, learnjavascript
Published: 2019-07-23 19:51:29

---
title: Learn JavaScript
published: true
description: Basic to advanced JavaScript anywhere and anytime
tags: #javaScript #LearnJavaScript
---

#Learn JavaScript

We released an Android app for learning JavaScript named **Learn JavaScript** in Google Play.

##Features

1. Read it on online and offline mode
2. It will cover basic to advanced topics of JavaScript.
3. Clear code samples and explanations. 
4. Practice Quizzes to make you understand the topics.
5. Achievements to make the learning more interesting.
6. JavaScript articles to keep you up to date.

###Download
[Learn JavaScript](https://play.google.com/store/apps/details?id=com.vigowebs.learnjavascript)

###Screenshots

Some of the screenshots from Learn JavaScript Android App

![](https://thepracticaldev.s3.amazonaws.com/i/xclxjl416xu8rdrl1o2s.png)
![](https://thepracticaldev.s3.amazonaws.com/i/rqm8srm1upze2hr6z4uf.png)
![](https://thepracticaldev.s3.amazonaws.com/i/6g8sjmg1130yfkmhma3m.png)
![](https://thepracticaldev.s3.amazonaws.com/i/5qmjo5e4rbdx1mcrqvwt.png)
![](https://thepracticaldev.s3.amazonaws.com/i/087mquhm2qi9bnmql0nc.png)
![](https://thepracticaldev.s3.amazonaws.com/i/e1wr1vfekuqt60gvhe3z.png)
![](https://thepracticaldev.s3.amazonaws.com/i/xlrk223dmv3yf329c8js.png)
![](https://thepracticaldev.s3.amazonaws.com/i/ha3l3x7kk5hz50zmzhiq.png)
What does a healthy and productive work day look like to you?
Tags: discuss, mentalhealth, burnout
Published: 2019-07-23 19:28:31

---
title: What does a healthy and productive work day look like to you?
published: true
description: 
tags: #discuss #mentalhealth #burnout
---

I've been freelancing for 7 years, mostly working solo. I recently realized that my own understanding of what constitutes a "productive" day is based only on my own experience --- and, even though I have been able to work much more effectively, I still have a hard time feeling like I have done "a good day's work".

I think that part of this is that I only feel like I am productive when I'm in a "deep working" state - which often takes me a couple hours of busywork/surfing to warm up to. Then, it's hard to wind down at a regular time because I feel like I should take advantage of being in the zone. Then, I burn out.

I don't want this discussion to become about "how to be productive" - there are plenty of articles about that (and I think our culture prizes productivity in an unhealthy way anyway).

Instead, I'm wondering:

How much of your work day is "deep work"?

How do you maintain a healthy pace throughout your week?

How do you maintain a healthy separation between work & the rest of your life?

Any other thoughts / questions / experiences about this?
error in starting my first reactapp
Tags: helpmeplease
Published: 2019-07-23 19:24:11

error in npm start in reactjs, please provide required solution

events.js:180
      throw er; // Unhandled 'error' event
      ^

Error: spawn cmd ENOENT
←[90m    at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19)←[39m
←[90m    at onErrorNT (internal/child_process.js:456:16)←[39m
←[90m    at processTicksAndRejections (internal/process/task_queues.js:77:11)←[39m
Emitted 'error' event at:
←[90m    at Process.ChildProcess._handle.onexit (internal/child_process.js:270:12)←[39m
←[90m    at onErrorNT (internal/child_process.js:456:16)←[39m
←[90m    at processTicksAndRejections (internal/process/task_queues.js:77:11)←[39m {
  errno: ←[32m'ENOENT'←[39m,
  code: ←[32m'ENOENT'←[39m,
  syscall: ←[32m'spawn cmd'←[39m,
  path: ←[32m'cmd'←[39m,
  spawnargs: [ ←[32m'/c'←[39m, ←[32m'start'←[39m, ←[32m'""'←[39m, ←[32m'/b'←[39m,
←[32m'http://localhost:3000/'←[39m ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myapp@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myapp@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Anand\AppData\Roaming\npm-cache\_logs\2019-07-23T19_09_42_496Z-debug.log