teleren/devto huggingface dataset:
DENO ANAGRAM of NODE?
Tags: javascript, webdev, node, deno
Published: 2020-05-17 18:21:24

Almost everywhere I look (twitter, tech blogs and dev.to), there is DENO. I was tempted and every time I open the comments of the tweets or posts, I see that *DENO* is an anagram of *NODE*. Then started the fun of naming new runtimes with the anagrams of NODE/DENO, like ODEN.js, ENDO.js and DONE.js. The context of some were hilarious. I made few comments on them myslef,
{% twitter 1261930569782321154 %}

After seeing this, I started googling *A N A G R A M* and found some interesting results. Then the math came in - _Permutation_ and the things got more interesting.

One of the perks of being a developer is, we could build what we like, what excites us or what we find interesting. Started implementing the math of the Anagram and the result is, I created the site below, 
### Link: [Anagram Generator | Surendar Vinayagamoorthy](https://anagram.now.sh)
### Source Code: [Anagram Generator | GitHub](https://github.com/radnerus/anagram-generator)
![Anagram Generator](https://dev-to-uploads.s3.amazonaws.com/i/o9608w6b7c2710jpugot.png)

Any comments/suggestion would be appreciated. Also I took up the [#100DaysOfCode](https://twitter.com/radnerus93/status/1260528395634368514?s=20) challenge in twitter, follow me [here](https://twitter.com/radnerus93) for feedbacks and some cool JavaScript tips and tricks.
Digital Guruji : Learn Something New Everyday
Tags: digitalguruji
Published: 2020-05-17 18:18:16

Digital Guruji offers people from all walks of life, from student to professional to come forward and to share their stories of hardships and success with the world and inspire other individuals.

We at Digitalgurujii.com are interested in sharing your story. With numerous engagements and high reach in our website, we would help the audience and readers to be aware of your business and at the same time you get a chance to highlight your brand.
Can someone explain TypeScript to me like I'm 5 years old?
Tags: typescript, javascript, discuss, beginners
Published: 2020-05-17 18:10:00

{% twitter 1258185759280050179 %}
{% twitter 1258227927994384385 %}
{% twitter 1258209274347638787 %}
{% twitter 1258210154610376705 %}
{% twitter 1258242150166401025 %}
{% twitter 1258341119387107330 %}
{% twitter 1258220194608054272 %}

#### How will you explain? But should be unique.
Keeping the shiny away!
Tags: beginners, discuss
Published: 2020-05-17 18:02:32

Where to start? I have been learning to code for the past year on and off. As they say life gets in the way. My main education comes from the wonderful folks at #VetsWhoCode. The focus being front-end development with Javascript. And I thank them so much. The reason for their choice is getting Veterans into the market as fast as possible with real world in demand skills. And it works. 

My dilemma is the lack of love for JavaScript. It never has interested me, but I do see the value. And by no means am I going to veer from becoming a Javascript Ninja. But I do find myself more interested in Rust and Python. 

So, my question is, what do you all do about learning what you must and what you want? I am thinking I will give myself one day per week to dedicate to my other interests. I am curious to how others tackle this dilemma. I am sure I am not the only one focusing on something they aren't quite excited about. I also know when learning two different languages can slow progress or create confusion.

What do you all do?
This is how you can ditch the dictionary forever
Tags: dictionary, plugin, software, dictozo
Published: 2020-05-17 17:55:44

So, 
 
Being a non English, I used to google every time i saw a new English word while reading an article. Usually i check the word and forget it afterwards. I need to repeat the process every time even for the same word i checked week ago. Forgetting words are frustrating and once you start blaming your memorisation power.  
This happens to everyone.

So, it gave me a thought why not my browser tell me the definitions of those words and remember it till i need. So that i don't have to search it every time. This leads me to create Dictozo (https://dictozo.com) a chrome browser plugin which saves the words and their translations and shows them to me on their occurrence in any web page.

Check now: https://dictozo.com

Constructive feedbacks are welcomed.:) 

I guess it saved my lot of time searching same word again and again. You can have 2 way translations in 80+ languages and keep them feeding into your mind and boost your memorisation power.
JavaScript DOM - Part 2 - The Document and Window Object [video + article]
Tags: webdev, javascript, codenewbie, beginners
Published: 2020-05-17 17:54:56

> This is going to be a multi-part Video + article tutorial series on JavaScript DOM. You're reading Part 2

You can read Part 1 here:
{% link https://dev.to/tharunshiv/javascript-dom-part-1-what-is-it-and-what-can-we-do-with-it-video-article-3gim %}

{% youtube 0VKqXwgqpf8 %}

## The Window Object
 
This is a Global object, which has several objects, attributes and functions within it. It can be described as an object with a lot of meta data and data about your webpage. It also contains the Document Object which is popularly used.

## The Document Object

The Document Object is another global object which contains the attributes, objects, and functions of the website but of course lesser information than the window object as it is a subset of it. 
You can access the complete information and elements of the DOM from this document object. To be precise, you can access each and every element of the page with a lot of functionality attached to it like methods, attributes, values, etc.,

```javascript
// code

console.log(document.domain)

console.log(document.URL)

console.log(document.title)

console.log(document.all)

console.log(document.all[0])
```

```javascript
// respective output

tharunshiv.com

https://tharunshiv.com

Tharun Shiv - A blog to quench programming thirst

HTMLAllCollection(311) [html, head, meta, ...
...
...
...]

<html lang="en" data-react-helmet="lang">
  <head>...</head>
  <body>...</body>
</html>

```

You can access and do a lot more magic with the Document Object. We will explore and do stuff in this series. All you have to know now is that there is **The Window Object** and there is a **Document Object**. You can access any element in the website using the Document Object. There are ways in which you can grab the necessary element that you want to, which we will be learning from the next video onwards.

**Read part 3 here:**
{% link https://dev.to/tharunshiv/javascript-dom-part-3-get-element-by-id-video-article-4hj8 %}

Thank you for reading 😊

Written by,

{% user tharunshiv %}
Why Node Are Publishing A New Code Library And Your Business Needs It
Tags: javascript, npm, node
Published: 2020-05-17 17:45:04

There's a very complex and intricate law to the internet. One of the rules of this is: if you can bring in a code library, it stops you having to write code.

No matter how many problems the code library you bring in causes you, it's better than learning the language yourself.

If you think otherwise consider: yes, sometimes it really is better to bring in a code library. Maybe it's a tiny library that cleverly wraps something notoriously confusing up in a package that makes things so much easier. Maybe it's doing cryptographics that you will never in your life have the time to learn the mathematics to do properly.

Or many it's a random library you brought in because there was buzz around it without really knowing why, and some idiot thinks it's just garbage. What's their deal? Maybe they think you're bringing in moment.js to format a date that's now native to the TypeScript compiler you're using just because you don't know any better. Resist these people.

Who cares if 90% of imports into a package.json are not needed. Or 99.2% of useless dependencies are created by people with loads of experience who should know better about these problems but are too jaded to care about the issues they create. The point is if you're senior enough to fix these things but don't want to, it's not your problem. If you're a junior, who the hell cares what you want, just do what they say for the lord's sake.
Python - What, Why and Where?
Published: 2020-05-17 17:41:42

## What?

Python is a pure object oriented, dynamic, interpreted, easy to use language. Let's understand each of the terms one by one.

Although, python is known as pure object oriented language, it can work as functional oriented as well. In object oriented, it focuses on objects and classes rather then functions. Object oriented programming(OOP) is a bottom up approach. 

When we say dynamic, it simply relate with the word 'run time'. Unlike C and C++ , you don't need to declare variables before using it. Everything can be handled during run time. No need to reserve memory, python can allocate memory at the run time only. 

Now its an interpreted language, just for now we need to remember that there are two things:- 
1. Compiler
2. Interpreter.
Interpreter reads your code line by line and if any error occurs at any line, it will display it and when you will fix that error,than only it will move forward.

And the last point is 'easy to use'. So when you will start learning python, you will automatically understand this thing.

## Why?

1. Python is very easy to use because of its dynamic nature and simple syntax.
2. Python uses white space or indentation.
3. Python has many built-in library files which makes it powerful.

## Where? 
 
Python can be used in almost every field like:-
1. Web development.
2. Software development.
3. Game development.
5. Data science.
6. Artificial Intelligence.
And many more..

Writing your first python program:-

     > Print('Hello World')

In python , you can use Print() to display anything on screen. No declaration needed as it is dynamic language. That is why, it is said that python is very easy to use.
Newbie in HTML seeking guidance on <img> tags.
Tags: knowledge, guidance, html
Published: 2020-05-17 17:39:26

Hi people. I heard about this community in a magazine. I'm a newbie in front - end development, let's say apprentice and now, I'm learning how to add images in my HTML doc. I don't understand how the browser can't display my image if the syntax is correct, as well as my URL. Is there somebody can help me? Thanks a lot. My E: capasso.angella@gmail.com
Personal Programming Blogs Are Wonderful
Tags: agile, gratitude, opensource, productivity
Published: 2020-05-17 17:29:44

Have you ever wanted to write a personal programming blog? There are lots online. 

Generally you'll need to have one of the following elements:

Some memes.

A semi-obscure programming concept that is taken just so far; there's no real idea at the end what it might be used for, but if you managed to cope with it you did something difficult, so pat yourself on the back.

The syntax for a code library you've never heard of until now (but is defo amazing). It does things you'd be far better placed to code yourself, if you actually knew how to program.

An edge-case optimization you'll never use for anything practical.

A hello-world that gets you so far and then doesn't really elaborate on why you just did that, which is covered by the official documentation.

A hello-world that's probably actually trying to do something useful, but missing so many steps, or has so many platform specific steps, you're essentially going to have to piece things together using the entire internet.

Random code snippets from a freelance job you were doing.

Something about php.

Wonderful stuff.
A peak into the architecture at covidfyi.in
Tags: python, api, mongodb, redis
Published: 2020-05-17 17:28:37

We've been working on `covidfyi.in` for almost 2 months now and have gone through significant-tech changes already. 
## What do we do?
We're a platform where the data for all the government released resources like hospitals, helplines, doctors, etc are aggregated by our dedicated data team and that's presented on our frontend in an easy to find manner.

## v1 architecture - 
We started with our backend made in Django and PostgreSQL and hosted on Heroku.
But quick enough, we started running into limitations.

## Limitations of our initial architecture - 
First was, Heroku dyno sleeps after 30 minutes of inactivity, hence, the first request after the server has gone to sleep takes too long to respond, upwards of 10 seconds.

The second limitation is more niche, our data team is using a google sheet to manage and collate the data - they felt a form-based admin dashboard would be too restrictive. So, whenever the data team updated the google sheet, we in the tech team downloaded the CSV and manually updated the database by running a pre-defined utility command. This was also limiting in another sense - whenever the data team wanted to add a new column, we would manually have to add that in the database schema inside our code - too tedious in my opinion.
We searched, but in no way, we could figure out how to include new columns in our schema at runtime. But this research wasn't fruitful at least when it was limited to the scope of an RDBMS.


Now, how did we overcome these limitations? Keep reading to find out :)

## Moving towards our new architecture - 

The first step was to shift from Django to Flask, because flask is lightweight and Django is an elephant, we didn't want a huge framework standing in the way of what we wanted to accomplish.

In the second step, we shifted from PostgreSQL to MongoDB, this is the change that brought the MOST return on investment. But why? it simplified our workflow by at least 100 times.

It's simple what we did, and makes me think how we were stupid enough to not think of this in the first place.
I wrote a script that extracts the JSON from our google sheet, sanitized the response, and inserted it into our MongoDB database as is and this script runs every 12 hours to update our DB.
This does two things - simplifies the workflow, and also at the same time allows for a dynamic schema.

Thirdly, we shifted from Heroku to a VM on GCP, this eliminated most of our performance issues.
And did I mention, we've a caching layer setup using Redis which caches most of our API responses, hence makes it super quick.


## TLDR -
In short, our current architecture is - *Flask + MongoDB + Redis + GCP*.

## Contribute - 

If you would like to contribute to our project, hit me up on Instagram at [@manan.code](https://www.instagram.com/manan.code/), we're looking for both React and Flask dev.
Our git repos - [covidfyi](github.com/covidfyi).

**If you've got any suggestions of how we could improve our architecture, drop in a comments please.**
Hello World with Flask
Tags: python, flask, beginners
Published: 2020-05-17 17:16:45

When I attended my coding boot camp late last year we learned Ruby and started with [Sinatra](http://sinatrarb.com/) before we moved onto Ruby on Rails. I remember not liking it too much but maybe that's because I was mentally exhausted from everything we were learning! 

Now that I have graduated, I've been looking into Python a lot. I consider Python and Ruby to be very similar backend languages, however, Python is undoubtedly more popular. I remember searching for help for Sinatra but the blog posts that would show up in Google Search were from *years* ago! This is the main reason I switched from Ruby to Python: a stronger, more active community.

With that being said, Sinatra and Flask are two very similar web frameworks. They are the bare-bones counterparts to Ruby on Rails and Django — frameworks you've probably heard more about. While Flask can get you up and running for a small app, you have to do everything yourself. This may sound bad but it allows you, the developer, to have complete customization and control of your framework. I actually wrote [Ninny Code!](https://ninnycode.com) using Flask! 

In this blog post, I'm going to show you how to create a very basic Flask app that returns "Hello World" when you visit it in your browser. Let's get started!

Python uses virtual environments to encapsulate your project. Instead of accessing anything and everything located in your computer, virtual environments localizes your production within the project. There are several ways to create a virtual environment but I found pipenv to be the easiest. Let's create an empty project directory and create our virtual environment:

```
mkdir helloworld
cd helloworld

pip install pipenv
pipenv shell
```

The command `pipenv shell` creates our virtual environment. Again, this localizes our project into this directory. You'll notice it created a Pipfile for you. If you're new to pipenv, instead of running `pip` to install packages, you use `pipenv` instead. So let's install Flask then create our app.py:

```
pipenv install flask
```
```py
from flask import Flask
app = Flask(__name__)


@app.route('/')
def hello_world():
    return 'Hello World!'
```

And, honestly, that's it. This is the minimum amount of code you need to create a web app. In your terminal, enter `flask run` to start your server. You'll now see something like `Running on http://127.0.0.1:5000` in your terminal. This is telling us that our site is now live and can be visited at that address in your browser (or localhost:5000)!

You should see the text "Hello World!". Congrats on making your first Flask application! If this tickles your fancy, I suggest you take a look at the (Flask docs) for a lot more info. I also think you should take a look at my [public repo](https://github.com/superhackerboy/ninnycode-b) for Ninny Code! so you can get an idea of what a beefier Flask app looks like :D
Is the Tailwind approach a big step forward for CSS or just-yet-another-thing?
Tags: discuss, webdev, css, healthydebate
Published: 2020-05-17 17:15:32

I've really seen Tailwinds take off lately in "marketshare" as well as "love-share".

{% link https://dev.to/embiem/why-i-fell-in-love-with-tailwindcss-1d1b %}

On the other hand, the CSS ecosystem has been in mayhem for years...

{% link https://dev.to/sangdth/am-i-the-only-one-waiting-for-the-css-war-dies-out-jfo %}

I find the Tailwinds [utility-first approach](https://tailwindcss.com/docs/utility-first) to be a really pleasant way to work with CSS, and CSS and pleasant are rarely used together in a sentence.

...But we've been here before in so many ways. I'd love to get folks' opinions on the CSS space.
What is the stupidest thing you have done at work?
Tags: discuss, watercooler
Published: 2020-05-17 17:12:52

This one time, I pushed some code to my branch and later on I saw that I had pushed the `.env` branch with a lot of secrets on the repo. I panicked. Even more so by seeing that the `.env` file was in all of my commits for that branch. I started looking for git commands that can be used to completely erase the existence of a file from the whole commit history and found a very obsure and VERY long command which for the life of me I can't find again. 

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

Anyways, after a copy paste later, I had created a duplicate commit for each of my commit in the tree. Each pair consisted of one commit that had the `.env` file and one that didn't. My 50 commits became 100 commits and my project lead was of course furious and curious as to why I had pushed 50 more commits at once. I explained the whole situation to him. 

Turns out they themselves had pushed the `.env` file on the master branch and all of the credentials inside it were of the development cluster. When I asked why it is so, they said that the repository is private anyway :shrug:. 

Feel free to share your stupid work story :)
How to find the best MacBook Trackpad replacement
Tags: MacBook, Trackpad, Repair
Published: 2020-05-17 17:04:32

How to find the best MacBook Trackpad replacement Service in Delhi NCR

If you have an Apple MacBook, you are significantly reliant on it for everything official and you can’t afford to be without it at work. Have you ever been in need of Apple MacBook Keyboard replacement or repair? If not yet, someday you might be looking for it. This is because every laptop or electronic device is subject to wear and tear regardless of its cost, brand and the reliability that it comes with.
In case your MacBook keyboard or trackpad happens to damage or malfunction, it’s a reason to worry as you won’t be able to handle your workload anymore. Buying a new MacBook doesn’t sound to be a good idea as it affects your pocket. What is the solution then? Smart users are supposed to find a trustworthy MAC repair service provider instead. Have you found one that guarantees professional and reliable repair services? If not, here comes the actual problem.
Choosing the right service provider for MacBook Trackpad replacement in Delhi NCR could be confusing for many. However, you have a large number of service centres available in the market, not all are as reliable and professional as they claim to be. So, being selective is imperative when it comes to getting your MacBook repaired.
Now let’s have a look into what has to be considered to find the best Apple MacBook Keyboard replacement services. Don’t hand your device to an individual technician or a local service provider who is situated outside the main market. And there are reasons why you can’t trust them. They often charge you more than those sitting in the main market. They don’t have technically-advanced setup and facilities to diagnose and fix your MAC. Moreover, nothing guarantees their work efficiency.
Consider taking MacBook Trackpad replacement from an established service provider, better if it is authorised too. Authorised service providers employ qualified, skilled specialised Apple technicians who better do repair on MAC. One more thing you can consider before choosing a service centre is compare its price with others to ensure a little savings.
Most of MAC repair services are online today. They have their online setup to facilitate their customers. If you don’t have time to visit a physical centre, visit their website and contact them to ensure their reliability, pricing and quality of services.
Reality Engineering
Tags: selfhelp, goals
Published: 2020-05-17 16:52:48

This was originally posted on my blog
https://www.redeving.dev/2020/05/reality-engineering.html


Just a quick blurb as I thought of it in transit before I forget. 

There are a number of things I've found useful in trying to get through things by altering your life inside first. I call it Reality Engineering. 

Focusing your goals. 

Are you ready to do what it takes to achieve your goals? I can't remember where I came across it (I've tried to find out), or even when, but I have adopted it for over a decade, and ... it's helped as a type of litmus test for some of my goals, or aspects of my goals.

It doesn't matter how trivial your goal may seem to others (and who cares?!) It can be for a small step (break your 'reality-program' into modules) or even grander designs.

> Keep Asking Yourself
> 
> What do you have?
> What do you want?
> What will you give up?

So just a 'tip of the hat' to the originator, and whatever forces of chance, guile and hilarity that seem to guide the universe! And as Sylvester the Cat says, "th-thanksss!"
Combining SQL and Astronomy
Tags: sql, astronomy, blog
Published: 2020-05-17 16:51:23

Hi friends - I've been writing a series of blog tutorials on SQL using examples from the field of astronomy. If you are new to learning SQL -- take a look! 

* Black Holes, Planets, and SQL [link [here](https://medium.com/swlh/black-holes-planets-and-sql-5667e74b272a)]
* Touring the Solar System with SQL [link [here](https://medium.com/swlh/touring-the-solar-system-with-sql-b2a9d167b829)]
* Searching for Moons with SQL [link [here](https://medium.com/swlh/searching-for-moons-with-sql-4d803738347c)]

_What topics would you like me to cover in future posts?_