teleren/devto huggingface dataset:
Trying to Log in to Your Router But Failed? Use These Tactics
Tags: router, wifi, setup
Published: 2020-02-20 06:51:24

It seems that you are unable to <a href="https://wifi-help.site/">login to router</a>. If yes, fret not! In this post, we’ll guide you on how to log in to your router using various methods without any hassle.

There isn't any doubt WiFi has made it easy for anyone to enjoy the use of the internet on any connected device without messing with cables. But, prior to using the internet, you need to perform the Netgear router login process, which becomes a big hurdle sometimes.

Well, there might be many reasons that can stop you from accessing the router login page by the means of routerlogin.net web address. So, in order to get rid of the issue, walk through a few Netgear router <a href="https://wifi-help.site/why-my-wifi-keeps-dropping-or-lagging/">wifi keeps disconnecting</a> troubleshooting steps given below. Let's get started!

<b>Troubleshoot Netgear Router Login Issues</b>

1. Be certain that you are using an updated web browser version to access the web address while logging in to your Netgear router.
2. Even if after updating the internet browser, you can’t log in to your Netgear router, better switch to another browser.
3. Consider clearing cookies and cache prior to using the web browser for router login. Not only this but also you can clear the browser's browsing history to prevent any browser-related issues.
4. In the event, if the default web address of your Netgear router is not letting you access the login page, consider using the Netgear router IP address.
5. Also, ensure that all your devices are plugged into a working wall outlet and getting continuous power supply.
6. Keep your Netgear router away from devices that can lead to interference.

You can use all the above-mentioned Netgear router troubleshooting tips to get rid of login issues. Now, you are advised to log in to your router again and check whether all is going well or not.

Sometimes, the Netgear router login issue might be due to the improper configuration of your device. On the off chance, if you are unfamiliar with the complete router login steps, then worry not! Simply walk through the steps given below to get the job done within a matter of minutes. Let's begin!

<b>How to log in to Netgear WiFi Router?</b>

1. Plug in your Netgear WiFi router.
2. Launch a web browser from a computer or mobile device.
3. Type router login.net in the web browser’s address bar.
4. Click on Log In.

Then, the BASIC home screen appears.

That's the end! So these were a few tips through which you can easily access the Netgear router login page without any hassle. Hopefully, you found this post useful for you when your <a href="https://wifi-help.site/why-my-wifi-network-not-showing-up-on-laptop/">wifi network not showing up</a> on the browser. In case, there's anything that you like to share or if you have any queries regarding how to log in to your router, please feel free to leave them in a comment.

Thank you for reading! If you really liked this post, please make sure to hit the thumbs up or the clap button. Hope to see you soon. Bye!
How to Sync UI Time with Backend
Tags: webdev
Published: 2020-02-20 06:17:12

You wrote a [fantastic real-time frontend application using React](https://techinscribed.com/clean-react-architecture-with-redux-immer-typescript-redux-observable/). Great!

But the system time of the user who is using your application is wrong. Now when your application does `Date.now()` or `new Date()`, everything will go for a toss.

This is why relying on the user's system time is a bad idea. It's not guaranteed to be correct.

So, what is the solution?

Rely on the server's time. 

How?

Make an API call to the server to get the server's time.
```js
const serverTime = getServerTime();

```

Write a function that will take the server's time as an argument and sync the UI time with it.
```javascript
function syncWithServerTime(serverTime) {

}
```

Get the current system time. Calculate the difference between the server time and the system time.

```javascript
function syncWithServerTime(serverTime) {
  const curTime = Date.now();

  const diff = curTime - serverTime;  
}

```

Now return a new function that will return the correct time using the difference. We will then use it to get the current time instead of using `Date`. 

```javascript
function syncWithServerTime(serverTime) {
  const curTime = Date.now();

  const diff = curTime - serverTime; 

  return function() {
    return Date.now() - diff;
  }
}

```

Sync the application's time with the server's time as soon as it loads.
```javascript
const serverTime = getServerTime();
const getCurrentTime = syncWithServerTime(serverTime);
```

From now on, where ever you want to get the current time use the `getCurrentTime` function. 
```javascript
const curTime = getCurrentTime();
```

Full Code:
```javascript
window.onload = function() {
  const serverTime = getServerTime();

  function syncWithServerTime(serverTime) {
    const curTime = Date.now();

    const diff = curTime - serverTime; 
  
    return function() {
      return Date.now() - diff;
    }
  }


  const getCurrentTime = syncWithServerTime(serverTime);

  // Use getCurrentTime everywhere... 
}

```

Note: Time is represented as the epoch in the example.

It's a simple trick, but a very useful one.
7 Things Everyone Knows About VISUAL STUDIO CODE That You Don’t
Published: 2020-02-20 05:37:32

Visual Studio Code is a source code editor built by Microsoft. It is publicly released in 2015 and since then it gains so much popularity among the web developers. It is based on the electron.js framework which is used to build the native desktop applications.

According to [StackOverflow 2019 survey](https://insights.stackoverflow.com/survey/2019#development-environments-and-tools), Visual Studio Code is the most popular development environments for the developers. But there are differences in the choices by developer skills and roles. Developers who work on mobile development are more likely uses the Android Studio and the same with the developers who work on data science choose Jupiter.

....
...
..
.

Read Full Article On [CodesQuery](https://codesquery.com/visual-studio-code-best-practices/)
New Keyboard
Tags: discuss
Published: 2020-02-20 05:19:45

Got a new keyboard from amazon today. It's a HAVIT game series MAGIC EAGLE gaming computer but I will be using it for coding as well. Is this a weird thing to do or are you doing the same. Lol :-p

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bsgkyphc3s4c1p3kswth.jpg)
RUBY BASICS
Tags: ruby
Published: 2020-02-20 05:01:07

Hello there, if you are like me, fresh out of college with a useless degree that will get you nowhere and are interested in trying something new, like coding. Then RUBY is the language for you. It is simple, and easy to understand. 

Ruby was designed and developed in the mid 1990s by Yukihiro "Matz" Matsumoto. Yukihiro designed Ruby so that it will be easy to read and applicable by humans. Other programming languages focus are designed to make our machines run efficiently and more effective. According to Yukihiro, "They are focusing on machines. But in fact we need to focus on humans, on how humans care about doing programming or operating the application of the machines. We are the masters. They are the slaves."

Let's start off with the basics. Like other programming languages Ruby has 6 data types: Strings, Numbers, Booleans, Symbols, Arrays, and Hashes. In order to find out what data type something is, you add _.class_ to the end of the data.

1)**Strings**: A string is any combination of letter or number that is wrapped in single or double quotation marks. You can convert into a string using _.to_s_. 

![Alt text of image](https://i.imgur.com/iPjvMaH.png)

2)**Numbers**: A number can be an Integer or a Float. Integers are whole numbers, whereas Float contains a decimal. You can convert a string with a number inside into an Integer using _.to_i_ or a Float using _.to_f_.


![Alt text of image](https://i.imgur.com/EhEFGfB.png)
![Alt text of image](https://i.imgur.com/E0HrzuZ.png)

3)**Booleans**: Booleans are used in logic statement to determine whether something is True or False. In Ruby, everything is True, but False and nil. We can use comparison operators such as _AND_, _OR_, _==_, _||_, _&&_

![Alt text of image](https://i.imgur.com/gHyNxfG.png)

4)**Symbols**: In Ruby a symbol is an object that represents names of instance variables, names of method, or names of classes. If there is a hello method, then there is a symbol _:hello_. You can call on a symbol anywhere in the app or program. You can convert a string into a symbol using _.to_sym_.

![Alt text of image](https://i.imgur.com/J71Cayf.png)

5)**Arrays**: Array is a list that can consist of all different kinds of data types. It is enclosed in square brackets _[]_. There are different ways you can create an array.

One way is by hard-coding it.
![Alt text of image](https://i.imgur.com/mMFke2E.png)

Another way is by using Array()
![Alt text of image](https://i.imgur.com/1PPIHxJ.png)

6)**Hashes**: A hash is a key, value pair enclosed in curly brackets _{}_. They works like dictionaries, you can search for values by looking up the key and vice versa. There are also different ways you can create a hash.

One way is by hard-coding it.
![Alt text of image](https://i.imgur.com/YXu3thb.png)

Another way is by assigning a variable to Hash.new
![Alt text of image](https://i.imgur.com/MlnOS3f.png)

These are the Ruby data types to get you started on your Ruby adventure. Happy coding!
Les nouveautés de RIDE V4
Tags: blockchain, wavesplatform, waves, ride4dapp
Published: 2020-02-20 04:40:51

Mercredi 26 février nous aurons une vidéo spéciale afin de passer en revue ensemble toutes les nouveautés à venir avec #RIDE V4 qui sortira incessamment sous peu.

Abonnez-vous et regardez toutes nos précédentes vidéos :
https://tinyurl.com/ulgjznf

PROCHAINES VIDEOS

22 février
Utiliser son environnement précédemment installer et comprendre l'ensemble des fonctionnalités de Surfboard pour la création, la compilation et un déploiement rapide de vos smart contract

25 février
RIDE V4 et Waves node 2.0 arrivant sous peu, nous passerons en revue l'ensemble des changements liés à ces nouvelles version, pour RIDE mais aussi pour le protocole Waves.

Suivez nous et posez toutes vos questions sur :

Telegram : https://t.me/wavesdappsFR
Twitter : https://twitter.com/WavesDevFr

https://www.wavesplatform.com
New Challenge 👌 : #40DaysInspration
Tags: webdev, opensource, design, css
Published: 2020-02-20 04:17:46

Hi,
 I'm quite active on Twitter 😁, and I've participated in #100daysofofcode and #javascript30.

These are the only most popular, challenges out-there in the web community. But #100daysofCode is mostly focused on sharing your code journey as you go.

 #javascript30 is a little different, it's a YouTube series created by Boss 'Wes Bos' and it's all about javascript.

There is one more #codenewbie, but it's not so relevant as a challenge and maybe not a challenge at all.

So I usually design UI components, and pages by looking up to Dribble shots. So here comes the spark and I created this challenge in the last 1 hour.

## #40DaysInspiration
It's a coding and design challenge for people who wants to practice their CSS. 
Anyone can try this challenge, it will increase thinking skills because after 40 days you can think the CSS in your brain by looking up to a UI.

You just have to design a UI shot, from the [official repo](https://github.com/justaashir/40DaysInspiration) of the challenge every day for 40 days. 

### Some of the rules
 - First You've to re-tweet this [tweet](https://twitter.com/justaashir/status/1230312785432793089) on @twitter, with a comment that you are joining this challenge
 - You can get all the UI designs for 40 days on this Repo, [twitter](https://twitter.com/search?q=%2340daysInspiration&src=typed_query), DEV and official website
 - Try Creating the design, same as shown in that UI shot. You can use any CSS Framework.
 - You can improvise the design as you go, to show your own creativity
 - Share the end result with the #40DaysInspiration community on Twitter and host it on your [codepen](codepen.io) profile.


This can be a refresher for some people, who want to get into the CSS arena again or CSS Masters can test their skills and tweet that "CSS is not Hard".

#### End Notes
---
 - Github: [https://github.com/justaashir/40DaysInspiration](https://github.com/justaashir/40DaysInspiration)
 - Twitter: [#40DaysInspiration](https://twitter.com/search?q=%2340daysInspiration&src=typed_query)



Follow me on Twitter, I post more sh*t there. [@justaashir](twitter.com/justaashir)


This was the tweet: 
{% twitter 1230312785432793089 %}
Use of child process core node js package to handle asynchronous code execution.
Published: 2020-02-20 04:10:02

This sample example of the use of the child process to handle the asynchronous code of node js. We all know we used promises and async-await javascript primitive method to handle the asynchronous code execution but I have found another way to handle asynchronous code without using promises. If you go through child.js I have used two functions to take some time to execution but we want two functions to process data for next synchronous process execution so I have used the fork process for execution in the background and wait for message event observer to get process execution data. 

File: parent.js

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c16b25ran8eujnrrgl4b.gif)

File: child.js

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3oa82j330o4fa5ngkq15.gif)

I am trying to find out the logic if without using promises and async-await javascript primitive method can we execution synchronous. Kindly if any another example above scenarios.
Laravel 6 Traits Example
Tags: laravel, traits
Published: 2020-02-20 04:03:06

Today, i will show you step by step how to make a trait in laravel application. you can easily create traits and use it in laravel controller and modal. i will give you simple example of creating traits in laravel example.

You can easily use php laravel traits in laravel 5 and laravel 6 application.

Traits is a simply a group of methods that you want include within another class. You can easily reuse that methods to another class. Trait is save to write same code again and again.

Here, i will give you very simple example how to create trait and how to use trait in laravel project. we will create one trait "ImageTrait". in that trait we will write code for image upload. So where ever we need upload image then we can use this ImageTrait trait. For example we have use profile, product picture etc, so we can use same trait method we don't require to write again and again same code.

Link: https://www.itsolutionstuff.com/post/laravel-traits-how-to-create-trait-in-laravelexample.html
querySelectorAll vs getElements
Tags: javascript, beginners, html, webdev
Published: 2020-02-20 02:54:18

As the old adage goes– you can do a million things a million ways in JavaScript. 

One of those million things is to select a JavaScript element. The main ways you're probably familiar with are by using:
- querySelector
- querySelectorAll
- getElementById
- getElementsByTagName
- getElementByClassName
- getElementsByName

The first difference is obviously breadth. While querySelector* can obviously select either the first or all matching elements, getElement* has at least four options across two conventions– getElement vs getElements.

The main difference (and the reason I wanted to write this blog) is that querySelectorAll and getElements* return different values.

####querySelectorAll

- querySelectorAll returns **a non-live NodeList containing one Element object for each element that matches at least one of the specified selectors or an empty NodeList in case of no matches.** (MDN)
- This is great because you can treat this node list like any array and use array methods like `forEach()`. 

Below is an example of what this would look like in practice:

```javascript
let content = document.querySelectorAll(".content") // undefined

content // NodeList(3) [div.content, div.content, div.content]

content.forEach(node => console.log(1)) // 1, 1, 1

```

As you can see above, the return value of `content` is an array containing three items.


####getElements
- getElements*, on the other hand, returns **a live HTMLCollection of found elements.**(MDN)
- Though it has square brackets like the NodeList, it does not have access to array methods like `forEach()`.

```javascript
let collection = document.getElementsByClassName("content") // undefined

collection // HTMLCollection(3) [div.content, div.content, div.content]

collection.forEach(x=> console.log(x))
VM1771:1 Uncaught TypeError: collection.forEach is not a function
    at <anonymous>:1:12

```

For beginners, I would say– default to using querySelector and querySelectorAll because do will avoid some of the pitfalls I outlined above. 

While writing this blog post I briefly looked up videos from my favorite YouTubers and [this one](https://www.youtube.com/watch?v=f-yLYjvPiLE) seemed like a keeper. 
Hope you find it helpful =)
How to Setup a Simple HTTP Server/ Local Web Server with NodeJS
Tags: node, httpserver, webserver
Published: 2020-02-20 02:37:12

In this article, I am going to explain to you how to set up a simple HTTP web server on local machine using NodeJS. http-server npm package is used to run the web server, Its a single step task for serving static files on browser.

 
Install http-server npm package

Install the http-server globally on machine using the node package manager (npm) command-line tool, this will allow you to run a web server from anywhere on your computer.

Run the below command on comman line

npm install -g http-server

 

Start web server

Move to project folder where static files are kept with below command

cd /Desktop/projects/demo/sample-bootstrap

start web server with below command

http-server

Above command will return Urls of hosted files which can be used to check the hosted files on browser.

http server hosted link

 

Check the hosted files
After running the last command the static files are hosted on the above 2 links provided, Type http://localhost:8080 on your browser URL and you will see your local website. 

 

Conclusion
http-server is a simple, zero-configuration command-line http server. It is powerful enough for production usage, but it's simple and hackable enough to be used for testing, local development, and learning.

Click here to find  Sample Applications(https://jsonworld.com/demo) on different frameworks of Javascript.

Let me know your thoughts over email pankaj.itdeveloper@gmail.com. I would love to hear them and If you like this article, share with your friends.

This post is originally posted on https://jsonworld.com.
Question: How was the assumption made?
Tags: help, question, bigo, algorithms
Published: 2020-02-20 02:21:18


Hi guys! I have been reading "Cracking the Coding Interview 6th Edition".. On Chapter 0 - Big O, I have problem understanding an assumption made to a problem on Example 3.

    void printUnorderedPairs(int[] array){
      for(int i = 0; i < array.length; i++){
        for(int j = i + 1; j < array.length; j++){
          ...
        }
      }
    }


Under *What It Means* section, it assumed that:

> There are N^2 total pairs. Roughly half of those will have i < j and the remaining half will have i > j. This code goes through roughly n^2/2 pairs so it does O(N^2) work.

My question is, how was the assumption made on ***Roughly half of those will have i < j and the remaining half will have i > j*** done? Can someone explain it to me please?

Thanks!
How to make the label Panel scrollable for Addressables (Unity)
Published: 2020-02-20 01:37:37

When it comes to asset management in unity with addressable, labels play quite an important role. You can load assets from remote server using the label as a handle. But in current version of addressable (1.6 at the time of writing), labels can't be managed well due to the limitations of panel size and lack of scrolling. In this tutorial I will show simple steps to make the label panel scrollable.

## Step 1

Find the **LabelWindow.cs** in the addressable package

![LabelWindow Script](https://dev-to-uploads.s3.amazonaws.com/i/ismpszz24k1jgxljwj8s.png)

## Step 2

Add Vector2 scroll position to given places

![Script 1](https://cdn.discordapp.com/attachments/524886210146205729/651353410083225611/Annotation_2019-12-03_155529.png)

![Script 2](https://cdn.discordapp.com/attachments/524886210146205729/651353173864218644/Annotation_2019-12-03_155405.png)

And that's it. It's that simple.
Resuscitating my personal website 🧟‍♂️
Tags: gatsby, nescss
Published: 2020-02-20 00:27:02

It was the time.

My old personal website was getting so old that it contained even the link to my Google+ profile.

![Are you from the past?!](https://dev-to-uploads.s3.amazonaws.com/i/dr6e6sp1166anxwwfu22.jpg)

I could have kept it that way..

![Cap says no](https://dev-to-uploads.s3.amazonaws.com/i/r2ue8sngzpkzs7dlco51.gif)

.. but instead I finally took the occasion to play with [NES.css](https://nostalgic-css.github.io/NES.css/) and [Gatsby.js](https://www.gatsbyjs.org/), adding a sprinkle of ✨CSS Grid✨.

Thanks to GitHub and Netlify's hosting 🎩 the result is [https://olisti.co](olisti.co)

And here's the [source code](https://source.olisti.co/olistik/me).
Introducing react-apollo-generator
Tags: react, typescript, apollo
Published: 2020-02-19 23:43:47

---
title: Introducing react-apollo-generator
published: true
description: Generate react apollo hooks with graphql-codegen with support for multiples graphql schemas.
tags: react,typescript,apollo
---

I just created a little package to generate react apollo hooks with graphql-codegen. It has support for multiples graphql schemas too. 👺

https://github.com/GiancarlosIO/react-apollo-generator
Clojurescript + react-native notes
Tags: devjournal, clojure, reactnative, clojurescript
Published: 2020-02-19 23:20:06

Some notes I took while trying to build react-native apps with Clojurescript.

Remove one character from generated config:
https://github.com/drapanjanas/re-natal/pull/228

Upgrade react-native:
https://github.com/facebook/react-native/issues/25154
What is considered a good career in tech?
Tags: discuss
Published: 2020-02-19 23:17:26

---
title: What is considered a good career in tech?
published: true
description: I remember a discussion I had with a friend about careers whilst at the same time thinking about my own.
tags: discuss
---

I remembered a discussion with a friend of mine that had us talking about careers. Two questions came up:

- What is considered a good career in tech?
- How do you want your career to look like when you're "done"?

I feel that it's good to think ahead and reassess this from time to time.

I've seen the definition of a good career change many times on social media. From "working for a big tech company" all the way to "owning my own company" to "being an established writer/speaker/author". It varies from person to person.

So two points up for discussion. Let's see what we think.
Looking for Coding Shirts? Website Now LIVE!
Tags: gatsby, react, showdev, mongodb
Published: 2020-02-19 23:16:21

It's official! Script Kitty Clothing has finally gone live.
https://www.scriptkitty.dev 

After three months of developing my website with React, Gatsby, MongoDB, and Azure Functions, I'm finally ready to release it.

I'll continue to be adding more shirt designs, hoodies, stickers, etc. If you have a shirt idea, something you would like to see, questions about how I made the site, let me know!

P.S. I'm currently only supporting United States and Canada.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/saejskva4zehqhjxrzbl.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9ea6hp8nxids0pwole7v.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/70ikexzn2djgmcndf3ui.png)