teleren/devto huggingface dataset:
Dual Boot of Linux Mint Cinnamon 19.2 and Windows 10 on Lenovo Yoga 730 - First Impressions

Published: 2019-08-22 07:44:04

Linux Mint 19.2 is brand new. The Yoga 730 is a modern laptop with a touchscreen that flips completely backwards so it can be used as a tablet. It was on sale at Best Buy last week with an I5-8265U processor, 12 GB RAM and a 256GB hard drive for $550 if you were a student or a parent of a student. I picked one up and wanted to detail my experience in case someone picked it up or is thinking about getting one.

For starters, I did not stick with the 256GB SSD. I replaced it with an Addlink S70 1TB PCIE NVME M.2 card I got from Amazon for $124. So, the first thing I did when I got the laptop was to install all Windows updates and flash the BIOS. Then, I selected to create a recovery drive. After the recovery drive was finished, I turned off the computer, turned it over, removed the 10 screws in the back and gently pried off the cover. On the right side (if the battery is on the bottom), you will see the battery plug on the motherboard. Unplug it. Remove the M.2 card, replace it with your new one, plug the battery back in and replace the cover. Start up the computer with the USB plugged in and it will allow you to recover your windows installation onto the new blank SSD.
https://capread.com
Could you review my design, please?
Tags: showdev, design, discuss
Published: 2019-08-22 07:31:47

Well, this could be a horrible experience, but I need a favor to ask.
Could you take a minute of your time to review [the design] for [my recently released side project]: [Code Line Daily], please?

Keep in mind that I am not a designer, and I do not have any education in design principles nor in design tooling.

Now, hit me with the best and the worst of comments. 🙈

Once I gather all the feedback, I would implement it in the current site.

Thanks!

---

The first revision of Author page: https://projects.invisionapp.com/prototype/Code-Line-Daily-cjzlr00lz002fan01i2i608k3/play/a9d28b19

---

Design prototype: https://projects.invisionapp.com/prototype/Code-Line-Daily-cjzlr00lz002fan01i2i608k3/
Project home: https://cld.silvestar.codes



[the design]: https://projects.invisionapp.com/prototype/Code-Line-Daily-cjzlr00lz002fan01i2i608k3/
[my recently released side project]: https://dev.to/starbist/announcing-code-line-daily-4ch5
[Code Line Daily]: https://cld.silvestar.codes
Join our programming community and more
Tags: debate
Published: 2019-08-22 07:14:55

Interested in sharing your opinions on programming, coding, computer science, technology and software engineering topics. Interest in debate? Interested in critiquing other peoples claims? Interested in getting rewarded and earning for debating? Join our unique new debate community? Debate topics like React beats Angular, Kotlin sucks and so much more! Email me infinitumcubed@gmail.com or follow me on Twitter @Zed_Developer and get in touch with me there.
Magento 2 Out of Stock Notification
Published: 2019-08-22 06:56:12

[Magento 2 Out of Stock Notification](https://www.mageants.com/out-of-stock-notification-for-magento-2.html) facilitate store owners to keep track of all customer subscriptions to manage stocks accordingly and notify customers about New stocks, Change Price Product, Sale Off-Product, New Product etc.

**Key Features**

Subscribe to out of stock notifications for guest / not-logged-in customers.

Automatic email notification will be sent when the products are back to stock.

Admin can easily manage the list of subscribed customers.

Support stock alert function and display it in a popup or on a page.

Support setting, changing and customize email template of product stock alert.
How to Develop Ecommerce Website in Magento 2

Tags: webdev, magento
Published: 2019-08-22 06:53:30

Magento is an electronic commerce platform that is built on the open source technology that provides the online merchants with the flexible shopping cart systems.
 
Magento 2 is the robust ecommerce platform for various businesses. With more than 50000 downloads, it is the most popular ecommerce platform in the world. You can develop an ecommerce website in Magento to start your online store with various plug-ins those suite all the business requirements. 
 
 
To develop ecommerce website in Magento has become intense worldwide as the online retailers are choosing the platform for their ecommerce requirements. Magento is important for expanding your sales proposition. The developer can develop ecommerce website in Magento and the extensions to narrow the technology gap. 
In order to develop ecommerce website in Magento, you need to [Hire Magento 2 Developer](https://www.mageants.com/hire-magento-2-developers.html) with great experience in this IT field.  Below some specific tips on how to develop ecommerce website in Magento are given below:

**Choosing the right domain**
 
Are you looking to sell your brand online? Then you need to pick the right domain name.  The most important marketing tool is the brand and web address. Firstly, you must choose right name which is catchy, short and easy to remember. The domain name must be unique as the most obvious names are mostly taken. The good domain name gives your online retail store: 
Easily identifiable brand
Creating professional contact email id which is associated with domain name
Support the SEO tools for marketing
 
**Get Magento installation package along with Magento files on the server**
 
The next step while starting any online store is implementing the Magento installation package from supplier and then put the Magento files on the server.  It is always recommended to make use of the Magento development service to develop ecommerce website in Magento available sooner.
 
**Migrate the store and import products**
 
This is the most simple and easy step. Here, you must manage the warehouse in an effective way.  Price of product, quantity, characteristics, type, and name should be detailed and accurate.  
 
**Conclusion**
Having robust developer’s community, the need to develop an ecommerce website in magento` suits all the current and future business requirements.
Magento 2 Auto Cancel Order
Tags: webdev, magento
Published: 2019-08-22 06:38:35

The [Magento 2 Auto Cancel order](https://www.mageants.com/auto-cancel-order-for-magento-2.html) can cancel the orders those are pending in the backend. With Magento 2 Auto cancel order, the back end tasks become easier.

**Key Features**

Orders with pending payment status at the back end gets canceled automatically
On every canceled order, Admin is notified via email
Email template is to be selected for canceling the notification
Back end process is managed easily with auto cancel order extension of Magento 2
The auto-canceled orders can be viewed in the history

Overview
Worried about customers pending payments? Don’t worry anymore. The Magento 2 Auto cancel order extension directly cancels the orders with pending payments or any other pending orders at the back end. Most of the times, many fake orders are placed on the store with pending payment status, this, in turn, decreases the product quantity and the product goes out of stock. Hence to overcome this issue, auto cancel order for Magneto 2 extension is the best option.
Magento 2 Instagram Integration
Tags: webdev, magento
Published: 2019-08-22 06:32:01

The [Magento 2 Instagram Integration](https://www.mageants.com/instagram-integration-for-magento-2.html) extension allows the sellers to display their products along with the instagram posts. Once you post any photo on instagram, the Magento 2 Instagram integration collects information of that particular image and then displays it on the store.

**Key Features**

·People can post pictures and videos on the product page as well as the home page
·Goes hand in hand with the latest Instagram API
·Fetching of images and videos from Instagram is possible with the username or the hashtags
·Hotspot feature helps to redirect to a particular product
·The displayed images can be controlled by the approved manager

Overview
The Magento 2 extension for Instagram integration helps to fetch the photos on Instagram depending on the username and also allows the Admin to tag any product to showcase the front end popup. for raising the market position, it is advisable to install the Instagram integration extension for Magento 2.
I created Hoppscotch 👽 - Open source API development ecosystem
Tags: showdev, javascript, webdev, productivity
Published: 2019-08-22 06:28:28

# **[Hoppscotch 👽](http://hoppscotch.io)**

## Feel free to contribute on [GitHub 💚](https://github.com/hoppscotch/hoppscotch)

{% cta https://github.com/hoppscotch/hoppscotch %} GitHub → {% endcta %} {% cta https://hoppscotch.io/ %} Web app → {% endcta %}

---

_In case you missed it!_
**Story this far:** I joined Zartek, which is a start-up based in Kochi, Kerala where I work as a full-stack developer.

The story behind Hoppscotch: The very first task I was assigned is an API integration of an old project. That's when I came across Postman API testing tool. Postman has separate builds targeted to each operating system made with Electron. I use a low-end PC and can't possibly afford to run another Electron app. From that moment onwards, I wanted to make an API testing platform which is:

- Open Sourced 💚
- Runs online
- Have multi-platform support
- Have multi-device support
- Accessible from anywhere

That's how Hoppscotch was born (this is not at all an alternative to Postman - yet, it does the job very beautifully and minimally. It needs more features and love which I hope we all can give by [contributing on GitHub](https://github.com/hoppscotch/hoppscotch)).

When I did a background check on API request builders, Postman offered various Plans & Pricing, there were a lot of other API request builders based on cURL, etc. But none of them seems simple, minimal, and efficient.

That's why I created my own API request builder with pure JavaScript (I used Vue.js) + HTML + CSS 💖

Did I mention this service is all free of charge and 100% open source? Yes, It's free and always will be.

The Hoppscotch API request builder helps you create your requests faster, saving precious time on your development.

## Features 🔥
- Send requests to verify your API is ready for launch
GET, PUT, POST, DELETE, OPTIONS (more coming soon)
- Authentication support
- Parameters support
- Request body support
- View Response
- Progressive Web App support
- UPDATE: Added History support
- (more coming soon)

**Features planned for near future for which [I need your help](https://github.com/hoppscotch/hoppscotch).**

- Autocomplete
- Code highlight in response body
- More methods
- ~History~ **UPDATE: Added History support**

🎁 Bonus: Hoppscotch is in dark mode 🌚

# [Demo 🚀](http://hoppscotch.io)

## Feel free to contribute on [GitHub 💚](https://github.com/hoppscotch/hoppscotch)

{% github hoppscotch/hoppscotch no-readme %}
Flutter Quiz App
Tags: dart, flutter, reactnative, javascript
Published: 2019-08-22 05:14:11

**Flutter Quiz App** with Backend helps you to create and run Android and iOS Apps using Flutter & PHP, MySQL backend (Laravel based). It includes the Text & Image-based Quiz, Reports Page and more

**ORIGINAL:** https://codesundar.com/downloads/flutter-quiz-app-with-backend/


## Quiz App Features

### App Screen

- Home Screen
- Topics wise or category wise
- Pick Number of Questions
- Quiz Page / Questions page
- Text and Image-based Quiz
- Progress Indicator
- Results page with Chart
- Detailed Report for Quiz took
- Social Sharing for scores

### Admin Panel Screen

- User Authentication / Admin login & Register
- Manage Questions (CRUD) with Tags
- Tags wise search
- Pagination
- Manage Topics / Categories
- Settings Page

![Flutter Quiz App](https://thepracticaldev.s3.amazonaws.com/i/nbc0oaw8lencard3wv8g.jpg)
Breaking Down the Monolith of `git checkout` in Git 2.23
Published: 2019-10-21 18:52:27

---
title: Breaking Down the Monolith of `git checkout` in Git 2.23
published: true
date: 2019-08-22 05:00:00 UTC
tags: 
canonical_url: https://stolley.dev/linked/breaking-down-the-monolith-of-git-checkout-in-git-223/
---

Great overview of the changes in Git 2.23, care of Taylor Blau on the GitHub.com blog:

> Git 2.23 brings a new pair of experimental commands to the suite of existing ones: `git switch`and `git restore`. These two are meant to eventually provide a better interface for the well-known`git checkout`. The new commands intend to each have a clear separation, neatly divvying up what the many responsibilities of git checkout, as we’ll show below.

The perennially overloaded `git checkout` command is a notable piece of difficult CLI in an already challenging suite. I can easily imagine myself tripping over the old flags, though, as in the comparable `git checkout -b` and `git switch -c` commands for immediately creating and checking out a branch. Because `git checkout` is used in so many different contexts, it’s its flags and argument patterns that are most memorable to those who use Git every day.
Azure Network Service Tutorial
Tags: azure, azurevirtualnetworks, azurevirtualmachines
Published: 2019-08-22 01:51:42

In this tutorial I’m going to show how to:

•	Create new Resource Group
•	Create a Virtual Network and associate it with Resource Group
•	Add Subnet to Virtual Network
•	Add Virtual Machines to the Virtual Network
•	Remote in to a Virtual Machine

At the end of this tutorial we will be ending up with a network topology which will look something like bellow.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/an4pyhysozcfzf89q2i2.JPG)

You can find the PDF version of this tutorial [here](https://github.com/patricksameerajayalath/AzureTutorials/blob/master/Azure%20Network%20Services.pdf).

You can find all my Azure/.Net tutorials [here](https://dev.to/patricksameerajayalath).

Enjoy !!
Comments in D
Tags: dlang, tutorial
Published: 2019-08-22 01:43:44

In my continued attempts to write in Python, I desired to comment out some code. I tried an assortment of styles including ; but I still had to search because I had forgotten #

D follows the C++ comments.

```dlang
// single line
/*
  Multi-line
*/
```

It goes a step further with nested comments. 


```dlang
/*
/*
  Multi-line
*/
This is not a comment 
*/

/+
/+
  Multi-line
+/
We are still a comment
+/
```

If you place an additional character in the comment start, then these comments are eligible for documentation generation.

```dlang
/// Document comment
/** doc comment */
/++ comment for docs +/
```

Well D does not stop there and provides a different way to prevent code from compiling. 

```dlang
version (none) {
    auto var = 85;
}
```

It is still run through the parser, but otherwise is not required to compile successfully.
Chunking Arrays in Javascript
Tags: sqlite, javascript, typeorm, array
Published: 2019-08-22 01:34:56

---
title: Chunking Arrays in Javascript
published: true
description: Converting an array of data into an array of arrays, of data, to overcome an SQLite run-time limit.
tags: sqlite,javascript,typeorm,array
---

I recently ran into an issue inserting large data into an SQLite database on my react native app. I had purposely created a large mock data set to test what would happen should the user attempt something similar.

And I instantly ran into an SQLite limit, specifically number 9.

- https://www.sqlite.org/limits.html

```
QueryFailedError:
too many SQL variables (code 1 SQLITE_ERROR):, while compiling:
INSERT INTO "table_name"("Id", "columnOne", "columnTwo") VALUES (...)
```

Apparently, this is to protect against excessive memory allocation. You can read more about it in the link above.

The problematic query:

```ts
// TypeORM
await connection
  .createQueryBuilder()
  .insert()
  .into("table_name")
  .values(largeArray.map(item => item))
  .execute();
```

What we can do here is chunk our data. We can then run multiple queries instead of just one to insert the same amount of data.

To illustrate the data that we currently have, I'll use an array of strings:

```js
const beforeChunking = ["1", "2", "3", "4", "5"];
```

What we want to have is arrray of arrays with a specified chunk size. For example with a chunk size of `2`:

```js
const afterChunking = [["1", "2"], ["3", "4"], ["5"]];
```

We can go about achieving this by utilizing `splice()`. We create a function that takes in the data to chunk and the required chunk size.

```js
const getArrayAsChunks = (array, chunkSize) => {
  let result = [];
  let data = array.slice(0);
  while (data[0]) {
    result.push(data.splice(0, chunkSize));
  }
  return result;
};
```

`splice()` will remove elements from `data` the size of `chunkSize`. The remaining elements will move backwards in the array so everything works out.

Now we can run our insert query(ies) like so:

```js
const chunksArray = getArrayAsChunks(largeArray, 100);

chunksArray.map(async oneChunk => {
  await connection
    .createQueryBuilder()
    .insert()
    .into("table_name")
    .values(oneChunk.map(item => item))
    .execute();
});
```

This took less than two seconds to insert ~2000 rows on a low-end android phone, so I left it at that. But one performance improvement we can make here is to define the SQL query ourselves, rather than let our ORM handle that; generating the query many times over incurs a cost.


---------

This article was originally posted on my [blog](https://osamaq.com/chunking-arrays-in-javascript/).
Ultimate web app requirements list
Tags: web, dev, knowledge, experience
Published: 2019-08-22 00:35:08

---
title: Ultimate web app requirements list
published: true
description: The ultimate list of web app requirements.
tags: web, dev, knowledge, experience
---

I'have been working on creation of web applications around 18 years of my life. Since the time when I started the Web has been changed from simple "Internet with services" to what we have today. And now developers working on a new web application should make hundreds of decisions and learn a lot of stuff. Lets' collect all requirements and things to do/know as a list to share experience.

Order of items doesn't represent importance.

_Also it would be awesome if you'll share your experience to complete it or help with advise how to organize it better._

## Production

### Client requirements

* HTML rendering/manipulation.
* Navigation/history manipulation.
* i18n.
* Input/Output validation.
* Input/Output infiltration.
* Frontend delivery.
* CSS methodology.
* HTML semantic markup.
* Accessibility attributes (ARIA).
* OpenGraph metatags.
* SearchEngines metatags.
* OS specific metatags.
* Manifest.json.
* Service worker.
* Versioning and migrations.
* Transport encoding.
* Minimal runtime support.
* Synchronization strategy.
* Usage statistics measurement.

### Server requirements

* HTML rendering/manipulation.
* i18n.
* Input/Output validation.
* Input/Output infiltration.
* HTTP API architecture.
* Web Server/Balancer.
* API Server.
* HTTP Security management: CSP, CORS.
* Authorization.
* CI/CD.
* Roles managements.
* User notification/feedback.
* Data Storage.
* Logging.
* Caching.
* Services communication.
* Client data encryption.
* Process monitor.
* Versioning and migration.
* 2FA.

### Environment requirements

* Code delivery.
* Infrastructure deployment.
* Access management.
* System reboot strategy.
* Instance communication encryption.

## Development

### Client requirements

* JS compiler/transpiler.
* CSS compiler.
* Bundler.
* Accessibility check.
* Performance measure.
* Tests.
* Regression tests.
* Debugger.

### Server requirements

* API Documentation.
* Environment manipulation.
* Stage deployment.
* Tests.
* Regression tests.
* Debugger.

### Environment requirements

* Architecture description.
* Key management.
* Data storage organization.

This is the first iteration for the utter guide of a modern web developer knowledges. Hope it will help others to understand what to learn next and where to move on their carrier way.
CSS Grid : Auto-Fit & Auto-Fill
Tags: css, webdev
Published: 2019-08-22 00:05:04

In CSS Grid when using repeat, instead of a set number of times, we can use auto-fit or auto-fill.

By using one of these properties we can create a responsive grid container without the need of extra media queries.

Let’s imagine we want to build a 5 column grid container, we can quickly do that by adding a couple of css lines to our div container:

```css
.grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
```

To use **auto-fit** or **auto-fill** properties, first we need to use the minmax property in our grid, minmax will let you define the minimum and maximum width of each column in our container.

Lets refactor our code to use minmax property, in this particular case I will define 150px as minimum and 1fr as maximum, 1fr will allow for each column to stretch evenly if we have space on the container :

```css
.grid-container {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
}
```

I added a couple extra lines of css just to make things easier to see.
Let’s check that code in action [here](https://codepen.io/nuno-pereira/pen/ZEzBQLz) !

Great, we have a 5 column grid layout that is working as expected but as soon as we try to view our grid on smaller devices we notice that it’s not responsive.

Let’s implement the **auto-fit** property and see the differences:

```css
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
```

And with this simple change suddenly we have a responsive 5 column grid layout, let’s see it in action [here](https://codepen.io/nuno-pereira/pen/JjPbGNR) !

Now we have a fully responsive 5 grid container without the need to use any media query.

The difference between using **auto-fill** and **auto-fit** for sizing columns is only noticeable when the row is wide enough to fit columns in it.

If you’re using **auto-fit**, the content will stretch to fill the entire row width whereas with **auto-fill**, the browser will allow empty columns to occupy space in the rows.

Let’s see the same example we have been using but now with the auto-fill property in action [here](https://codepen.io/nuno-pereira/pen/zYOozPe) !

And that’s it, hope you enjoyed this small tip on CSS Grid properties.
What's your developer origin story?
Tags: discuss
Published: 2019-08-22 00:01:55

Today I was listening to episode 1 of the [Ladybug podcast](https://ladybug.dev/episode/new-career-who-dis/) (which is great - you should definitely check it out) where they described how they all got started in tech.

So I thought I'd ask the community: **What's the story of how you learned to code?**

Here's mine:

- When I was 12, I found out that you could program in BASIC on our old ATARI 800.  I made some funny beeps and drew some awesome lines on the screen 🤘

- I loved computers, but didn't touch code again until high school, when I picked up HTML for the first time

- I spend a stupid amount of time trying to make rounded corners on divs before `border-radius` existed

- Finally, in college, I took my first CS class in JAVA

- I got my first job doing Ruby on Rails; which was the first programming language I felt like I could *think* in

- Now I'm a web and mobile developer - and I still think it's magical that I can make a computer do stuff just by typing ✨

**SO:** *What's your developer origin story?*