teleren/devto huggingface dataset:
A Machine Learning Resources Thread
Tags: machinelearning, codenewbie, python
Published: 2020-01-22 03:00:02

So, I accidentally created a resource for learning material on Machine Learning, with the help of my Twitter followers. 

A few days ago I tweeted: 

{% twitter 1219267238634696706   %}

What followed was an absolute WEALTH of resources. Not just on Python and Machine Learning, but advice on expanding on my math skills (gonna need to brush up on my calculus), moral support, and recommendations on certain resources to avoid as well. 

If you're interested in ML, I highly recommend checking out the thread for tons of excellent beginner resources. 

And if you have other resources you'd recommend, leave them in the thread or down below!

Wish me luck diving into this totally-new-to-me area!
Help installing GoCode in NeoVim
Tags: go, vim, wsl, help
Published: 2020-01-22 02:50:26

Hey there guys

Right now I am currently learning how to use NeoVim as my text editor in wsl and while installing all the plugins that I would need for my workflow i am having trouble getting my vim-go plugin up to speed and wondering if anyone in this site could be of assistance. I keep getting this error while opening up golang files.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/yx75vuucsjguojgz50fe.png)

Any help would be appreciated!
Flutter – No connected devices
Tags: flutter, dart, android, errors
Published: 2020-01-22 02:44:27

Flutter Is Support Both ios And Android So Type flutter doctor in Terminal to verify that Flutter recognizes your connected Android device.


flutter device not connected
*1. Run Flutter Doctor*

First Of All Follow Flutter official reference document(on window system for Android), How you can setup Device/Simulator to run your application . After that simply connect a device with your development system or start Emulator. Then again run flutter doctor to check it.

*2. Add Flutter to Windows Environment variable Path*

    1. Navigate in to Flutter SDK folder.
    2. Go inside to bin folder and copy  the directory path (in your case 
       C:\Flutter\bin)
    3. Go to “Control Panel > User Accounts > User Accounts > Change my 
       environment variables”
    4. Under “User variables” select path variable and click edit.
    5. Put C:\Flutter\bin and apply.

*3. Check Your ANDROID_HOME Path*
    To Set Your ANDROID_HOME path Just Follow Below Step
    1. Navigate into the Android SDK folder.
    2. Copy  the directory path (in your case ..AndroidStudioSDK\sdk)
    3. Go to “Control Panel > User Accounts > User Accounts > Change my 
       environment variables”
    4. Under “User variables” select path variable and click edit.
    5. Put ..AndroidStudioSDK\sdk with ANDROID_HOME and apply.
       Also Read How to remove debug banner in flutter on android.

*How To Connect Real Android Device ?*

     Enable Developer options and USB debugging in your device setting.
Connect the device with a USB cable, plug your phone into your computer. If prompted a connection message on your device, authorize your computer to access device.

    In the terminal, run the flutter devices command to verify that Flutter recognizes your connected Android device.

Start your app by running the flutter run.

I Hope Your Problem Will Solve From Above Steps. If You Still Have A Issue With Flutter : no Connected Device Found Please feel free to ask in the comment section below.

Full Source Of This Article Is https://blog.icetutor.com/flutter-connected-devices/
$100 Daily programming challenges
Tags: challenge, career, hiring
Published: 2020-01-22 01:52:34

I want to write code every day, and I've always found solving little challenges fun and satisfying.

At codercup.org, we're setting up a series of challenges to get people excited about programming and get more interesting ideas into the world.

Check out today's challenge and our past ones! https://www.codercup.org/p4/
Text and Apps
Tags: swift, beginners, webdev
Published: 2020-01-22 01:22:28

1.	What apps do you use that show text?
A-	The apps that I use are mostly mobile game and every game that I’ve played has used text. 

2.	What apps do you enter text into by typing or dictating?
A-	The first apps that come to mind are social media apps. 

3.	Do apps you use behave differently depending on what text you enter?
A-	Yes, all apps behave in their own way when entering text. 

4.	What are some apps that show little, if any, text?
A-	Apps that may involve editing of some sort, the in-apps buttons have hidden labels. 

5.	Is your experience with these apps different? If yes, how?
A-	Every app has its own functions so yes, all apps give a different experience.

6.	In designing an app, what are the benefits of showing text? What drawbacks might there be to showing or using text?
A-	The most important benefit is a clear understanding of the app, drawbacks are of course the opposite and may drive away users due to the confusion.

7.	Look at an app that uses mostly text. How could you change the app to replace or eliminate some or all of the text? What images or icons could you use?
A-	I believe that any app can associate a symbol to an action and after the users get used to seeing the symbol, they can just use it. 

8.	Look at an app that uses little or no text. How could the use of text improve the user experience with the app?
A-	Even simple labels can make any app better for the user.
Base 10, Base 2, Base 8, Base 16- part 1
Tags: asm
Published: 2020-01-22 00:59:42

In order to be able to do assembly language programming, we are obliged to use other number systems besides the one we normally use.
 
Our number system utilizes an organizational principle called 'place value' to keep relationships between differently sized numbers in the proper order. When we denote place value, we generally move to the left. As we move another 'place' to the left, we increase the numerical value of that particular 'place' by a specific amount. The amount of increase is denoted by the 'baseness' of the counting system, or in other words the base value. 

The basic idea looks something like this:
                                                         
10^5       10^4      10^3      10^2     10^1      10^0
100000     10000     1000      100      10        1

For base ten, this means that every successive 'place' is ten times the amount of the preceding base. So moving from right to left, we have the units place, tens place, hundreds place, etc... 
To help us in counting, we have 10 numerical symbols, 0 through 9. (In case you did not know, 0 is always the first number counted in anything computer science related.)

However, computers do not process instructions in terms of base 10. Referring to our last post, when a computer acts on a programming language (through the compiler, interpreter, etc...) those instructions are transformed into groups of electrical patterns, and those patterns are placed into individual containers located on the memory chips placed on a stick of ram. Because the computer is dealing with electrical patterns, each container in the memory chip is either going to be on (charged) or off (not charged). Because there are only two possible states at play here, the system of binary was created to help us interpret the rendering of programming languages as machine code.

Another name for binary is base 2. Looking at our earlier explanation of base 10, we can infer that base 2 means that every successive 'place' to the left is 2 times greater than the place before it, so we have our units place, 2nds, 4ths, 8ths, 16ths, 32nds, 64ths, 128ths, etc...

Binary can be represented like this:

2^5 2^4 2^3 2^2 2^1 2^0
32  16  8   4   2    1

Because we only have two numbers, 0 and 1, an actual binary number will look something like 10001010101110000111. The number 5 in binary would look like this: 101. Referencing the short chart above, we can understand that there is a 1 in the 4's column, a zero in the 2's column, and a 1 in the 1's column. If you meditate on this for a few minutes, you should be able to get the basic idea.

Up next: building on decimal and binary, moving into octal and hexadecimal.
I made a bot that can solve multiple choice question from the picture
Tags: python, productivity, career
Published: 2020-01-22 00:09:30

This post cross-published with [OnePublish](https://www.onepubli.sh)

<p>I am here again with another crazy stuff with Python.</p>

<p>Well, I tried to make an automation which can read a multiple-choice question from the picture and find the answer. It is a bit creepy but at least you can have some fun with it :) The main reason for making that was to pass my useless university exams. </p>

<p>I will publish the source code with explanations soon in DEV and Reverse Python.</p>

<p>You can watch the video from here: <a href="https://www.youtube.com/watch?v=hSl9DAa47Pw&t=122s">I made a bot which can solve exam questions from the picture</a></p>

{% youtube hSl9DAa47Pw %}

<p>Hope you will like it :) Stay Connected!</p>
Create Multi Level Dynamic Menu In Laravel Treeview
Published: 2020-01-22 13:00:01

---
title: Create Multi Level Dynamic Menu In Laravel Treeview
published: true
date: 2020-01-22 00:00:00 UTC
tags: 
canonical_url: 
---

Hii GuysToday I will explain how can create dynamic multi level menu in laravel we will create example of multi level dynamic menu in laravel you can easy to make many level dynamic menu in laravel i will show parents and child menu with nested tree view structure in Laravel applicationI
Links do not open in Google Chrome
Tags: chrome, google, tip
Published: 2020-01-25 22:45:19

---
title: Links do not open in Google Chrome
published: true
date: 2020-01-22 00:00:00 UTC
tags: chrome,google,tip
canonical_url: 
---

A quick one today.

Sometimes I will click on a link in an external application such as Mail.app (I am careful where these links come from of course!) and nothing will happen.

Well, Google Chrome will launch if it was closed when I clicked the link however the URL I clicked will not open.

Nothing, no new tab. nothing.

The fix before was to re-install Google Chrome but today I found this quick solution.

In Chrome’s URL bar enter this…

```
`chrome://restart`
```

This will restart all the Google Chrome processes and will generally fix this issue for a while.

Success 🎉.
OKRs for Startups: Tactics for First-Time Goalsetting
Tags: startup, management, productivity
Published: 2020-01-21 23:35:36

Setting goals for a team isn't too challenging -- but setting goals that a team can stick to is. In an interview with Webflow VP of People and veteran OKR program leader Heather Doshay, I learned a few tips for getting OKRs right the first time:

__1. Your First OKR should be...Implementing OKRs__

Goal setting-programs often fail because no one is making sure that the program is successful. Startups have a million competing priorities at any given time, and the meta-work of setting and sticking to OKRs can easily fall by the wayside. 

Designating someone on the team as the OKR champion ensures that the entire program doesn’t end up as an abandoned initiative three weeks into the quarter.

__2. Start with a Small Cohort__

The purpose of OKRs is to get everyone in the company aligned and working towards a shared goal, but that doesn't mean that you _have_ to start with everyone in the company. 

Because one of the first big hurdles of using OKRs is getting the team in the habit of creating and sticking to them every quarter, rolling it out to every person in the organization can end up being an exercise in herding cats. You’ll make mistakes in the beginning, and if your first run of OKRs includes every single person, every little setback can become a major slowdown.

Heather recommends starting with a small group -- either executives or a single team within the org -- to pilot the program. This will help smooth out the bumps and build excitement before you roll it out to the whole team. 

__3. All Goals are Good Goals to Start -- But Aim High__

The truth is, your first OKRs probably aren't going to be the magical, productivity-transforming goals you're hoping they'll be. But that's fine! 

Many teams get hung up on creating (and achieving) their ideal goals the first time around. But homing in on the right OKRs for your team can take a bit of trial and error. Be data-driven with your goals wherever you can, but don't be afraid to take a best guess. 

The real goal of the first (and sometimes second) round of OKRs is to establish a baseline. It’s okay to under- or overshoot your metrics when you're first getting started, and that failure can provide a lot of very valuable information for your team. That said, ambitious goals breed better results from the team, says Heather:

“Ultimately, the team has no baseline and doesn’t know what’s possible, But by using data and adding a layer of ambition, your team can achieve a healthy mix of being nervous while still being committed to the goal.”

-

Check out the rest of the interview here: https://www.heavybit.com/library/blog/best-practices-startup-okrs/

I'd love to hear from folks who have used OKRs successfully in the past (or are on a team using them now). Are there any best practices or tips that make a big difference in getting them to stick?
More JavaScript 101: Module Patterns
Tags: javascript, codenewbie
Published: 2020-01-21 23:13:48

Continuing from my previous [blog post]("https://dev.to/danvyle/javascript-fundamentals-101-cont-d-3nh"), more javascript 101 questions!:



## Module Patterns

**Modules** are an integral piece of any robust application's architecture and typically help in keeping the units of code for a project both cleanly separated and organized. The Module Pattern is great for services and testing/TDD.

The **Module pattern** was originally defined as a way to provide both private and public encapsulation for classes in conventional software engineering. This helps reduce the chance of having conflicting function names with other functions in your code.

Before ES6, modules looked similar to this, stating private variables first, `return`ing variables to make them public and then immediately invoking them at the end with `()` at the bottom.

```javascript
(function() {

    // declare private variables and/or functions

    return {
        //declare public variables and/or functions
    }
  }

})();
```

After ES6, modules have been created to be accessible in classes in other files. private properties are established in the constructor and public methods are still below being `return`ed. The class is created and you can export the class. It can then be imported in any other files for use. FreeCodeCamp has a great example of this:

```javascript
//lib/module.js file
class ShoppingDataType {
  constructor() {
    //private Properties
    this.shoppingList = ['bananas', 'oranges', 'apples']
  }

  // public methods
  getShoppingList() {
    return this.shoppingList.join(", ")
  }

  addItem(item) {
    this.shoppingList.push(item)
  }
}

export default ShoppingDataType;

// main.js file

import ShoppingDataType from 'lib/module';

var shopping = new ShoppingDataType;
console.log(shopping.getShoppingList());
```

There are many schools of thought on how to design your code in javascript and module patterns is just one. [Click here for more information on other design patterns]("https://addyosmani.com/resources/essentialjsdesignpatterns/book/#designpatternsjavascript")




That's all for today, please leave any comments/questions/corrections in the comments. Thanks!

###### Sources:
Huge huge thanks to github user: yangshun for aggregating the most popular JS, CSS and HTML questions and giving us his answers to it. My weekly blog posts are to go over several questions at a time to reinforce my knowledge of fundamental javascript as I grow my expertise in it. Many of my blog will be paraphrasing if not direct quote from his github. Find his tech interview handbook here and please support him!

And an additional thank you to Flatiron alum: Marissa O. who is a badass developer at Forbes magazine for directing me to his blog!

Other sources:

https://coryrylan.com/blog/javascript-module-pattern-basics

https://addyosmani.com/resources/essentialjsdesignpatterns/book/#modulepatternjavascript

https://www.youtube.com/watch?v=3pXVHRT-amw
💡 IIFE - Immediately Invoked Function Expressions in JavaScript
Tags: javascript, webdev, beginners, tutorial
Published: 2020-01-21 22:59:45

You might have heard of IIFEs or you might already have seen some syntax like this:

```js
(function() {
  // do some stuff
})()
```

or as an arrow function like this

```js
(() => {
  // do some stuff
})()
```

These are immediately invoked function expressions. But what are they good for?

They're basically used to encapsulate code. Variables that are declared within an IIFE are **isolated** and neither the function itself nor the variables inside of it will pollute the global object, even if you use `var` which has function scope.

Let's have a closer look at the syntax. 

```js
// we basically create a function with brackets, which makes it an expression and call it immediately
(/* some function */)()
```

All the variable declarations are completely encapsulated. There's no way to access a variable from the outside. The following snippet will log the variable `x`, but `x` is not accessible from outside the IIFE.

```js
(() => {
  const x = "dev"
  console.log(x)
})()

console.log(x) // undefined

```

---

Want to get better at Web Development?
[🚀🚀🚀subscribe to the Tutorial Tuesday ✉️newsletter](https://codesnacks.net/subscribe/)
Comparing Arrays using isArrayEquals() method
Tags: community, web, javascript
Published: 2020-01-21 22:56:58

---
title: Comparing Arrays using isArrayEquals() method
published: true
description: 
tags: #community #discuss #web #javascript
---

JavaScript is a great language that has endured a long struggle over the years. Yet it continues to shine despite all the criticisms. 

In this regard, I have decided to compare two arrays and see if they are equal. Equal in the sense of length and element within the array. In so doing I also take into consideration that the order of the elements doesn't matter.

Here is my code below: 
```js 
 const isArrayEquals = (arr1, arr2) => {
     let count = 0;
     for(let i = 0; i < arr1.length; i++) {
        for(let j = 0; j < arr2.length; j++) {
           if(arr1[i] == arr2[j]) {
                count++
           }
     }   
 }

 return  arr1.length == arr2.length && count == arr1.length ? true : false;
}


console.log(isArrayEquals([1, 2, 3, 4, 5], [1, 2, 5, 3, 4])) // true
console.log(isArrayEquals(["me", "you", "us"], ["us", "me"])) // false
console.log(isArrayEquals([], [])) // true
```
Well this might not be the best way to implement this but I think it will help in the process.

I've also implemented this and some other helper methods into a npm package called [rademe-js](https://www.npmjs.com/package/rademe-js).

Hope it helps and someday we might have Array.equals implemented into ECMA TC39 specification.
#Day3 of #100DaysOfCode: Collaborate!
Tags: 100daysofcode, javascript, react, career
Published: 2020-01-21 22:54:19

Pairing up with someone can do wonders for your coding career. It doesn’t matter if you’re both beginners. You can still learn new things from each other and you can gain a fresh perspective on some concepts that you are stuck on. Also, you will motivate and keep each other going! 👫👭👬

Today, I started by diving deeper into more advanced JavaScript concepts like callbacks, promises and async/await. I recommend this video for a wonderful explanation of these: 

[The Evolution of Async JavaScript: From Callbacks, to Promises, to Async/Await](https://www.youtube.com/watch?v=gB-OmN1egV8)  📺

Theory is great but practice is king. While looking for a new coding challenge, I stumbled upon an advanced challenge from [Frontend Mentor](https://www.frontendmentor.io/): [REST Countries API with color theme switcher](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca). I decided that I am going to build this using React, more specifically with Hooks. I managed to get done a big chunk of it today. Next, I'm going to work on the design and the color theme switcher and then deploy it tomorrow. Cover picture is a sneak peek of what I managed to build yet. 🇩🇪🇬🇭🇬🇮

**JavaScript Concept of the Day**: Array.filter()

The **filter()** method returns a new array with all elements from the original array that pass a certain test. Example:

```javascript
const countries = ['albania', 'germany', 'romania', 'ghana', 'denmark', 'china'];

const result = countries.filter(country => country.length > 6);

console.log(result);
// expected output: Array ["albania", "germany", "romania", "denmark"]
```

In our case we provide a callback function to the filter() method. The callback function, will check for countries that have more than 6 characters in the name.

What did you learn today? Happy coding, until tomorrow!

✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨✨
ColorJS - JavaScript class to work with colors and color schemes. 
Published: 2020-01-21 22:37:16

New small library from Metro 4 author - ColorJS.

Hi, my friends! I want to introduce you to my library for working with color - [ColorJS](https://github.com/olton/colorjs).

ColorJS - is a small library to manipulate with colors and color schemes. ColorJS provides simple API that may be used to create colors (HEX, RGB, RGBA, HSV, HSL, HSLA, CMYK) and perform various color-related operations (conversions and such). With ColorJS you can simply create any color schemes (complementary, triple, …). ColorJS is a javascript class designed to work with color. The class implements static and dynamic methods for conveniently working with color, converting it to various formats and generating special color schemes. ColorJS is also part of Metro 4.