teleren/devto huggingface dataset:
CONTRIBUTING: M365 CLI
Tags: opensource, hacktoberfest, opensourceoctober, microsoft365
Published: 2020-10-16 14:25:41

> Leading up to (and during) the month of October, we want to help you discover open source projects to work on, and put your Hacktoberfest contributions to excellent use. Meet [Rabia](https://www.twitter.com/williamsrabia), [Albert-Jan](https://www.twitter.com/appieschot) and [Garry](https://twitter.com/garrytrinder), working on the [CLI tool for Microsoft 365](https://aka.ms/cli-m365) projects.   
> ######*Check out [this page](https://www.contributing.today/) regularly for more interviews with contributors & maintainers*######

Rabia is a Cloud Advocate at Microsoft, Albert-Jan is a Dutch [MVP](https://mvp.microsoft.com/) for Office apps and services, and Garry is a Microsoft MVP from the UK.

**What can you tell us about your project?**
Using the CLI for Microsoft 365 you can manage your M365 tenant, and SharePoint Framework projects.

**What contributions are you welcoming?**
We welcome many different types of contributions to the project - from fixing something in our documentation to updating a command or creating a whole new command. We have tons of Issues listed on our repo where you can go in and take a look. When you're new to the repository and have never contributed before, look out for the `good-first-issue` labelled Issues to get involved with.  

**What skills do people need to contribute?**
Common sense, really. We have a couple of appropriate `good-first-issue` entries, documentation on the "[minimal path to awesome](https://github.com/pnp/cli-microsoft365/wiki/Minimal-Path-to-Awesome)", which is everything you'll need to get building. We manage everything in the open, so if you have any questions or feedback, you can raise an Issue, check the wiki for guidance, or start a [Discussion on GitHub](https://github.com/pnp/cli-microsoft365/discussions). 

Whether you want to add a new command, update our Docs, or write sample scripts, we're here for all of it! 

**How do folks get started?**
Set up your dev environment using the [minimal path to awesome](https://github.com/pnp/cli-microsoft365/wiki/Minimal-Path-to-Awesome) guide, and check the [Contributing guidelines](https://github.com/pnp/cli-microsoft365/blob/master/CONTRIBUTING.md) to get started

*Check [contributing.today](https://www.contributing.today/) regularly for more interviews with contributors & maintainers, as well as online events to help you get involved in open source.*
🚀10 Trending projects on GitHub for web developers - 16th October 2020
Tags: react, webdev, javascript, typescript
Published: 2020-10-16 14:24:21

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

### 1. Module Federation Examples

This repository is to showcase examples on [Webpack 5's](https://webpack.js.org/blog/2020-10-10-webpack-5-release/) new Module Federation can be used.

{% github module-federation/module-federation-examples %}

---

### 2. Matter.js

Matter.js is a JavaScript 2D rigid body physics engine for the web

{% github liabru/matter-js %}

---

### 3. React-Grid-Layout

React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.

{% github STRML/react-grid-layout %}

---

### 4. qiankun

An implementation of Micro Frontends, based on single-spa, but made it production-ready.

{% github umijs/qiankun %}

---

### 5. React Flow

React Flow is a library for building node-based graphs. You can easily implement custom node types and it comes with components like a mini-map and graph controls.

{% github wbkd/react-flow %}

---

### 6. Pre-trained TensorFlow.js models

This repository hosts a set of pre-trained models that have been ported to TensorFlow.js. The models are hosted on NPM and unpkg so they can be used in any project out of the box. They can be used directly or used in a transfer learning setting with TensorFlow.js.

{% github tensorflow/tfjs-models %}

---

### 7. Fluid

The Fluid Framework is a TypeScript library for building distributed, real-time collaborative web applications.

{% github microsoft/FluidFramework %}

---

### 8. Locomotive Scroll

Detection of elements in viewport & smooth scrolling with parallax effects.

{% github locomotivemtl/locomotive-scroll %}

---

### 9. Fingerprint.js

Modern & flexible browser fingerprinting library

{% github fingerprintjs/fingerprintjs %}

---

### 10. Docusaurus 

Docusaurus is a project for building, deploying, and maintaining open source project websites easily.

{% github facebook/docusaurus %}

---

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Started OPEN SOURCE !!!
Tags: hacktoberfest
Published: 2020-10-16 14:11:37

## What I Learned From Hacktoberfest

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
I was always willing to start my open source journey but did not knew the first steps . With Hacktoberfest , the boost was enough to get the journey started . I am thankful to the community and its time to return to our wonderful society.
My first Hacktoberfest..
Tags: hacktoberfest
Published: 2020-10-16 14:10:56

## What I Learned From Hacktoberfest
It was a wonderful learning experience for me, to work on something like this. I got an opportunity because of #hacktoberfest to be a part of this world-wide fest. I got to learn a lot and also to understand and debug projects of others in the community. Also, I was pointed out with some bugs in my own repositories by others and it was a great way for me to learn from my mistakes.
Thankyou @DigitalOcean
#hacktoberfest
Magento 2.4.1 Release Notes
Published: 2020-10-16 14:02:23

Hello Magento Folks 👋,

Latest news 📢, Magento has released Magento 2.4.1 on 15th October 2020. Magento 2.4.1 release notes bring the new updates for Magento OpenSource and also Magento Commerce. Let’s discover what the latest Magento version has to offer 🚀

Magento 2.4.1 release includes samesite attribute cookie support, enhanced security scan tool, added CAPTCHA protection, and improvements in performance, infrastructure, and security. Apart from this, the latest Magento release covers GraphQL, PWA studio, and New Media Gallery.

#**Security Enhancements:**#

The release includes 15 security improvements and fixes.
CAPTCHA protection is the add on with Magento 2.4.1 for payment and place order related REST and GraphQL endpoints.
Support for Samesite cookie update for Magento classes that handles cookies.
Enhanced Security scan tool for merchants to get actual insights of their site security.

#**New Media Gallery:**

The new media gallery will be enabled by default in the admin of Magento 2.4.1.
Now, the admin can delete the images in bulk.
Remove repeated images and the ones that are not used in-store frontend.
Filter images based on category images, product images, and CMS blocks.
Work and edit image metadata. Also, search for images by their metadata.

#**GraphQL:**

The customers and guests can add product reviews and even look for the review history.
The customers and guests are able to include gift options like gift wrapping, gift receipts, and printed cards.
The customers can look at their order history, which includes invoice, shipping, and refunds.

#**PWA Studio:**

PWA Studio v8.0.0 has new features and enhancements.
Betterment in the Venia mini-cart experience.
Several improvements to the My Account experience of the Venia storefront.
Upgrade the Venia style guide to apply design tokens, typography, color, core components, and page layouts.

#**Infrastructure Improvements:**

The release notes brought improvements in the quality of framework and functional areas which include customer account, catalog, CMS, OMS, Import/Export, Promotion and Targeting, Cart and Checkout, staging, and Review.

#**Performance Improvements:**

A decrease in the size of network transfers between Redis and Magento.
Enhanced run time for the bin/magento commands.
Improved message queue consumer performance.

#**Magento Commerce 2.4.1 update highlights:**

Page builder now supports full screen that enables easy editing of content.
B2B merchants can control shipping methods that are offered to other companies.
The merchants can now allow customers to clear the shopping cart items in a single action.
Magento Commerce 2.4.1 also brings new features for admin.

#**Final Words:**

Therefore, catching up on the new features and updates with Magento 2.4.1, download the latest Magento 2 version, and enhance your store. Get more info on the latest Magento 2.4.1 release notes, in our recently published article, [**Magento 2.4.1: Release Notes (Everything You Need to Know)**](https://magecomp.com/blog/magento-2-4-1-release/).

Happy Upgrading 😊

The Blog Published by TEAM MageComp with ❤️
How to print a WooCommerce order with a kitchen receipt printer
Tags: woocommerce, wordpress
Published: 2020-10-16 13:58:53

---
title: How to print a WooCommerce order with a kitchen receipt printer
published: true
description: How to print a WooCommerce order with a kitchen receipt printer 
tags: WooCommerce, WordPress
//cover_image: https://direct_url_to_image.jpg
---

I printed the orders I received on WooCommerce to the kitchen receipt printer.

The environment I used is as follows.

- H/W
  - [mC-Print3 MCP31LB BK](https://www.star-m.jp/products/s_print/mcprint/sp01_13.html)
- S/W
  - [WooCommerce](https://ja.wordpress.org/plugins/woocommerce/)
  - [Star CloudPRNT for WooCommerce](https://wordpress.org/plugins/star-cloudprnt-for-woocommerce/)

## Setup

View your WordPress site with WooCommerce installed.

Install and activate [Star CloudPRNT for WooCommerce](https://wordpress.org/plugins/star-cloudprnt-for-woocommerce/) from the WordPress admin screen.

![star-cloudprnt-for-woocommerce](https://dev-to-uploads.s3.amazonaws.com/i/pii6kbv5troyknuj0ktq.jpg)

Open [Settings] > [Star CloudPRNT for WooCommerce Settings], and copy [Server URL].

![Star CloudPRNT for WooCommerce Settings](https://dev-to-uploads.s3.amazonaws.com/i/87fi0aj7htvrqi5mw2h0.jpg)

Open the printer settings screen of mC-Print3. Then, go to the [CloudPRNT] setting screen and enter the [CloudPRNT Service], [Server URL] and [Polling time] fields.

By the way, paste the URL copied by WordPress into the [Server URL] field.

![CloudPRNT](https://dev-to-uploads.s3.amazonaws.com/i/lnbu9ux1q58uticbb8iw.jpg)

Back to WordPress admin screen, then open [Star CloudPRNT for WooCommerce Settings]. 

Once you select `ENABLE` for field [CloudPRNT] and select your printer for field [Selected Printer], save it.

![Printer](https://dev-to-uploads.s3.amazonaws.com/i/w7gdg2eu9dqzfzh2ce1w.jpg)

Now you are ready to go.

## Try

Let's try it out and order something from WooCommerce.

The receipt should be printed from the printer as shown in the following video.

{% youtube lxeWROTCyhk %}

Have fun!👍

## Note

In the demo in the video above, I wanted to change the text to be printed to another language, so I created an alternative plugin.

- [ko31/star\-cloudprnt\-for\-woocommerce\-plus: This is a plugin that extends Star CloudPRNT for WooCommerce](https://github.com/ko31/star-cloudprnt-for-woocommerce-plus)

If you want to do what I did, try this plugin instead of Star CloudPRNT for WooCommerce.
Discover Top 6 Product Roadmap Templates. For Startup Makers
Tags: webdev, opensource, startup, development
Published: 2020-10-16 13:52:08

Discover the top 6 product roadmap templates to use in your startup.
Both paid & free. Pros and cons, key competitive advantages, pricing info, etc.
Manage your product development more efficiently & keep your stakeholders informed with a customizable product roadmap template you'd like to use.

Choose a perfect one here -> https://uibakery.io/post/top-6-product-roadmap-templates-for-startup-makers?utm_campaign=ui_bakery%20-%20article%20-%20roadmap%20-%20cacq%20-%20xx%20-%20traffic&utm_source=DevTo&utm_medium=webdev&utm_content=article2_release
My Hacktober fest Experience
Tags: hacktoberfest
Published: 2020-10-16 13:47:54

## What I Learned From Hacktoberfest
I learned many things from hacktober fest like how GitHub works and how we can contribute to open source projects. Hacktober fest is amazing start for those who are new  open source contributers like me .

Here are links to my pull requests that I have submitted for Hacktober fest
https://github.com/heeshala/Hacktoberfest2020-Task1/pull/11
https://github.com/heeshala/Hacktoberfest2020-Task2/pull/10
https://github.com/heeshala/Hacktoberfest2020-Task3/pull/13
https://github.com/heeshala/Hacktoberfest2020-Task4/pull/7
What I have learnt from Hactoberfest 
Tags: hacktoberfest
Published: 2020-10-16 13:07:52

## What I Learned From Hacktoberfest

 I have learnt so many things from the hacktoberfest first I have learnt that how to create the pull request and I also learnt that how to contribute in the open source project by using your understandings of programming.
I redesign the Python logo for fun
Tags: python, logo, design
Published: 2020-10-16 13:23:46

Hello, everybody, I've had some extra time in the last few days, so I thought, hey, how about I try to make a redesign of the Python logo? As you can see in the image below, I didn't think everything through but this is the first concept I imagined!

![enter image description here](https://i.ibb.co/HxVVZyy/final.png)

What do you think?😃
"Fixin' To" `learnyounode` Series
Published: 2020-10-16 13:19:31

Over the past 4-5 years, I had actually worked through [this neat repo](https://github.com/workshopper/learnyounode) which teaches the basics of Node.

I came to realize a couple of things:

1. Like many previous tutorials, without 'time on task' and some context based on experience, I was sort of just 'following along' and/or going through the motions but not really understanding. To quote a [Mystikal](https://en.wikipedia.org/wiki/Mystikal) lyric, "What is the actual f!@#king meaning?"
2. The solutions shown in the repo are a bit 'out of date.' It just means that, for example, they stick exclusively to _callback functions_ instead of applying _promises_ when possible.

Well, I just re-worked through this again for fun 🤓 just yesterday, and it was the first time that I actually felt that it actually made sense, coming from a much more confident and modern JS perspective.

Over the next posts in this series, I am going to share my solutions for the problems posed. Along the way, we'll pick up several 'modern' JS approaches including `new Promise` and _destructuring_ and `async`-`await`.

To get started, if you haven't already, as per the directions on the repo mentioned 👆🏽, you should proceed with: `npm install -g learnyounode`.

In the first post, we'll break down how `learnyounode` works and tackle the first challenge.
The Best Accounting Software
Tags: productivity, startup, webmonetization
Published: 2020-10-16 13:13:03

Accounting has changed. It’s no longer the grubby affair your grandpa had to grapple with. Our list of [best accounting software tools](https://launchberg.com/best-accounting-software/) is ideal for both entry-level and small business accounting. You’re bound to find the right fit for your business

Today, we’ve rounded up the [best accounting software](
https://launchberg.com/best-accounting-software/) this year:

Botkeeper
Sage Business Cloud Accounting
Wave
Intuit QuickBooks Online
FreshBooks
ScaleFactor
GoDaddy Bookkeeping
Xero
Quicken
Zoho Books

Our picks will make accounting and bookkeeping much easier. Is that something you’d like for your business? Now, before we get into the meat and bones of our list, we’ll teach you how to pick out the right software.

How to Choose Accounting Software Like A Pro
1. What Features Do You Need?
2. Consider Cloud Applications
3. Stick to Your Budget
4. Pay Attention to the Add-ons
5. Involve Your Accountant
The 16 Best Project Management Software Apps for Remote Teamwork
Tags: productivity, startup
Published: 2020-10-16 13:09:56

In this fast-moving world, the name of the game is efficiency. To be the best, you need to know what the best project management software is to get the most out of your team.

We've chosen the [best project management software](https://launchberg.com/best-project-management-software/) for 2020. Our top 16:

Monday.com
Jira
ProofHub
ClickUp
Hive
Paymo
Nifty
YouTrack
Asana
Wrike
Notion
Milanote
Zoho Projects
Trello
Basecamp
Redmine

Read on for the detailed analysis of each top rated [project management software](https://launchberg.com/best-project-management-software/), compare them, review their pros and cons and choose the best one that fits your needs.
Successfully completed my first Hacktober Fest 🎉🎉🎉
Tags: hacktoberfest
Published: 2020-10-16 13:03:54

## What I Learned From Hacktoberfest
> *Well this was my first time participating in HactoberFest 2020 challenge. It has been an awesome ride so far in understanding and contributing to different projects and raising PRs. I am a hardcore developer who has mostly used git to contribute in industry level projects but this was my first time contributing to open source. It really gave me a sense of satisfaction when I saw my PR getting merged which in turn helped someone repository to be better than it used to before. Really excited to come back next year again. Till then adios 😃😃.*
Completed Hactoberfest Challenge 💪
Tags: hacktoberfest
Published: 2020-10-16 13:02:30

## What I Learned From Hacktoberfest

👉 I learner to make a single code compatible with programming languages like python & javascript

👉 Optimising logic in programs & fixing bugs

👉 Learned to solve programming puzzles

<!-- What did you learn that can help others contribute to the project you worked on? What did you learn that can help the users of that project?! -->
Algorithms: Find the Vowels
Published: 2020-10-16 12:46:22

In this blog, we'll go over how to find the vowels in a string. This problem provided me with good practice using a for...of loop.

<b>Problem</b>

We are given a string and are asked to create a function that returns the number of vowels contained in the string. If there are no vowels in the string, then the function should return 0. Vowels are the characters 'a', 'e', 'i', 'o', and 'u'. 

```
vowels('hello')
//will return 2

vowels('aardvark')
//will return 3

vowels('rkzlwmlz')
//will return 0
```

<b>Approach</b>

We know that we can iterate through a string, so a for...of loop would be useful here. As we go through the loop, we will increase a variable named count by 1 for each vowel we encounter in the string. It will not matter if the character is lowercase or not, so we will ensure our function accounts for that. In order to check if the string contains any vowels, we will check the string against an array of vowels. 

<b>Solution</b>

```
function vowels(string) {
  let count = 0;
}
```
We will increase count every time our loop encounters a vowel in the string.

```
function vowels(string) {
  let count = 0;
  const vowels = ['a', 'e', 'i', 'o', 'u'];

```
We use the vowels array to compare against the string.

```
function vowels(string) {
  let count = 0;
  const vowels = ['a', 'e', 'i', 'o', 'u'];
  
  for (let char of string.toLowerCase()) {

  }
}
```

We use a for...of loop to iterate through the string. We use the `toLowerCase()` method to convert the string to lower case. This ensures that we can correctly match the vowels in the string to the vowels array. 

```
function vowels(string) {
  let count = 0;
  const vowels = ['a', 'e', 'i', 'o', 'u'];
  
  for (let character of string.toLowerCase()) {
    if (vowels.includes(character)) {
        count++;
      }
  }
}
```

We use a conditional that says if the current character in the string that we're checking with our loop is included in the vowels array, then increase count by one. 

```
function vowels(string) {
  let count = 0;
  const vowels = ['a', 'e', 'i', 'o', 'u'];
  
  for (let character of string.toLowerCase()) {
    if (vowels.includes(character)) {
        count++;
      }
  }
  return count;
}
```

Lastly, we return count since the question asks for the number of times vowels appear in the string. 


<b>Resources</b>

[Stephen Grider's Algorithms and Data Structures Udemy Course](https://www.udemy.com/course/coding-interview-bootcamp-algorithms-and-data-structure/)

[Interview Cake](https://www.interviewcake.com/)
Ferramenta Lotus Notes para Outlook para converter NSF em PST com e-mail, contatos, calendário
Published: 2020-10-16 12:16:58

O conversor do Lotus Notes para Outlook é um aplicativo de realocação de e-mail confiável e seguro para enviar envelopes de caixa de correio do Lotus Notes para o Outlook. Selecione o <b><a href="https://www.gaintools.com/nsf/pst/">NSF para PST conversor software</a></b> para compreender o funcionamento do aplicativo e os destaques antes de comprar a liberação da licença do utilitário.

O Lotus Notes para Outlook se tornou uma tarefa de mudança típica hoje em dia. Ambos são aplicativos de e-mail bem conhecidos e amplamente utilizados para trocar informações, começando em um local e depois no próximo.

Além disso, o Lotus Notes pode ser utilizado com diferentes bases de informações e aplicativos Domino. Ele poupa todas as mensagens, contatos e outros dados em um registro .nsf.

Ponto de vista para o outro lado também falou como Gerente de Informações Pessoais. É um aspecto do Microsoft Office Suite. A maior parte de 1.000.000 da população usa o aplicativo Outlook para enviar / obter informações começando em um ponto e depois no próximo. Ajuda a supervisionar mensagens, livro de endereços, agendas, atribuições, registros, arquivos, agendas e outras coisas no disco rígido. Da mesma forma, faz um organizador PST solitário para armazenar a base de informações conectada, por exemplo, contatos, mensagens, horários, e assim por diante

<b>Fim:</b>

Duas técnicas para enviar organizadores do Lotus Notes para o Outlook com mensagens, contatos e agendas. A estratégia manual é aceitável para execução, no entanto, muitas desvantagens estão relacionadas a ela. O arranjo externo é uma metodologia imediata e segura quando comparada com a estratégia manual de transformação do Lotus Notes em Outlook. Experimente o funcionamento do produto baixando a demo gratuita do instrumento que permite a negociação de 10 NSF iniciais para PST sem custo.
How to deploy reactjs-app on GitHub Pages?
Tags: javascript, react, github
Published: 2020-10-16 12:42:32

First create a react app using the terminal command

`npm init react-app my-app`

`cd my-app`

`npm install gh-pages — save -dev`

open **package.json**

> add the following things of given below:

1. “homepage”: “https://git_username.github.io/my-app/” before the name
2. add scripts: “deploy”: “npm run build”, “deploy”: “gh-pages -d build”, and save this
3. back to my-app directory
4. git init
5. git remote add origin https://github.com/user_name/my-app.git
6. git push -u origin master
7. npm run deploy

And the reactjs-app deployed to Github pages.