teleren/devto huggingface dataset:
How JavaScript engine execute this code? 
Tags: help, discuss, javascript
Published: 2019-05-11 12:49:20

---
title: How JavaScript engine execute this code? 
published: true
description: 
tags: #help,#discuss,#javascript
---

I'm trying to write a post on execution context in JavaScript.But I'm not able to understand creation phase of execution stack when code is compile, how code is organized in compile code.For example

```js
   console.log(a); //log 'undefined' why?
   logName();
   
   function logName(){
       console.log(name); //log 'undefined'
   }
   
   var a = 10;
   var name = "CoderOO7";
```js

According to me JavaScript Engine work as follow:


1. First Create global execution context
2. Define Global Scope , by searching for variable and function declaration. This 
   is where hosting concept come in
3. Set the variable a = undefined, name = undefined and this = window object.
4. Put search variable and function in memory for reference.
5. When function logName() invoke , create its execution context and then set its local scope and value of **this**.

the whole picture can be depict as:

```js
<global execution context>
    a : undefined
    name : undefined
    logName : <refrence to function in memory>
    ScopeChain : 
    this : <window object>
    
    <function execution context of logName>
    ScopeChain:
    this : <window object>

```

Now when compilation phase is done then than JavaScript engine execute code and assign the values to variable.

now the picture look like this

```js
<global execution context>
    a : 10
    name : 'CoderOO7'
    logName : <refrence to function in memory>
    ScopeChain : 
    this : <window object>
    
    <function execution context of logName>
    ScopeChain:
    this : <window object>

```

Somebody help to clear my confussion because I know what I'm thinking is totally wrong.
Which is the best book to learn Angular?
Tags: help
Published: 2019-05-11 12:25:13

---
title: Which is the best book to learn Angular?
published: true
description: 
tags: Help
---

From the reviews **Pro Angular 6 by Adam Freeman** seems to have been a very good book, is it worth to go through that book even though it has been published on 10 Oct. 2018 and now Angular is at version 7.2?
Ruby Gem minitest_log v1.0 Released
Tags: ruby, testing
Published: 2019-05-11 11:47:42

---
title: Ruby Gem minitest_log v1.0 Released
published: true
description: 
tags: ruby, testing
---

I have released v1.0 of gem [minitest_log](https://rubygems.org/gems/minitest_log), (code and documentation on [GitHub](https://github.com/BurdetteLamar/minitest_log#minitestlog)).

The gem gives you three things:

- **Nested sections**: Use nested sections to structure your test (and, importantly, its log), so that the test can "tell its story" clearly.
- **Data explication**: Use data-logging methods to log objects. Most collections (Array, Hash, etc.) are automatically logged in detail.
- **(And of course) Verdicts**: Use verdict methods to express assertions. Details for the verdict are logged, whether passed or failed.
One of those wtf moments when using docker
Tags: docker, permissions
Published: 2019-05-11 10:50:26

---
title: One of those wtf moments when using docker
published: true
description: Docker tricks
tags: docker, permissions
---

I've been using docker for a year and a half now. Since then I've learned many neat and cool tricks about docker. I'm gonna share with you one particular trick that I find very interesting when using docker. Take a look at below script.

```
docker run --rm -it -v $(PWD):/app -w /app busybox rm -rf deps
```

At first glance you can tell that I'm using `busybox` image to do nothing than just to remove my `deps` folder. But why should we concern about this? Well, it turns out that docker leverages root access, meaning we're basically running `sudo rm -rf deps` without asking for our sudo password! That's dangerous!!!


Although it is dangerous, it is quite useful as well. We just have to be careful on the way we use it that's all. Tbh, I've used this trick quite a lot in my development. The example above is actually a part of my `Makefile` setup as depict below
```
setup:
        docker run --rm -it -v $(PWD):/app -w /app busybox rm -rf deps
        docker run --rm -it -v $(PWD):/app -w /app elixir:1.6 mix local.hex --force && mix deps.get
        cd assets && $(MAKE) setup
        docker-compose build
```

As you can see, I'm developing an elixir application, and `make setup` is something you want to run quite a few times (if not just one time). So this ensure that if somebody were to clone my project, running `make setup` for them would be a breeze and won't have any issues regarding permission.

Anyways, what do you think of this trick? Is it good? Bad? Share your thoughts with me and if possible how can I improve my setup.
Re-entry is the hard part
Tags: dailywriting
Published: 2019-05-14 18:00:45

---
title: Re-entry is the hard part
published: true
tags: daily-writing
canonical_url: https://marcusblankenship.com/re-entry-is-the-hard-part/
---

I just returned from attending the [greatest technical leadership training on the planet](http://www.estherderby.com/workshops/psl-new), which has been running for over 40 years.

It’s over five days of experiential training led by two amazing masters of technical leadership and human systems.

_(FYI – This is not a sponsored post, just my humble opinions.)_

So, now my mind is buzzing with everything I’ve seen, and done, and said, and felt, and realized, and learned.

**Thankfully, the leaders reminded us that everyone at home has been experiencing things too.**

They have kept the dogs fed, the kids clothed, the bills paid, and everything running smoothly in our absence. Or maybe, you have teammates at work who took on extra work to cover for you.

Though my impulse is to talk **at** them about the workshop, there’s a better approach.

Don’t start with you, but with them.

- Ask them how their week was, and what it was like for them when you’re gone.
- Appreciate them with words and deeds for keeping things running in your absence.
- Spend time catching up on what needs to be done, and helping them with what they need.

Too often I’ve neglected this, _causing my family and co-workers to feel like the new people I met were smarter, more interesting, and somehow more amazing than they are._

Which feels pretty crappy to those left behind, and explains a variety of negative reactions which caused me to burn-up on my re-entry into “real life.”

**I now see that the people around me are more interesting, exciting, and brilliant than anyone I’ll meet at a conference. **

Too often I miss what’s right in front of me, so I’m going to start by appreciating my wife, Amy, right now:

_Amy, I appreciate you for giving me the opportunity to be away this week, and for taking care of everything brilliantly.  It allowed me to get the most from the workshop experience, and you are the most brilliant, interesting person I know._

**Is there someone you could appreciate who’s right in front of you?**

Thanks for listening,

Marcus

The post [Re-entry is the hard part](https://marcusblankenship.com/re-entry-is-the-hard-part/) appeared first on [Marcus Blankenship](https://marcusblankenship.com).
Getting Trapped as an Expert Beginner 
Tags: community, career, discuss, personaldevelopment
Published: 2019-05-11 06:56:51

---
title: Getting Trapped as an Expert Beginner 
published: true
description: 
tags: #community #career #discuss #personaldevelopment
---

I really enjoyed reading this article:
https://daedtech.com/how-developers-stop-learning-rise-of-the-expert-beginner/

The big take away from this article is how important it is to stay humble to prevent getting stuck as an expert beginner. I do think it's important to take pride in your work and have confidence. Also many are dealing with imposter syndrome. On the other hand there are many on the other extrem that have such a big ego they can never be wrong or listen to others. If we want to grow as developers it's important to stay humble and be willing to listen to good ideas regardless of where they come from. 

This reminds me of this Bible proverb:

>Pride is before a crash, And a haughty spirit before stumbling.
>Proverbs 16:18

So remember stay humble, keep listening and learning. Best way to keep growing! Do you have any examples where humility helped you learn or grow? What do you think of the points made in the article above?
Reactjs create tab
Tags: help
Published: 2019-05-11 05:19:54

---
title: Reactjs create tab
published: true
tags: help
---

I using reactjs. I want to make a tab like jquery (https://jqueryui.com/tabs/#manipulation) with a tab closing function, which library is used for this function, but my search friends do not have any right.  I thank you.
Kubuntu: from 18.04 to 19.04
Tags: linux, ubuntu
Published: 2019-05-09 15:56:40

I am not a real linux guru, but I force myself to work on Linux at least once day a week.

To work I chosen Kubuntu because it's an easy to use Linux distro.
A few weeks ago, Kubuntu 19.04 is arrived with some new features and applications.

One of these is the new interface based on [Plasma 5.15](https://www.kde.org/announcements/plasma-5.15.0.php).

![](https://kde.org/announcements/plasma-5.15/plasma-5.15-apps.png)

There are many ways to update Kubuntu from 18.04 to 19.04.
For my Surface Book 2, I chosen the command line tool.

## Install the right kernel for Microsoft Surface Laptops Family

Kubuntu (and others Linux distros) are not optimized for the Microsoft Surface Laptops hardware.
I have a Surface Book 2 as main pc and I have the same problem.
But, thanks to the opensource projects, you can install a compatible kernel for these kind of laptops.

You can follow the instructions on this [link](https://github.com/jakeday/linux-surface) and install the latest version to obtain the best performance on your machine.

## Update Kubuntu to 19.04 from command line

First of all you have to update all installed applications on your installation with this command (it requires a reboot):

```
sudo apt update && sudo apt dist-upgrade
```

Check if your Update Manager is installed with this command:
```
sudo apt install update-manager-core
```

Open */etc/update-manager/release-upgrades* in your favorite text editor and change the last line with this: Prompt=normal
In alternative, you can you nano with this command:
```
sudo nano /etc/update-manager/release-upgrades
```
![](https://thepracticaldev.s3.amazonaws.com/i/6brz8x3em109mouomxem.png)

Now you can do the upgrade to 19.04 with this command:
```
do-release-upgrade
```

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

*Note:* If your current version is 18.04, you have to launch this command two times, the first one to get the 18.10 version and the second one to get the latest version 19.04
How to Accept Rejection in Your Professional Life
Tags: jobs, interview, growth
Published: 2019-05-11 03:09:18

---
title: How to Accept Rejection in Your Professional Life
published: true
description: Rejection can be really painful, but there are a few things you can try to move forward in a healthy and positive direction.
tags: jobs, interviews, growth
cover_image: https://thepracticaldev.s3.amazonaws.com/i/v8vyphl2fei9auffc0cu.jpg
---

Rejection sucks, and for some reason, rejection from acquaintances and strangers *especially* sucks. Maybe you submitted a proposal to give a talk at an event and weren't selected for it. Maybe you applied for a job and they didn't give you an interview. Maybe you asked for a promotion or salary raise and couldn't get what you needed. How do we move on from rejection like this?

First of all, don't immediately take it personally. You're definitely awesome, but let's take a breather and analyze the situation more closely. There are more than likely some good reasons for the rejection from the other person's perspective. Your talk topic may not have aligned closely enough for the event's purpose. Another applicant may have been more qualified for the job. Your company might not have an open position to promote you to or enough money to raise your salary.

Before you ask any follow-up questions, make sure you genuinely **thank** the person who rejected you for their time. Doing so will increase your chances of them keeping you mind for future opportunities.

Once you've thanked them, then consider some potential questions for feedback. You want to make sure they don't sound bitter, so if you want to double-check your wording and tone, see if you can find someone to review them before you move forward. You can ask what would have made your talk proposition more desirable, what skills or qualifications you were missing from your application, or what you can do at your job to be more seriously considered for a promotion/raise next time.

This is where you can take the answers to these questions and run with them. Hopefully, you receive positive, helpful feedback. Build on it and make yourself an even stronger candidate. If the feedback wasn't helpful or you get shrugged off, however, it might be time to look deeper into the situation. In this case, find an outside perspective to talk to about it. They may see something you don't.

Regardless, keep in mind that you are not alone in being rejected. It happens to everyone, every day. Don't be afraid to put yourself out there. You might come across the opportunity of a lifetime.

---

Did you know I have a newsletter? 📬

If you want to get notified when I publish new blog posts or make major project announcements, head over to [https://ashleemboyer.com/newsletter](https://ashleemboyer.com/newsletter).

---

*[Image](https://unsplash.com/photos/1k3vsv7iIIc) by [Kai Pilger](https://unsplash.com/@kaip) on [Unsplash](https://unsplash.com).*
Networking via Twitter & Dev.to
Tags: discuss, networking, twitter, devto
Published: 2019-05-11 02:04:47

---
title: Networking via Twitter & Dev.to
published: true
tags: discuss, networking, twitter, devto
---

I've read a lot of post on twitter with people saying that twitter is a very powerful networking tool. I've had a twitter account but I don't really use it, all I do is read people tweets and retweet. 

So I'd like to start a discuss to hear how different people network using twitter, dev.to or other social network and also in real life (Meetups, Hackathons etc.). 

Networking is something that is pretty hard for me. I recently moved to St.Louis from Belize and I've found it hard to network and meet other developers. I'm the only Developer at the company I'm working at so I'm not really connecting with other developers. 

So if any one have any great gems on networking I'd love to heard them.
Around the Web – 20190511
Tags: blog
Published: 2019-07-22 13:50:00

---
title: Around the Web – 20190511
published: true
tags: Blog
canonical_url: https://wipdeveloper.com/around-the-web-20190511/
cover_image: https://wipdeveloper.com/wp-content/uploads/2017/07/WIPDeveloper.com-logo-black-with-white-background.png
series: Around the Web
---

And now for somethings to read (or watch) over the weekend, if you have some spare time that is.

## [Understanding Shadow DOM v1](https://dev.to/bnevilleoneill/understanding-shadow-dom-v1-4e5n-temp-slug-7121770)

**LogRocket**  – Faraz Kelhini – May 1, 11:31 AM – Before we delve into how to create shadow DOMs, it’s important to understand what DOM is. The W3C Document Object Model (DOM) provides a platform- and language-neutral application programming interface (API) for representing and manipulating…

## [You can get pretty far in making a slider with just HTML and CSS](https://css-tricks.com/can-get-pretty-far-making-slider-just-html-css/)

**CSS-Tricks**  – Oct 12, 2017, 6:54 AM – HelloSign: Everything IT requires and Developers love A ‘slider’, as in, a bunch of boxes set in a row that you can navigate between. You know what a slider is. There are loads of features you may want in a slider. Just as one example, you might…

## [Introducing GitHub Package Registry](https://github.blog/2019-05-10-introducing-github-package-registry/)

**The GitHub Blog**  – Simina Pasat – May 10, 1:36 PM – Today, we’re excited to introduce GitHub Package Registry, a package management service that makes it easy to publish public or private packages next to your source code. GitHub Package Registry is fully integrated with GitHub, so you can use the…

## [Jeff Bezos unveils ‘Blue Moon’ lunar lander](https://www.cnbc.com/2019/05/09/jeff-bezos-unveils-blue-moon-lunar-lander.html)

**CNBC**  – Michael Sheetz – May 9, 1:42 PM – WASHINGTON — Jeff Bezos, chairman of Amazon and founder of Blue Origin, unveiled his space company’s exploration plans in detail on Thursday. Blue Origin, established nearly two decades ago, has remained relatively quiet about the rockets, engines…

## [Microsoft wants to close the UWP, Win32 divide with ‘Windows Apps’](https://www.zdnet.com/article/microsoft-wants-to-close-the-uwp-win32-divide-with-windows-apps/)

**ZDNet**  – Mary Jo Foley – May 8, 3:24 PM – For months, many pundits, partners and customers have wondered aloud whether Microsoft’s Universal Windows Platform (UWP) has a future. Officially, the story is UWP is alive and well. But the Win32 platform lives on and seems to be back on…

## Till Next Week

Want to share something? Let me know by leaving a comment below or emailing [brett@wipdeveloper.com](mailto:brett@wipdeveloper.com)  or following and tell me on [Twitter/BrettMN](https://twitter.com/BrettMN).

Don’t forget to sign up for **[The Weekly Stand-Up!](https://wipdeveloper.com/newsletter/)** to receive free the [WIPDeveloper.com](https://wipdeveloper.com/) weekly newsletter every Sunday!

The post [Around the Web – 20190511](https://wipdeveloper.com/around-the-web-20190511/) appeared first on [WIPDeveloper.com](https://wipdeveloper.com).
VSCode Extension Peacock
Tags: vscode, extension, webdev, peacock
Published: 2019-08-15 04:13:57

---
title: VSCode Extension Peacock
published: true
tags: vscode, extension, webdev, peacock
canonical_url: https://ajonp.com/blog/vscode-extension-peacock/
cover_image: https://res.cloudinary.com/ajonp/image/upload/w_1000,h_420/ajonp-ajonp-com/blog/VSCode_-_Peacock.png
---

> Original Post: https://ajonp.com/blog/vscode-extension-peacock/
> Please note the video was from version 2.

# VSCode Extension Peacock

{% youtube VYuSbZxbBoE %}

![peacock](https://github.com/johnpapa/vscode-peacock/raw/master/resources/hero.png)

Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code’s Remote features, and you want to quickly identify your editor.

[Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)

[Full Documentation](https://papapeacockstorage.z13.web.core.windows.net/)
Webinar- Prototyping as Process
Tags: ux, prototyping, wireframing, design
Published: 2019-05-11 01:16:09

---
title: Webinar- Prototyping as Process
published: true
description: You’re invited to a free webinar UX Design: Prototyping as Process on Tuesday, May 14, at 2 PM EDT.
tags: ux, prototyping, wireframing, design
cover_image: https://thepracticaldev.s3.amazonaws.com/i/3i6wcak57dbgugqxzxgo.gif
---

Over the years, prototyping has become an integral part of digital product development. Learn what that looks like from three industry leaders.


Design aficionado Jeremy Osborn will be joined by industry experts, Dave Rupert and James Young, to discuss the ins and outs of:

* Modern design documentation

* The new tools that aim to improve it

* Effective team communication

[Register (it's free!)](https://gymnasium.github.io/cms/webinars/prototyping-as-process/?utm_source=dev.to&utm_medium=post&utm_campaign=AQ_NA_GYM-webinar&utm_content=prototyping-as-process-051419)

See you there!
Is it dev dot too or is it dev dot tee oh?
Tags: devto, funny, fauxpas
Published: 2019-05-11 00:39:30

---
title: Is it dev dot too or is it dev dot tee oh?
published: true
description: 
tags: #devto #funny #faux-pas
---
![Man, freaking out. circa 2019](https://thepracticaldev.s3.amazonaws.com/i/4xc4b8ei79l6m7w0hnp3.jpg)

So literally my whole entire life I've been pronouncing this site as "dev dot too" but I've just heard someone refer to it as "dev dot tee oh".

Now I'm freaking out. I'm freaking out mostly with _relief_ as I realized I've not actually verbalized the site's name in front of anyone and have therefore spared myself what I can only imagine to be considerable embarrassment.

But it made me think: the last time I did this was many years ago when people couldn't decide if GIFs had a hard or soft **G**. Is hard or soft **G** like tabs vs spaces?

So now I want to hear examples of when people called things the wrong thing for the longest time...

...or had that moment when they heard someone pronounce something and thought _I never thought I should say it like that._

Comment and let me know! 👇👇👇👇
Blind in a Blindfold
Tags: aphantasia, programming
Published: 2019-05-10 23:10:40

A few years ago I discovered something strange: "Mental image" is a far more literal phrase than I had ever believed. **It turns out that the majority of people really can "see" things that aren't in front of them. I cannot.** [It's a condition known as Aphantasia](https://www.scientificamerican.com/article/when-the-minds-eye-is-blind1/), and — although little is known about it — there are [many people](https://www.reddit.com/r/aphantasia) who have recently come to the same discovery.

Fortunately, people with Aphantasia seem to be faring pretty well. Ed Catmull, for example, was president of Pixar despite [having Aphantasia](https://www.bbc.com/news/health-47830256). In fact, I would argue that limitations like Aphantasia can be beneficial in certain fields.

# Imagine this...

Imagine, if you can, blindness of the eyeballs, not just the mind. A blind person must, necessarily, become a talented sightless navigator. Years of practice accumulate until a blind person can navigate nearly as well as a sighted one. They'll never be quite as quick at getting around, of course, but they can come pretty close.

But if you took a blind person and a sighted person and put them both in blindfolds, the tables would turn. The blind person — with years of practice — would be able to navigate quite well. But the usually-sighted person would struggle with even the most basic skills.

# What Does it Mean for Me?

Aphantasia, I believe, is similar to the blindfold analogy. In the general case, I (and other aphants) will underperform in mental tasks. My reading comprehension of fiction, for example, is atrocious. But in certain cases *everyone's* mind is blinded, and my intense practice helps me in those areas.

I believe programming is one such occasion. **Programming, as far as I can discern, is not a skill which is particularly aided by visual imagery.** Almost everyone who is writing code needs to think in data, which can be a challenge for many. **As a person with Aphantasia, I — like the blind in a blindfold — feel no less comfortable writing code than I do thinking about anything else.**

The general principle, it seems, is that challenges and limitations can result in surprising benefits. I, for one, will be capitalizing on the good parts.