teleren/devto huggingface dataset:
How to Watch Live TV Online for Free!
Tags: livetv, livetvonline, watchlivetvonline
Published: 2020-07-04 20:55:18

With the looming threat of covid-19, I foresee every week or two where I'm huddled in my bedroom trying to remain safe. i don't know about you, but the thought of days worth of boredom doesn't sound too exciting. It got me wondering if there are TV shows and movie streaming online for free, which resulted in me making this post!

Before i begin, let me say i do know all about Netflix. 😀 But that costs money! One thing I've noticed is that a lot of “freebie & frugal” sites all push paid options for cutting the cord and ditching cable. Sure, some are great. I split a YouTube TV account with my friends and that's cool.

But shouldn't there be … you know any, free methods as well? Why do all the other sites push paid-services with their affiliate links? is it not the point of ditching a monthly cable subscription to truly save money?

Thus, I've come up with this post to show you how you can watch live, local TV for absolutely free with no subscriptions whatsoever.

## 247Acecast

247Acecast is your no. 1 destination to watch and stream live TV channels online for free. They offer you with HD & SD quality live stream broadcasts & videos to any Live TV Event that's televised and available round the globe.

Visit [247acecast](http://www.247acecast.com) to learn more
How I motivates myself to code more.
Published: 2020-07-05 07:24:36

When coding, staying motivated is sometime a big thing. It might be challenging. I do get tired sometimes when I'm coding. I feel like quitting and finding other things to do. 

Then I took a bold step of analysing what the problem is. I wrote a post about it. It's one of the best decision I made. It was my first post. 

I discovered I have been forcing myself to code stuff I don't really love doing. It was actually as a result of having a wrong mindset. I was feeling my learning or what I code is a competition I'm having with others. Which is wrong. 

After publishing the post, I was able to filter out what I love doing. I started doing it and everything changed. Each morning, I look forward to sit in front of the screen and code the entire day. I enjoy writing more JavaScript.

I do get stuck, it's a little bit frustrating but also interesting. The feeling when I got stuck is one thing I love. I found myself thinking about the problem and how to solve it which in turn increase my problem solving skills.

Discover what you love doing and take your time to learn and grow in your own way. 





Thanks for reading!
FYI: The UI Development Mentoring Newsletter is now called UI Dev Newsletter
Tags: news, uiweekly, css
Published: 2020-07-05 09:06:42

Subscribe here: https://tinyletter.com/starbist.
Or here: https://mentor.silvestar.codes/reads#newsletter.

UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. 

Enjoy the read and happy coding!

P.S. I would appreciate it if you could spread the word about the newsletter. I have already prepared [the tweet](https://twitter.com/intent/tweet?text=UI%20Dev%20Newsletter%20is%20a%20hand-curated%20list%20of%20resources%20related%20to%20User%20Interface%20development.%20Subscribe%20today!%20%F0%9F%99%8F&url=https%3A%2F%2Ftinyletter.com%2Fstarbist) to save you some time.
Easy peasy First Odd Int
Tags: todayilearned, javascript, beginners
Published: 2020-07-05 11:05:50

In a given array, find the first integer that appears an odd number of times. Given that **only one** integer occurs odd number of times.

One line solution to this is by using the infamous reduce operation of Javascript. 

```javascript
const findOddInt = (arr) => arr.reduce((a, b) => a ^ b);
```
Always go for functional and tuned solution, reason it being faster ;)

For those who are wondering, **^** is the symbol for XOR. `a^a = 0` and `0^a = a`. So, all the numbers that occur even times will get reduced to 0 and the number that occurs odd number of times would remain.
Escaping the tyranny of stack overflow
Published: 2020-07-05 14:07:39

Hi guys. As someone who has recently entered the world of coding, I have used stack overflow like anyone else to ask questions. At first, I was so happy and excited that I'm about to be a member of a community of like-minded people where I can get insights from professionals whenever I need help but it didn't last long until I have realised what I perceived at first as a community of friendly coders that are ready to help each other and those who are new to the field is in fact nothing more than a highly hierarchical society when those so-called "reputable" users play the role of Gods and often punish us newbies with their ultimate weapon "down votes" or ridicule and belittle us for asking questions that they too stupid to waste their precious time.
I have tolerated such behaviours while I was constantly bombarded with harsh down votes and unfriendly comments mainly because as a newbie everyone tells you stack overflow is the only place you can get help for your coding questions and sometimes something that may seem like a stupid thing to an experienced coder may give a newbie like me hours and hours of headache and confusion and may even lead to so many people to leave their pursue of learning how to code, until just yesterday I have noticed they have just banned my account from asking questions which is not only unfair but is in direct contrast with the ultimate philosophy of such communities which is to help each other to become better coders. That's why I said enough is enough, so I decided to search for a community where all members have the same basic rights and respect no matter how much experience they have and where newbies like me can count of more experience fellows to seek answers to their questions. I hope this will be the place for me to stay and develop into a better coder for the years to come.
I'm not so sure how the things are working here, so I appreciate if anyone reading this can tell me if there is a special place for inexperienced coders like me to ask their questions. Thank you for taking time to read this and hopefully I can become a better coder and be able to help others in the future.
How to create a blog using Laravel and Voyager?
Tags: laravel, linux, php
Published: 2020-07-05 18:11:16

I've just published my very first video course on how to build a blog using Laravel and Voyager.

Turned out to be a lot more challenging than I expected!

The quality ended up not as good as I imagined 😅 but was a great learning experience!

I went through the process of setting up a server, installing all of the required services like Nginx, PHP, MySQL, setting up VS Code, choosing an HTML template, and setting up Laravel and Voyager!


{% youtube RrhpbFCOlZ0 %}
Minimalist Roadmap to Becoming a Full-Stack Developer
Tags: javascript, react, node, mongodb
Published: 2020-07-14 12:31:31

> I fear not someone who has practiced 10,000 kicks once, but I fear someone who has practiced one kick 10,000 times.
>
> Bruce Lee

When we are starting to learn about web development, we really struggle to find a clear and feasible path to guide us on this journey.

Although we have a lot of great schools that certainly will help to conquer this challenge, they might be really expensive.

We have an awesome alternative to this: Udemy courses! They contain a lot of useful content and are really affordable.

For me, this is the absolute sweet spot in education: students can access the content paying a small amount, and instructors receive their very deserved reward for investing (a lot of) time preparing the courses. I truly love Udemy courses for this reason ❤.

But one thing we do not have in Udemy is a roadmap to guide new students about what to study and in which order.

So with this roadmap below, you can without doubts become a professional developer, and after finish those courses, you will have enough knowledge to decide for your own your next steps 😉

Good luck on your journey!

> **PROTIP**: invest some time finding/developing your learning methodology.

## HTML & CSS

- Udemy: [Modern HTML & CSS From The Beginning (Including Sass)](https://www.udemy.com/course/modern-html-css-from-the-beginning)

## Git

- FreeCodeCamp: [Git and GitHub for Beginners - Crash Course](https://www.youtube.com/watch?v=RGOj5yH7evk)


## JAVASCRIPT

- Udemy: [The Modern Javascript Bootcamp Course](https://www.udemy.com/course/javascript-beginners-complete-tutorial)


## REACT

- Udemy: [Complete React Developer (w/ Redux, Hooks, GraphQL)](https://www.udemy.com/course/complete-react-developer-zero-to-mastery)


## NODE.JS

- Udemy: [Node.js API Masterclass With Express & MongoDB](https://www.udemy.com/course/nodejs-api-masterclass)


## MONGODB

- Udemy: [MongoDB - The Complete Developer's Guide](https://www.udemy.com/course/mongodb-the-complete-developers-guide)
How to Add a favicon to the site  in Rails 6 using Webpacker
Tags: ruby, webpack, rails, html
Published: 2020-07-06 00:18:03

In Rails 6, Adding an icon to the HTML tab is very easy with 3 simple steps.

 1) [Add an image](#add)
 2) [Reference an image](#reference)
 3) [Link an image to HTML head](#link)

For the basic understanding on Webpacker, you  may refer the useful guide by Chris Oliver ([Webpacker Setup](https://gorails.com/episodes/using-webpack-in-rails-with-webpacker-gem)) 

###Here is how our directory structure would look like. 
```
app
 |-controllers
 |-javascript
     |-images
         |-brand_icon.png
         |-brand_icon.ico
     |-packs
          |- application.js
     |-stylesheets 
          |- applicaiton.scss
```

### 1) Add an image <a name="add"></a>
The images directory will hold all the images that we link in the project. We can add a types *.png, .ico, or .jpeg*, but I'd prefer *.png* as it supports better colors.

Let us save a home image as brand_icon.png to app/javascript/images/*

![Brand_icon](https://img.icons8.com/fluent/48/000000/home.png "Brand Icon")


### 2) Reference an image <a name="reference"></a>

Declare a constant in *packs/application.js* file, to refer all the images in  *javascript/images*

```javascript
 const images = require.context('.../images', true)
```
Now, with this reference, we can embed all the images in our HTML with a pack tag.

```erb
 <%= image_pack_tag 'example.png' %>
```

### 3) Link an image to HTML head <a name="link"></a>

Don't forget to link the JavaScript pack in Rails views using the javascript_pack_tag helper.

Now finally, embed the newly downloaded home_icon in HTML view with a helper method favicon_pack_tag.

```erb
<!DOCTYPE html>
<html>
  <head>
    <%= javascript_pack_tag 'application', 'data-turbo-links-track': 'reload'%>
    <%= favicon_pack_tag 'brand_icon.png' %>
  </head>
  <body>
  </body>
</html>
```
After compiling, the HTML would look like this.
```html
 <link rel="shortcut icon" type="image/x-icon" href="pack/media/images/brand-icon-a3423sf.png">
```
As we can see the icon is being pointed to the image in the pack directory.


###Result

![home_tab_icon](https://user-images.githubusercontent.com/53492744/86545305-f681ec80-befb-11ea-8966-b36ccfa29b29.png)


That's all we need, CHEERS!!
AWS 🔒 How to restrict access by IP
Tags: aws, security, iam, policy
Published: 2020-07-05 22:09:38

## Hi there!
In today's post, I would like to show you how you can restrict access to your AWS Account. Very often companies use static IP addresses to access the Internet. So if you know that access to your AWS account has to happen from specific IP, why allow it from the whole Internet.
Here is a logic schema of how we are going to make restriction:

![logic schema](https://dev-to-uploads.s3.amazonaws.com/i/5sc5minben5lxr9i8huq.png)

⚠The most important part is an **IAM policy** that will **enforce our restriction**. The policy denies any user's actions made from untrusted IP. To make so, we have to create a condition and specify two keys:
* `aws:SourceIp`
* `aws:ViaAWSService`

By the first one, we allow access from our IPs, by the second one we allow AWS Services to access our resources without the restriction. 
Your policy may look like it:
``` yaml
{
    "Version": "2012-10-17",
    "Statement": {
        "Effect": "Deny",
        "Action": "*",
        "Resource": "*",
        "Condition": {
            "NotIpAddress": {
                "aws:SourceIp": [
                    "XXX.XXX.XXX.0/24",
                    "YYY.YYY.YYY.0/24"
                ]
            },
            "Bool": {"aws:ViaAWSService": "false"}
        }
    }
}
```

The good way to apply our restriction is to use IAM users' groups. IAM users groups usage is a good practice to handle permissions. But our approach will work with a single user as well. Depends on your case you may or may not use IAM groups.

So next, create a group, attach a policy with necessary accesses and with IP restriction.

![Create a Group](https://dev-to-uploads.s3.amazonaws.com/i/j76yb4c0iutgsia4ljwb.gif)

Now even if API keys or a user's credentials will be compromised, an attacker has to avoid one more security mechanism in your AWS Account.
Bye!👋

*Photo by Markus Spiske on Unsplash*
Data Types In Javascript
Tags: javascript
Published: 2020-07-06 02:23:11



There are 3 types of data types in Javascript: primitive and composite and data types. 
Primitive data types are simple types like "Strings", Number, Boolean, _undefined_ and _null_. Composite data are Arrays, Objects and Functions. 
Primitive data types are those that can hold only one type of value and cannot be subject to use of a methods, whereas objects and arrays can hold multiple data units and all the methods and functions are using objects as their arguments. Everything is an Object in Javascript and that's why Javascript is called an _Object Oriented Language_
However, some of the sources distinguish 3 types of data separating _undefined_ and _null_ as a "special" data type. These two types can be confusing, but to put it simply, _undefined_ means that a variable was never defined in the code, and null means that there is no value.
How Can You Use Elm to be a Better Front End Programmer? Interview with Richard Feldman
Tags: functional, frontend, elm
Published: 2020-07-06 07:15:30

Richard Feldman, the author of "Elm in Action", got interviewed by [GOTO about Elm](https://gotopia.tech/bookclub/episodes/upgrade-your-frontend-game-be-an-elm-wizard). He said Elm won't take over the world but sure is a fun language to use that compiles in less than 4 seconds and will definitely change your perspective on things even if you won't end up programming in Elm.

Richard and Thomas went over the benefits of using Elm in a large organization, one of which is actually moving away from the dependencies nightmare. They also give some advice on how to use Elm in Action to learn Elm.

[YouTube Video](https://youtu.be/X2e_zZa5OnE)
[Website link](https://gotopia.tech/bookclub/episodes/upgrade-your-frontend-game-be-an-elm-wizard) if you'd rather read the whole thing
DEV.to Lookalike App with React
Tags: react, beginners, api, webdev
Published: 2020-07-06 07:29:34

---
title: DEV.to Lookalike App with React
published: true
description: My First Project with React
tags: react, beginners, api, webdev 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0bpm70snj6dmjd4xjcp0.PNG
---

## Introduction
Today, I would like to post my very first project on DEV.to. This project is called __DEV.to lookalike app__. The purpose of this project is to __implement API on React__.

## Results
Here are the example of my project so far.
* Get Articles from API
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0bpm70snj6dmjd4xjcp0.PNG)

* Get Detail Articles from API
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ci2eknpzlj68zhmsma5x.PNG)


## Table Of Contents
* [Preparation](#preparation)
* [Component](#component)
* [How it Works](#how-it-works)
* [Code](#code)

### Preparation <a name="preparation"></a>
__First thing first__.

* Install __React App__ with __npm__.
```npm i create-react-app <name_project>```

* Install Library on React. (I use React Hooks, React Icons, Reactstrap (Bootstrap), React LazyLoad, React Markdown)
```npm i bootstrap reactstrap react-lazyload react-icons react-markdown --save```

### Component <a name="component"></a>
There are 3 components such as: __API__, __Menu__, and __Articles__.

* API
You can find API in settings and put it into your app. Locate the API in separate folder called ```api```.

* Menu
You can find Menu in headers in ```component``` folder. There are 2 menus, ```header``` and ```sidebar```.

* Article
You can find 2 group of articles, called ```ArticleComponent``` and ```DetailArticleComponent```.

### How it Works <a name="how-it-works"></a>
The first step is making Card component. You can find Card on reactstrap. Use props in CardComponent to pass the value.

The second step is make fetch data from API. useState and useEffect are important to fetch the data from API. Once it done, add map to iterate every value on article.

The third step make them available in App.js by import the page and pass them into App.js.

Finally, make the same procedure for retrieve the detail. I use ID in every articles for detail. Do the same thing.

### Code <a name="code"></a>
For details, you can visit my repository.
[Demo Code](https://github.com/gerwinjonathan/DEV.to-API-with-React.git)

I hope this is just the beginning of my projects. Looking for next features.
#JulyOT - Getting Started with NVIDIA Jetson Nano: Object Detection
Tags: ai, computervision, nvidia, iot
Published: 2020-07-06 19:05:15

---
title: #JulyOT - Getting Started with NVIDIA Jetson Nano: Object Detection
published: true
description: Erik and Paul configure a Jetson Nano device for use with DeepStream SDK using samples provided from NVIDIA.  Part 1 of a 5 part series created for #JulyOT - more details @ http://julyot.com
tags: artificialintelligence, computervision, nvidia, iot
---

Erik and Paul configure a Jetson Nano device for use with DeepStream SDK using samples provided from NVIDIA.

Part 1 of a 5 part series created for #JulyOT - more details @ http://julyot.com

The full steps to reproduce this project can be found on github @ https://github.com/toolboc/Intelligent-Video-Analytics-with-NVIDIA-Jetson-and-Microsoft-Azure

For more information on the services employed, check out:
http://aka.ms/deepstreamdevguide
https://github.com/leandromoreira/digital_video_introduction
https://github.com/leandromoreira/ffmpeg-libav-tutorial
http://dranger.com/ffmpeg
Upload your project/files in GitHub using commands
Tags: python, github
Published: 2020-07-09 10:46:19

Upload your project/files in GitHub using following commands;

Tell the GitHub who are you;

     $ git config --global user.email"saurabhchavan052@gmail.com"

     $ git config --global user.name"100rabhcsmc"

Lets git ..

    $ git init

    $ git add -A#adding file

    $git commit -m "your commit"

    $git remote add origin reponame

    $git push origin master
#if you got any error using this command then you can use following command

    $ git push --force origin master


thanku....      


:)
Is there cheese down that hole?
Tags: impact, webdev, productivity, change
Published: 2020-07-09 16:31:01

I have a good friend who has a saying: “Is there cheese down that hole?”

It’s of course a literal reference to mice looking for cheese down a hole, but it’s also a reference to questioning whether a course of action has the potential for a valuable result we actually want.

So many times in our lives, we are simply reactive. Someone does something, and we react. We go into “lizard brain” mode. We simply do what our impulses are telling us to do. It may “feel” right, but is it the right course of action?

Let’s look at an example:

Someone cuts you off in traffic. You can ignore it, you can speed up, flip them off as you pass them, pull rudely in front and slam on your brakes, etc. But before you do that, ask yourself: Is there cheese down that hole?

Or…Our spouse/significant other says that we hurt them by something we did. But yet, just yesterday they did basically the same thing to us. Our first urge is to accuse them of hypocrisy. Again, is there cheese down that hole?

A coworker makes a personal attack during a planning meeting. You’re so pissed that you’re ready to attack them back. Is there cheese down that hole?

There are so many times when we feel like we’re letting others walk on us if we don’t react to their actions. That we have to “stand up” for ourselves by attacking back. But that is simply our own human frailties coming out. There are plenty of examples of those who didn’t “react” when they were attacked. They asked themselves about the cheese (although probably not with this particular phrase).

Is there cheese down the hole you’re in?

Happy coding!

Signup for my newsletter [here](https://thinkster.io/?previewmodal=signup?utm_source=devto&utm_medium=blog&utm_term=istherecheese&utm_content=&utm_campaign=blog).

Visit Us: [thinkster.io](https://thinkster.io?utm_source=devto&utm_medium=blog&utm_term=istherecheese&utm_content=&utm_campaign=blog) | Facebook: @gothinkster | Twitter: @GoThinkster
How to get more people to join your Discord community by adding an invite widget to your README
Tags: showdev, github
Published: 2020-07-10 15:01:54

Inspired by shields.io, we've created a service that generates SVG images that mimic Discord's invite widgets, shown on the app when you send an invite link to a chat. Adding these to your README is an easy way to get more people interested in joining your community!

These look really cool on your repository README, or even in GitHub's new [profile READMEs](https://dev.to/ypedroo/have-you-seen-github-s-cool-new-feature-an7)!

![Invidget in a GitHub repository](https://dev-to-uploads.s3.amazonaws.com/i/dg9r30xbcg543k8xwkgj.png)

![Invidget in a GitHub profile](https://dev-to-uploads.s3.amazonaws.com/i/o9wddb65iid6zh6bzehu.png)

It's super simple. Just add your invite code to the end of the URL, throw it into your browser...

```
https://invidget.switchblade.xyz/2FB8wDG
```

...and you'll get a nice SVG widget!

![Invidget Widget Example](https://dev-to-uploads.s3.amazonaws.com/i/iptvjwgyvrmw7bwtf6ar.png)

It even supports discord's - awfully ugly - light theme, by adding the `theme` query parameter to the URL:

```
https://invidget.switchblade.xyz/2FB8wDG?theme=light
```

![Light Invidget Widget Example](https://dev-to-uploads.s3.amazonaws.com/i/yirmz99zlxwc3qc8llbt.png)


...and you can set it to render in your language!

```
https://invidget.switchblade.xyz/2FB8wDG?language=pt
```

![Portuguese Invidget Widget Example](https://dev-to-uploads.s3.amazonaws.com/i/m76qnuw175p2b28m43i7.png)

After selecting your language and fighting with your collaborators over light or dark theme, you can then add it to your README, linking to your Discord community, like so:

```
[![Join our Discord server!](https://invidget.switchblade.xyz/2FB8wDG)](http://discord.gg/2FB8wDG)
```

> Again, remember to replace the invite above code with one that takes people to your server.

---

*Invidget* is [open source](https://github.com/SwitchbladeBot/invidget), and we still have a bunch of features planned, so feel free to open a PR or two!