teleren/devto huggingface dataset:
My TOP 20 VSCode extensions
Tags: vscode, beginners
Published: 2021-01-21 09:16:23

I'm VSCode fan, this is my 20 VSCode extensions in my workflow. A special description for my top 3.

1-TabNine is the most powerful extension for autocomplete and help with your code.
https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode

2-Abbracadabra: Amazing refactor helper.
https://marketplace.visualstudio.com/items?itemName=nicoespeon.abracadabra

3-SimonTest: the most powerfull helper for test generation https://marketplace.visualstudio.com/items?itemName=SimonTest.simontest

4-SonarLint https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode

5-Error Lens (where is my error) https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

6-Preview webserver in VSCode https://marketplace.visualstudio.com/items?itemName=yuichinukiyama.vscode-preview-server

7-Live webserver https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

8-Live Sass compiler https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

9-Jest https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest

10-Jest Test Runner in VSCode https://marketplace.visualstudio.com/items?itemName=firsttris.vscode-jest-runner

11-ES6 Snippets https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

12-Hocus pocus (improve speed coding with typescript) https://marketplace.visualstudio.com/items?itemName=nicoespeon.hocus-pocus

13-Gitlens https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

14-GitIgnore (allow add item to git ignore easy) https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore

15-ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

16-es7 react snippets https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

17-bracket pair  https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

18-Babel https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring

19-Angular Files https://marketplace.visualstudio.com/items?itemName=alexiv.vscode-angular2-files

20-Angular Essentials https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials

<span>Photo by <a href="https://unsplash.com/@seffen99?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Sven Brandsma</a> on <a href="https://unsplash.com/s/photos/extension?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
Top considerations to improve Cloud migration ROI
Tags: cloud, cloudmigration, roi, cloudassessment
Published: 2021-01-21 09:15:53

Once you decide to go for [Cloud migration](https://ter.li/y85sp9), you should look into factors that determine the success of it. Most of it lies with the knowledge and potential of converting on-premise usage to Cloud, forecasting and estimating capacity needs and cost models, ensuring teams’ resonance with migration process. Though the cost savings are a great opportunity to drive business for Cloud, there are a lot of concerns circling Cloud migration and ROI that makes it difficult to calculate the upfront cost implementation. To eliminate this issue, you need to understand the requirement better and plan effectively by proper assessment. Here are the major elements that you need to look into before embracing Cloud migration.

**Data usage analysis:**

Not many companies have a thorough understanding of their infrastructure so you should be able to assess the environment, application inventory and collect data usage reports to understand the requirements. This analysis that you need to do for at least a month should involve the validation of data used during peak workload times for a better picture.

**Cost Analysis:**

When you complete the data analysis, you need to start estimating the cost and perform a detailed analysis on the following

· Base Cost of running the environment in its present state

· Migration cost from current environment to Cloud

· Retained cost post migration that continues from your base cost

· Design analysis cost to improve the infrastructure

Yet another significant factor to consider is the cost of establishing the additional standards of security and governance. This could help in earlier identification of applications to be decommissioned.

**Architecture Analysis:**

Your existing architecture may have the facilities to leverage the benefits that cloud would provide. Therefore, a complete analysis on the architecture is necessary to identify the areas to implement any optimization that suits the new environment post migration

By this you can now create a valuable plan where your migration focuses on three major elements like

· Understand the new challenges and its impact on the business to define the value of migration

· Derive the right solution based on assessments to explore option to innovate

· Design the migration based on data and infrastructure requirements of your organization

Measuring growth depending on ROI may not always to direct so these assessments and analysis are important to link the objectives of your business and ROI estimations. You can move your applications to Cloud with the help of effective estimations of ROI using a [cloud readiness assessment tool](https://ter.li/3d3xjv) that gives you insights on the above mentioned analysis that aids you in validating your design, infrastructure; assisting in making your business cloud- ready and compliant to market standards and detecting threats to avoid them are early stage. With these considerations, you shall be ready to make wise investments decisions based on these reports while you migrate to Cloud.
Spree Commerce vs. Shopify Comparison in 2021
Tags: shopify, spreecommerce, technology
Published: 2021-01-27 18:36:51

---
title: Spree Commerce vs. Shopify Comparison in 2021
published: true
date: 2021-01-21 09:11:14 UTC
tags: Shopify,SpreeCommerce,Technology,spreecommerce
canonical_url: https://www.botreetechnologies.com/blog/spree-commerce-vs-shopify-comparison/
---

![Spree Commerce vs. Shopify Comparison in 2021](https://www.botreetechnologies.com/blog/wp-content/uploads/2021/01/spree-commerce-vs-shopify.jpg)

Are you looking to start your online store? An eCommerce business can multiply your sales, help you reach more customers, and become well-known in different regions. 

While exploring how to build an eCommerce store, you have probably come across Spree Commerce and Shopify. Both are fantastic options for [building eCommerce websites](https://www.botreetechnologies.com/blog/why-you-should-build-your-e-commerce-website-with-ruby-on-rails-in-2019/). 

[Spree Commerce development services](https://www.botreetechnologies.com/spree-commerce-development) focus on building an eCommerce platform for scratch. It is known as the “Spree Commerce Platform,” where you develop a store but host it elsewhere. 

When you hire a Shopify app development company, you get your store hosted on Shopify. The company will design the entire Shopify store for you without heavy coding at the backend. 

***In this article, we will have a comparison of [Shopify app development](https://www.botreetechnologies.com/blog/shopify-ecommerce-store-development/) and Spree development. We will discuss the following:- 

 - What is Spree Commerce?
 - Pros and Cons of Spree Commerce
 - What is Shopify?
 - Pros and Cons of Shopify
 - Which platform is best for your store?

Hopefully, by the end of this article, you’ll be able to make a decision regarding the platform that can better serve you. Our aim is to guide you through the process and provide services that can assist in the growth of your eCommerce business.

###What is Spree Commerce?
 
![Spree Commerce advantage and disadvantage](https://www.botreetechnologies.com/blog/wp-content/uploads/2021/01/pros-and-cons-spree-commerce-1.png)

Spree Commerce was built for Ruby on Rails. It is an e-commerce development platform – and not a solution. Since it is an [open-source eCommerce framework](https://www.botreetechnologies.com/spree-commerce-development), Spree is continuously updated by the worldwide community of coders. The platform is available on Github that any e-commerce developer can use. 

The post [Spree Commerce vs. Shopify Comparison: Which eCommerce Platforms to Choose in 2021](https://www.botreetechnologies.com/blog/spree-commerce-vs-shopify-comparison/) appeared first on [BoTree Technologies](https://www.botreetechnologies.com/blog).
Apa itu senja, ternyata banyak yang belum tahu
Tags: filosofi, katakatabijak, kangwiwid
Published: 2021-01-21 08:59:28

Apa itu senja menjadi sebuah pertanyaan yang membuat kita berpikir kearah mana tanya ini menuju. Senja selalu menampakkan keindahan dari semburat warna merah yang keluar dari sang surya. Lantas apa itu senja?

Senja adalah waktu peralihan dari siang ke malam. Senja atau disebut juga dengan petang adalah kondisi setengah gelap ketika matahari mulai tenggelam, namun sisa cahayanya masih membekas di langit. Bagian waktu senja ini antara pukul 5 sore sampai pukul 7 malam.

Banyak orang menanti datangnya senja atau hanya ssekedar untuk melihat indahnya kilau warna merah, orange, dan kuning di cakrawala barat. Namun, sebenarnya senja itu bukan sore, tetapi dia adalah bagian waktu setelah sore.

Senja tercipta karena pergeseran waktu atau perbedaan waktu yang timbul oelh pergerakan bumi. Secara umum kita mengenal waktu sebagai fajar, pagi, siang, sore, senja, dan malam. Disini bisa kita lihat bahwa senja berbeda dengan sore, namun dia berada diantara sore dan malam.

Jadi, menjawab pertanyaan apa itu senja, dapat kita simpulkan bahwa senja adalah keadaan setengah gelap ketika matahari sudah tenggelam sepenuhnya, namun semburat sinarnya masih bisa ditangkap oleh panca indera kita.

Sedangkan sore adalah kondisi matahari belum terbenam namun sudah memantulkan warna merah dan kuning. Ketika ini, mata kita masih bisa menangkap cahaya dan pantulan benda.

Senja sering kali dilukiskan dengan kata-kata filosofi dan menjadi sebuah kata-kata bijak untuk memberikan keindahan tentang alam raya ini. 

Source : https://kangwiwid.com
This Is a Lorem Ipsum Blog
Published: 2021-01-21 08:48:58


#What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum


#Where does it come from?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

#Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humor and the like).
A Brief History of Web Design Tools And the original sin
Tags: webdev, design, tooling
Published: 2021-01-21 08:14:59

I went back in time and asked - How much have design tools changed since the dawn of Xerox technologies in the 80s? Have the basic conventions shifted much? Let’s find out that and more.
Medium Post -> https://medium.com/relate/a-brief-history-of-web-design-tools-9a75aff2d861
Building Serverless Services with AWS CDK
Tags: awscdk, iac, python, aws
Published: 2021-06-14 07:28:52

---
title: Building Serverless Services with AWS CDK
published: true
date: 2021-01-21 08:08:20 UTC
tags: awscdk,iac,python,aws
canonical_url: https://medium.com/analytics-vidhya/building-serverless-services-with-aws-cdk-478315b45fb8
---

[![](https://cdn-images-1.medium.com/max/1982/1*tJ6h4ib27qxhqGelU_Pgfg.png)](https://medium.com/analytics-vidhya/building-serverless-services-with-aws-cdk-478315b45fb8?source=rss-6a5fd2acfac------2)

Create serverless services in a reliable and reproducible manner using AWS CDK and Python.

[Continue reading on Analytics Vidhya »](https://medium.com/analytics-vidhya/building-serverless-services-with-aws-cdk-478315b45fb8?source=rss-6a5fd2acfac------2)
Predictable Pan Card Generation Algorithm.
Tags: algorithms, showdev
Published: 2021-01-21 08:00:29

---
title: Predictable Pan Card Generation Algorithm.
published: true
description: algorithm to generate indian pan card number in lexical order
tags: algorithm, showdev
---
In any fintech company in India, an important data point is the user's pan number which is used as primary identification. 

A common strategy used in creating test users in such an application is generating a random pan number but one drawback with this approach is any newly generated pan should be checked against the database if it already exists to avoid a collision.

The better way is to serially generate the pan numbers to avoid a collision.

I believe it's an interesting problem of generating Pan Card numbers serially so I wrote an algorithm to do the same which would predictably generate a pan card number for a given number x.

Github: [pan-number-generator](https://github.com/SrikanthYashaswi/pan-number-generator)

This could be used be imported in test cases to generate unique pan numbers and while masking pan data for production dumps.

The series would go as:
```
  'AAAAA0000A',
  'AAAAA0000B',
  'AAAAA0000C',
  'AAAAA0000D',
  'AAAAA0000E',
  'AAAAA0000F',
  'AAAAA0000G',
  'AAAAA0000H',
  'AAAAA0000I',
  'AAAAA0000J',
  'AAAAA0000K',
  'AAAAA0000L',
  'AAAAA0000M',
  'AAAAA0000N',
  'AAAAA0000O',
  'AAAAA0000P',
  'AAAAA0000Q',
  'AAAAA0000R',
  'AAAAA0000S',
  'AAAAA0000T',
  'AAAAA0000U',
  'AAAAA0000V',
  'AAAAA0000W',
  'AAAAA0000X',
  'AAAAA0000Y',
  'AAAAA0000Z',
  'AAAAA0001A',
  'AAAAA0001B',
  'AAAAA0001C',
  'AAAAA0001D',
  'AAAAA0001E'
```
Composable Named Entities in Apache NLPCraft
Published: 2021-01-21 07:36:08

Most of the NLP tasks start with the basic challenge - how to find or detect something in the text. Whether you are designing a search engine, conversational interface or some sort of classificator you will likely start with a problem of how to detect named entities in the input text. These named entities can be universal such as dates, countries, cities as well as domain specific for your model. It is also important to note that we are talking about a class of NLP tasks where you actually know what you are looking for.

https://nlpcraft.apache.org/blogs/composable_named_entities.html
New money idea in HTML, CSS and ECMAScript
Tags: banking, html, css, javascript
Published: 2021-01-21 07:22:18

Some time ago I wondered how money was different from sea shells. I began to study banking and become the idea to create my own banknote.

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

I have carefully reviewed existing moneys and reproduce them in HTML, CSS and native ECMAScript.

Main protection technology of this note named Lave(international XLV) based on watermark and guilloche print. Design of this cache also based on View Port Units and support any screen resolution(to 8k and more).

Banknotes is reponsive and canvas element contains guilloche print adaptive to screen resolution.

You can look at the cash in internet browser here: https://revolvercmf.ru/extra/RevolveR-money/index.html

So. The money is developed and I'm going to open my own bank.
Coding and Programming Classes for kids in Bangalore
Tags: codingkids, coding, programming, scratch
Published: 2021-01-21 07:15:31

Coding and Programming Classes for kids
 ( https://saswath.academy/courses/scratch-coding-for-kids )
Scratch is an amusing and easy way to learn programming. Children can do programming by simply dragging and dropping code blocks in the order they want and the program does perform actions in the same manner. There are hints for the coder to pick as they use the blocks for coding, as each block is shaped differently to suggest what is used for by the grooves present in the block. The grooves establish connectivity either at the top or bottom. If it doesn’t have that, it cannot be part of the code. The colors on the blocks are also of huge help to understand the computing concepts. As the children learn the coding, there is so much fun and live-action for the kids to see and make them laugh, interact, and dance as well. It’s a place where your kids could be the next avid computer game designer, an aspiring animator, or budding artist as well.
I updated by blog - CodePulse.blog is now TuomoKankaanpaa.com
Tags: jamstack, wordpress, webdev, javascript
Published: 2021-01-21 07:14:44

First of all, Happy New Year!

I have been blogging for about three years now. Back in 2018 when I first started, I created a Wordpress blog and gave it a name CodePulse.blog. This blog has also served as my personal website but the main focus has been on the blog though.

![CodePulse blog](https://dev-to-uploads.s3.amazonaws.com/i/b00kzn24b40ziah87ygv.png)

Now, three years later, I decided that I want to update the blog and website. In the process I decided to move the blog under my own name. So from now on you find my blog and website from [tuomokankaanpaa.com](https://www.tuomokankaanpaa.com).

![New tuomokankaanpaa.com website](https://dev-to-uploads.s3.amazonaws.com/i/y6uefm1xe95x8l9a8o5l.png)

I have coded the new website on my own using JAMstack and I no longer use Wordpress. I had such a good time working on this new website and I learned a bunch of new stuff along the way. I will be writing more detailed explanation of the process, so [go and subscribe](https://www.tuomokankaanpaa.com/newsletter) to my email newsletter so you don't miss those posts.

That's all for now. I am excited of this upcoming year and I have lots of stuff planned, so stay tuned!
The Maker Show: Making The Skull 💀
Tags: themakershow, iot, arduino
Published: 2021-01-21 06:52:10

The Maker Show is series of monthly one hour show for developers hosted by [Sherry List](https://twitter.com/sherrrylst) and [Goran Vuksic](https://twitter.com/gvuksic). On each episode we highlight tools and projects from the community that can inspire new creations and inventions.

In first episode in 2021 we had [Uri Shaked](https://twitter.com/jimbobbennett) as a guest speaker about "Making The Skull", a mind-bending Arduino based hardware puzzle.

![The Maker Show](https://dev-to-uploads.s3.amazonaws.com/i/54oc7vmp4w8thvaxvryf.png)

Uri is a Maker who loves voiding warranties; Currently building AVR8js, an open-source AVR simulator in JavaScript and working on "The Skull", an ATtiny85 reverse engineering puzzle.

![The Skull](https://dev-to-uploads.s3.amazonaws.com/i/cl01kg3j4ouc873ubych.jpg)

Uris blog post with the details of manufacturing in China can be found [here](https://blog.wokwi.com/pcb-assembly-service-review-allpcb-china/), and here's the story of making his first PCB: ["Electronics with a Personal Touch, the Hard Way and the Easy Way"](https://blog.wokwi.com/wokwi-electronics-with-a-personal-touch/). You can also read more about his first CTF, that he made and sold on Tindie, year before the skull, in the blogpost [here](https://blog.wokwi.com/capture-the-flag-shitty-add-on/).

Feel free to check out recording of the show:

{% youtube 4phsVKCABYs %}

Follow us on our [ForDevs Twitter](https://twitter.com/fordevs_) account if you would like to be notified when our next show will be announced. You can also join our [Meetup group](https://www.meetup.com/ForDevs) and subscribe to our [Youtube channel](https://www.youtube.com/channel/UCedB8U57bDW8WqH0_eQ4jag).
Test Automation
Tags: testing
Published: 2021-01-21 06:32:50


Software testing is the process of evaluating the actual software product meets expected requirements and ensuring that the software product is defect-free.

Test automation is using tools to do repetitive testing tasks to reduce human intervention and achieve higher effectiveness. 


###**Benefits of Test Automation**

* Speedup test execution
For example, to test a single API call by a human might take few minutes but with automation, it can be done in seconds likewise it is faster.


* Avoids human errors
Machines are less error-prone. So we can reach high accuracy with these repetitive tasks.


* Unattended execution
Large test cases can be run even at night without humans


* Test what manually impossible
For example, testing a function with 1000 inputs manually is quite impossible. But with automation, we can do it easily.


* Less cost
Automation tools are cheaper than humans.

###**Types of Automated Testing**

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

In the software testing process unit testing covers a large portion. So it lies on the bottom of the pyramid. Then automated component tests, automated integration tests, automated API tests, automated e2e tests lie on the pyramid. 

Manual exploratory tests cannot be automated. Those tests are done by testers with experience in the system. 

###**Available Tools and Technologies for Test Automation**

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

###**Test Automation Frameworks**

Test Automation framework is a supporting structure with rules, guidelines tools to automate the testing process.

* Linear Automation Framework
* Modular Based Testing Framework
* Library Architecture Testing Framework
* Data-Driven Framework
* Keyword-Driven Framework
* Hybrid Testing Framework

###**Advantages of Using a Test Automation Framework**

* Increase reusability
* Increase maintainability
* Reduce complexity
* Improved reporting
* Improves error handling
* Improved productivity

To gain the maximum benefits of using a test automation framework, we should define the scope of automation and we should select the right automation tool and framework. For this, we should have a better understanding of the testing pyramid. And we should follow standard scripting standards and also we should consider the team's preference based on their experience.
Tailwind sidebar
Tags: tailwindcss, css, html, framework
Published: 2021-01-21 06:17:35



Today I show you how to build Sidebar with tailwind easily. For me Tailwind is the best framework for css. Its classes makes sense

This demo for this project is here 

https://sidebar-tailwind.surge.sh/

git clone 

https://github.com/skarthickkannan/Tailwind-sidebar-project

For sidebar we use aside element some tailwind classes 

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

For main content we use main element also some tailwind classes

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

and inside main content there is a div and i repeating that for 4 or 5 times to like a more posts

And that's all. Thanks for being here.