teleren/devto huggingface dataset:
What's your plan for the weekend?
Tags: discuss, webdev, javascript
Published: 2019-07-11 12:22:42

Weekend is near and again it's time to focus completely on some personal endeavours! 📸🏃‍♂️

Although a lot of people feel / think that we should relax or do something else, including my family and friends, I rarely find myself interested in anything other than sitting with my laptop. 👨‍💻

Whatever helps you relax, you should do it. And I utilise that time to learn new things or strengthen my expertise.


This weekend, I am going to work on improving my skills on Progressive Web Apps and service workers. 💪 And planning to try out one or two from the tools I found on React Native development (I have a few on my browser's history that would serve as a checklist). Might also finish writing another article too! 🤓

What are your plans?
About Gerry Cauley
Published: 2019-07-11 12:16:43

Gerry Cauley is a Principal Consultant in the Pace Global – Energy Business Advisory group within Siemens. His work is focused on integration of emerging technologies, including renewables, distributed energy resources, and digital technologies. He advises energy companies on mitigation of extreme risk events, resilience, and cyber security. He also provides expertise on emerging regulatory and compliance issues. Prior to joining Siemens, Mr. Cauley served in Guyana, South America, as part of a consulting group from Manitoba Hydro International, advising the CEO and executive team of the national utility, Guyana Power and Light. Mr. Cauley focused on upgrades to the system control center, distribution feeder outage performance improvements, plans to integrate utility-scale solar facilities, and resource expansion through negotiation of power purchase agreements.
JS Kongress 2019 — Mood Video
Tags: uncategorized, conference, diversityintech, javascript
Published: 2020-04-30 18:55:44

---
title: JS Kongress 2019 — Mood Video
published: true
date: 2019-07-11 11:41:01 UTC
tags: Uncategorized,Conference,Diversity In Tech,JavaScript
canonical_url: https://js-kongress.com/2019/07/11/js-kongress-2019%e2%80%8a-%e2%80%8amood-video/?utm_source=rss&utm_medium=rss&utm_campaign=js-kongress-2019%25e2%2580%258a-%25e2%2580%258amood-video
---

![](https://cdn-images-1.medium.com/max/1200/1*d7eKCGHOX4GdwvvN-lfXHg.png)<figcaption>(just a screenshot, you can find the playable video below)</figcaption>

That was #jskongress 2019, ![📽](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f4fd.png) a recap in image and sound (with captions). #ThrowbackThursday

Thank you all for a great JS Kongress 2019! ![🙏](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f64f.png)

<iframe title="JS Kongress 2019 – Mood Video" width="500" height="281" src="https://www.youtube.com/embed/eSh4bRewrxo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

![🙋](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f64b.png) See you next year: JS Kongress 2020, April 15–16 in Munich

* * *

**Join us, become a part of #jskongress:**

![💡](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f4a1.png) What’s your idea to the 2020 slogan “Scaling JS — Pushing the Limits”? [Submit your idea via sessionize >>](https://sessionize.com/js-kongress-2020)

![🛒](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f6d2.png) ![🎟](https://s.w.org/images/core/emoji/12.0.0-1/72x72/1f39f.png) Clever Bird Tickets are available: Reserve your seat for 299 € instead of the regular price of 429 € (available until Oct 15 or sold out). [Find the student ticket, group discount and the order form in our tito ticket shop >>](https://ti.to/munich-dev-events/js-kongress-2020/?utm_source=medium&utm_medium=blogpost&utm_campaign=20190711_moodvideo&utm_nooverride=1)

The post [JS Kongress 2019 — Mood Video](https://js-kongress.com/2019/07/11/js-kongress-2019%e2%80%8a-%e2%80%8amood-video/) appeared first on [JS KONGRESS 2020: Scaling JS – Pushing the Limits: Massive Platforms, Data-Driven Architectures, and Modern APIs.](https://js-kongress.com).
Bug on dev.to: ampersand not escaped on twitter share
Published: 2019-07-11 11:37:35

---
title: Bug on dev.to: ampersand not escaped on twitter share
published: true
tags: discuss
---


Open [this post](https://dev.to/emmawedekind/101-tips-for-being-a-great-programmer-human-36nl) and try to share it using Twitter.
It will open a tab with a tweet **"101 Tips For Being A Great Programmer (** instead of **"101 Tips For Being A Great Programmer (& Human)" by @EmmaWedekind #DEVcommunity https://dev.to/emmawedekind/101-tips-for-being-a-great-programmer-human-36nl**.

Why? Because ampersand is not escaped:

```
https://twitter.com/intent/tweet?text=%22101%20Tips%20For%20Being%20A%20Great%20Programmer%20(&%20Human)%22%20by%20@EmmaWedekind%20%23DEVcommunity%20https://dev.to/emmawedekind/101-tips-for-being-a-great-programmer-human-36nl
```

I just replaced **&** by **%26** and work it:

```
https://twitter.com/intent/tweet?text=%22101%20Tips%20For%20Being%20A%20Great%20Programmer%20(%26%20Human)%22%20by%20@EmmaWedekind%20%23DEVcommunity%20https://dev.to/emmawedekind/101-tips-for-being-a-great-programmer-human-36nl
```
Automate all the security!
Tags: security, secops, conferences, talks
Published: 2019-07-11 11:04:00

---
title: Automate all the security!
published: true
description: Slides from the Fullstack 2019 talk
tags: security, secops, conferences, talks
---

I recently gave a talk at [FullStack 2019](https://skillsmatter.com/conferences/11213-fullstack-london-2019-the-conference-on-javascript-node-and-internet-of-things) about what we have been doing to automate security to help 

My [slides are available](https://slides.com/rrees/automate-all-the-security-fullstack-2019/) and the talk is available through the Skillsmatter site (login required).


Since the talk was relatively short I've also been posting bits of it here on Dev.To as an experiment. I'm hoping to also go into some of the details the talk had to omit in the sake of time.
The quest for better and more valuable SEO plugins
Tags: wordpress, seo
Published: 2019-07-11 12:16:37

---
title: The quest for better and more valuable SEO plugins
published: true
tags: WordPress,seo,wordpress
canonical_url: https://kevinhq.com/the-quest-for-better-seo-plugins/
---

I write this for commoners who often get overwhelmed and even confused. There are just too many good and bad tech reviews for a product or service they’re going to use. (or even buy!) Here’s the story with an example of a real case: my own quest for better and more valuable SEO plugins Beginning… 

[Read More »The quest for better and more valuable SEO plugins](https://kevinhq.com/the-quest-for-better-seo-plugins/)
Interest in a Haskell tutorial?
Tags: haskell, beginners
Published: 2019-07-11 10:38:07

---
title: Interest in a Haskell tutorial?
published: true
tags: #Haskell #beginners
---

I'd been toying with the idea of writing a few things up on how to get started with Haskell development, but thought nobody would be interested.

Then I came across this comment:

{% devcomment cl77 %}

Is this a common feeling? I don't think I'll quite make 300 pages, but setting up a simple Haskell webserver is exactly what I've recently done, and there are a lot of different parts to it that show different features of the language.

The reason that Haskell tends not to start with webservers, is that in order to make one, IO monads are a necessity, and monads are considered scary. I think it can be done, but then again, I'm pretty good at underestimating the complexity of anything I find interesting.

If you'd want to read such a series written by yours truly, please react with a unicorn, so I can estimate how much interest there is for this subject. I'll be counting hearts as "this is nice but not for me".
Angular 9|8 NgClass Directive Tutorial With Example
Tags: angular98, angular, ngclassdirective
Published: 2020-01-30 12:14:10

---
title: Angular 9|8 NgClass Directive Tutorial With Example
published: true
tags: Angular 9|8, Angular, NgClass Directive
canonical_url: https://www.positronx.io/angular-8-ngclass-directive-tutorial-with-example/
---

The post [Angular 8 NgClass Directive Tutorial With Example](https://www.positronx.io/angular-8-ngclass-directive-tutorial-with-example/) appeared first on [positronX.io](https://www.positronx.io).

In this **Angular 8 NgClass tutorial** , we will learn to apply CSS classes to the HTML element using NgClass directive. If you are just getting started with Angular, then we would suggest you check out our [Angular tutorials](https://www.positronx.io/free-angular-tutorials/). NgClass is built-in directive provided by Angular, and it helps in adding or removing CSS classes on an HTML element. The NgClass directive allows you to apply CSS classes dynamically based on expression evaluation.


[Click here to read more](https://www.positronx.io/angular-8-ngclass-directive-tutorial-with-example/)
IONIC chat with firebase
Tags: ionic, firebase, chatapplication
Published: 2019-07-11 10:29:33

Ionic Firebase Chat is a sample chat widget powered by Firebase.

1) Technologies used:
2) Ionic Framework (v3)
3) Firebase 3 (we’re not going to use AngularFire)

To know the actual code and want to know how we made it? Check out the **[Code Here](https://github.com/Mindinventory/IONIC-Chat-With-Firebase) on GitHub**
Platform for Complete Machine Learning Lifecycle
Tags: machinelearning, tutorial
Published: 2019-07-11 09:08:25

ML development brings many new complexities beyond the traditional software development lifecycle. Unlike in traditional software development, ML developers want to try multiple algorithms, tools, and parameters to get the best results, and they need to track this information to reproduce work. In addition, developers need to use many distinct systems to productionize models. To address these problems, many companies are building custom “ML platforms” that automate this lifecycle, but even these platforms are limited to a few supported algorithms and to each company’s internal infrastructure.

In this session, we introduce MLflow, a new open source project from Databricks that aims to design an open ML platform where organizations can use any ML library and development tool of their choice to reliably build and share ML applications. MLflow introduces simple abstractions to package reproducible projects, track results, and encapsulate models that can be used with many existing tools, accelerating the ML lifecycle for organizations of any size.

With a short demo, you see a complete ML model life-cycle example, you will walk away with: MLflow concepts and abstractions for models, experiments, and projects How to get started with MLFlow Using tracking Python APIs during model training Using MLflow UI to visually compare and contrast experimental runs with different tuning parameters and evaluate metrics

{% youtube Afb4qnfOeWY %}

**Thanks for reading** ❤
If you liked this post, share it with all of your programming buddies!
Follow us on **[Facebook]( https://www.facebook.com/moriohdotcom)** | **[Twitter]( https://twitter.com/moriohdotcom)**
Why Do Startups Fail? How to Avoid It? 
Tags: startup, business, entrepreneurship
Published: 2019-07-11 08:59:03

<p align="justify">In the globalized world, where the market is constantly evolving, being able to adapt and to foresee the changes is key to survival. This is the predominant rule for each and every business, but especially for startups.</p>

<p align="justify">Although it is easy to follow the stories of successful startup companies, however, each day a lot of startups declare bankruptcy. So, how many startups fail? Based on a wide range of reasons, the approximate percentage of startups that fail is 91 percent.</p>

<p align="justify">Despite, the tremendous effort from the entrepreneurs and his team of developers and managers, a startup may fail even without the opportunity to attract new investments or customers. For example, the culture of the company or not meeting customers’ demands might be quite crucial for the sustainability of your startup business. Every example is quite individual, however, it is possible to trace the common trends.</p>

<p align="justify">As the saying goes: “Forewarned is forearmed”, that is why in this article we will discuss the reasons why startups fail and what you need to consider to avoid being in the startup failure statistics.</p>

Learn more: https://2muchcoffee.com/blog/why-do-startups-fail-how-to-avoid-it-top-reasons-industries-and-examples-to-consider/
Scope
Tags: javascript
Published: 2019-07-11 08:55:54

Scope and some other things that I always forgot what is it about so I decided to write it down and hopefully it sticks in my brain.

## **Scope one-liner definition:**
Scope is a rule that determines where a variable can be found and how it can be used.
### Scope & Lexical Environment
Lexical environment plays a big part in determining a function scope and its outer environment.
Lexical environment basically means the place where the code physically sits. Its about where the code is written and what surrounds it.

Consider this:
```javascript
function a() {
    let num = 1;
    b()
}

function b() {
    console.log(num) // 0
}

let num = 0;
a()
```
What will happen when _b_ is invoked? It will log 0 as the value of _num_. This is because _b_ sits on the global scope. It does not have any other outer environment. So it goes straight to global to look for a variable that does not exist within its own scope. 

The outer environment of a function depends on where the functions sits lexically or in other word, where it is physically written.

Lets see an example:
```javascript
function a() {
    let name = 'lily';

    function b() {
        console.log(name) // lily
    }

    b()
}

let name = 'zahra';
a()
```
Here _b_ sits physically inside _a_. When _b_ try to log the variable _name_, it doesnt found it in its own scope so it will refer to its lexical outer environment which is _a_. There it will found the variable _name_ and use that instead. 


##### **Scope & Execution Context**
Another way to think about scope is by looking at which execution context created or initialized the function. In the code above, _b_ does not exist before the execution context for _a_ starts. In contrast, _a_ was created in the global execution context. The execution context determines where a function was created thus it automatically becomes that function's outer environment.


### Block Scope
Block scope only applies when a variable is declared using let or const. Whenever a variable is declared inside a pair of curly braces, it will create a new scope for that variable. 
```javascript
let num = 2;
if (true) {
    let num = 1;
    console.log(num) // 1
}
console.log(num) // 2
```
In the code above, there are two variable defined with the same name but both holds different values. This is possible with block scoping only if we use let or const. If we use var instead, the first variable will be overwritten:
```javascript
var num = 2;
if (true) {
    var num = 1;
    console.log(num) // 1
}
console.log(num) // 1
```


In essence, a variable can be on the global scope, function scope or the block scope. It is all determined by where it is created or where it physically sits.
🔥 5 Resources for being a VS Code Editor Expert
Tags: code, editor, learn, career
Published: 2019-07-11 08:55:30

---
title: 🔥 5 Resources for being a VS Code Editor Expert
published: true
description: 
tags: code, editor, learn, career
---

When I start coding with HTML & CSS so at that time I used notepad++ and I used it for approx 8 months. After that, I got to know about the sublime editor because it has more flexibility, shortcuts and external plugins than notepad++.

Finally, In Jan 2019 I get to know about VS Code Editor by [Ahmad Awais](https://twitter.com/MrAhmadAwais) through his course know as [VSCode Power User](https://a.paddle.com/v2/click/16413/48895?link=1227)

Since Jan I'm using VSCode as my default editor. Because there is a [VSCode Spotify VSCode extension](https://marketplace.visualstudio.com/items?itemName=shyykoserhiy.vscode-spotify) to play songs in Editor.

Yess!!! Now you can play, pause and change your Spotify songs through the editor.

So, I'm here sharing some resources that helped to increase my productivity.

* [✅ VSCode Power User Course by Ahmad Awais](https://a.paddle.com/v2/click/16413/48895?link=1227) This course is totally worth to buy.
* [✅ VSCode basics by Chris Sevilleja](https://scotch.io/courses/make-visual-studio-code-your-editor/vs-code-basics)
* [✅ How to use Visual Studio Code by Ŧʟᴀᴠɪᴏ](https://flaviocopes.com/vscode/)
* [✅ VSCode Breadcrumbs by Ahmad Awais](https://dev.to/mrahmadawais/vscode-breadcrumbs-are-here-jkn)
* [✅ Awesome VSCode by Valerii Iatsko](https://github.com/viatsko/awesome-vscode)


There are all the resources from I learn VSCode stuff. If you using VSCode Editor and know any tricks or resources then let us know.

Thanks. Peace ✌️
How to Make the Fluffiest Couscous
Tags: replit, html, css, javascript
Published: 2019-07-11 08:35:58

Creation of a recipe using HTML and CSS:
 - Give a title to the recipe
 - Provide a description of the recipe
 - Create a list of ingredients using unordered list tag <ul> </ul>
 - Create the preparation steps using ordered list tag <ol> </ol>


{% replit @SimonaMF/Day-3-Challenge-2 %}
REP and almost L in Google Apps Script
Tags: googleappsscript, javascript, googlesheets
Published: 2019-07-11 08:22:56

---
title: REP and almost L in Google Apps Script
published: true
description: Another tool for debugging
tags: google-apps-script,javascript,google-sheets
series: Google Apps Script
---

It's been quite a while since I blogged about [computing](http://codeaholic.blogspot.com/) (I usually blog about [baking](https://therapeutic-baking.blogspot.com/)) but here goes.

Lately I've been climbing a steep learning curve, trying to get my head around Google Apps Script (GAS). Now a few spreadsheets later, I'm on a trajectory that should see me crash-land on Planet Add-On in about a month. 

REPL (read-evaluate-print-loop) has been a big thing for a long time with all manner of programming languages. So why not GAS? (Okay, it's more REP than REPL as the looping doesn't happen, but it's close.) 

In my Code.gs I have the following (among other things)
```
function onOpen() {	
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('Debugging')
  .addItem('REPL', 'REPL')
  .addToUi();  
}
```
This adds a custom menu to the menubar and populates it with one entry, namely 'REPL' which, when selected, runs a function called 'REPL'.
```
function REPL() {
  var code = Browser.inputBox('code');
  if (code !== 'cancel') {
    Browser.msgBox(eval(code));
  }
}
```
Also in there, for demonstration purposes, is a function that totals the ASCII values of the characters in the parameter string. 
```
function TotalAscii(str) {
  return str.split("").reduce(function (result, item, index) {
    return result + item.charCodeAt(0)
  }, 0)
}
```
Visually there we are selecting the REPL option from the Debugging menu ![](https://thepracticaldev.s3.amazonaws.com/i/e6gsqisdagqo8y8es4oi.png)
entering something to be evaluated and getting a response.![](https://thepracticaldev.s3.amazonaws.com/i/1zyllftfpcld8z465czv.png) ![](https://thepracticaldev.s3.amazonaws.com/i/skl0g3azc3mec6acye0o.png)

I'd like at some stage to put together an HTML form with a TEXTAREA. Maybe after I crawl out of the crater.
Expense App 2.0🎉
Tags: showdev
Published: 2019-07-11 08:20:35

Link - https://expense-app.netlify.com/
Stack - MERN + GraphQL
Client Repo - https://github.com/prvnbist/expense-app-frontend
Server Repo - https://github.com/prvnbist/expense-app-backend

A much needed update for the expense app both feature wise and design wise. The need for an update came because of the poor form handling the old version had and the lack of basic features like edit profile details functionality. 
-
So I started doing the redesigns a month ago on Figma, making the UI more simpler and adding the additional features. It took me a week to finish that and then began the development of new version. I began with back-end, simplifying queries, adding filter functionality to queries, wrote the update profile functionality. 
-
Here's the change log for front-end
- Added Formik & Yup validations to form fields
- Added the edit profile functionality.
- Wrote Modal, Tabs, Select, RadioGroup components that I've been sharing here on IG.
- Added filters like search, by category and by expense type.
- Added insights - statistics and more visualizations.
- This isn't the end, a lot more to do and improve.

Overall, this past month has been amazing and very productive for me. I learnt new technologies like redux, redux-saga, built an app over a three day sprint for an assignment, did the whole redesign of expense app.

There's a lot more to come and I'm excited!
My first live E com App, feedback appreciated

Tags: showdev
Published: 2019-07-11 08:03:01

Hi,
I have Developed an Online shopping Application for My Company [ourshopee.com](https://www.ourshopee.com), I will keep working to provide a good user experience. If you have any feedback or suggestions  Write a review about the app.
It is delightful to hear such positive words and it’s always a pleasure to serve our users.

[Click here to Download](https://play.google.com/store/apps/details?id=www.ourshopee.com)
Block ads on Spotify App
Tags: blockads, spotify
Published: 2019-07-11 06:51:51



Everyone loves Spotify and sometimes during development, but are tired of its ads that keep coming between songs. Here is a way to block ads through your host file be it Windows or Mac.

Host Content:
```
# — Spotify Ad Block
127.0.0.1 media-match.com
127.0.0.1 adclick.g.doublecklick.net
127.0.0.1 googleads.g.doubleclick.net
127.0.0.1 http://www.googleadservices.com
127.0.0.1 pagead2.googlesyndication.com
127.0.0.1 desktop.spotify.com
127.0.0.1 pubads.g.doubleclick.net
127.0.0.1 audio2.spotify.com

127.0.0.1 crashdump.spotify.com
127.0.0.1 adeventtracker.spotify.com
127.0.0.1 log.spotify.com
127.0.0.1 analytics.spotify.com
127.0.0.1 ads-fa.spotify.com
127.0.0.1 audio-ec.spotify.com
127.0.0.1 heads-ec.spotify.com
127.0.0.1 prod.spotify.map.fastlylb.net
127.0.0.1 sto3.spotify.com
127.0.0.1 spclient.wg.spotify.com
127.0.0.1 upgrade.spotify.com
# — Spotify Ads Block End
```

Add the above contents in your host file.

In Windows

Go to `C:\Windows\System32\drivers\etc` . Open the hosts' file as administrator and add the above contents to it. (You could open notepad/Sublime/Atom as administrator and browse to open the hosts' file.)

Note: Incase the newly added mappings are not working try restarting Windows to take effect

In Mac

To find the hosts file, open Finder and, in Finder's menu bar, select Go > Go to Folder. In the box, type the following location and press Return.

`/private/etc/hosts`
To open it, simply double-click and it will display the file's contents in TextEdit (or the text editor of your choice). Add the host content in it and save.

In most cases, the new mapping should work immediately, but if you're not seeing the correct behavior, you may need to flush your DNS cache. For OS X Lion and OS X Mountain Lion, open Terminal and use the following command. Note that you’ll need to enter your admin password to execute it:

`sudo killall -HUP mDNSResponder`


For OS X Mavericks +, use this command instead:

`dscacheutil -flushcache; sudo killall -HUP mDNSResponder`

You could also launch Terminal, type the following command, and press Return. As with all sudo commands, you'll need to also enter your admin password to execute it:

`sudo nano /private/etc/hosts`

When you're done making changes, press Control-X to exit the editor, Y to save, and Return to overwrite the existing hosts' file. As mentioned earlier, make sure to flush your DNS cache if you notice that your new mappings aren’t working properly.

Do let me know if it works or needs any change in the host file contents in the comment section below.

Write. Share what you know/ how to fix/break/fix things :)

I love the Web. ❤️❤️❤️