teleren/devto huggingface dataset:
Why Choose Shopware for Building Your B2B Business Empire?
Tags: ecommerce, b2b, businessgrowth, shopware
Published: 2021-04-09 12:53:49

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

The B2B business market evolves day by day. Customer preferences rapidly change, prominent digital trends emerge.

If you want your B2B business to progress along with the market, you need to recognize the value of e-commerce solutions. 

It will be interesting to know that 90% of B2B buyers research online before making a purchase.

Therefore, technology plays an important role in the modern B2B landscape. But how to choose the right one that will correspond to your business needs and live up to the expectations of your target audience?

In this article we are going to highlight one of the best e-commerce platforms for building a B2B website - **Shopware**.

Shopware is frequently used by developers and web-store owners for strengthening the potential of small and medium-size B2B companies that strive to scale and enter the international market one day. This innovative platform offers a wide range of advantages that can certainly help to fulfill even global goals:

1. **Shopware B2B Suite**. This feature was designed exactly to meet the complex requirements of different B2B business models, which include unlimited scalability and variety of functions;


2. **Extended integration capabilities**. Any third-party system, whether it’s ERP or PIM, can be easily integrated with a Shopware-based website and managed automatically through the API;


3. **Possibility of seamless integration with different payment systems**. Multiple payment options always matter for B2B clients. If you seek a solution that can contribute to improved conversion rates, Shopware is exactly what you need.

Never before has B2B business management been so enjoyable and effective at the same time. Welcome to [this article](https://dinarys.com/blog/shopware-b2b) to see more benefits the Shopware e-commerce platform can bring to your business.
Simple JavaScript Clock!
Tags: html, css, javascript, clock
Published: 2021-04-09 12:34:17

Hello! If you want to see the video:https://www.youtube.com/watch?v=SibpZL6dgbE&t=55s
Don't forget to subscribe!

But here is the code:
```
<!DOCTYPE html>
<html>
<head>
	<title>JS Clock</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300&display=swap" rel="stylesheet">
<style>
* {
	color: white;
	margin: 0;
	font-family: 'Montserrat Alternates', sans-serif;
}
p {
	font-size: 200px;
	position: absolute;
	color: #9999ff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 200px darkblue;
}
</style>
</head>
<body>
<p id="clock"></p>


<script>
setInterval(displayclock, 500);
function displayclock() {
	var time = new Date();
	var hrs = time.getHours();
	var min = time.getMinutes();
	var sec = time.getSeconds();

	document.getElementById('clock').innerHTML = hrs + ":" + min + ":" + sec;
}
</script>
</body>
</html>
HP Laserjet Printer Setup

Tags: hpljprintersetup
Published: 2021-04-09 12:30:20

https://www.123hpcomlaserjet.com
Call #1-888-580-0856 for 123.hp.com/laserjet Printer Setup. We Guide to Download 123 HP Laserjet Driver Software to Install,Setup &amp; Troubleshoot.
Spring Native: Spring Boot but faster
Tags: springboot, spring, graalvm
Published: 2021-04-09 12:16:43

---
title: Spring Native: Spring Boot but faster
published: true
description: Shows the use of Spring Native in a Spring Boot project
tags: springboot, spring, graalvm
cover_image: https://raw.githubusercontent.com/antmordel/bookend/main/docs/assets/image.png
---

While you are reading these lines, there are a few hundreds of Spring Boot applications struggling to load a JVM and start.

Yet others are up and running but consuming a huge amount of memory since a JVM needs to be underlying - supporting the application on top.

And adding this latency and resource consumption to a more Cloud Native world is just something that... It's NOT a match!

Some developers just abandoned the idea of using Spring Boot in a world conquered by containers. And they moved far to those battles with Golang. Others stayed with Java, but in another flavour, like Quarkus or Micronaut (i.e. GraalVM powered).

But in March 2021, something happened in the community of Spring Boot users, and that was the release of the beta program of [Spring Native](https://spring.io/blog/2021/03/11/announcing-spring-native-beta).


What it was slow and resource consuming :truck::
![bookend-jvm](https://raw.githubusercontent.com/antmordel/bookend/main/docs/assets/docker-jvm.gif)


Now is... just awesome :rocket::
![bookend-jvm](https://raw.githubusercontent.com/antmordel/bookend/main/docs/assets/docker-native.gif)


Why? Spring Boot applications can be now be compiled using GraalVM. I.e., it can be compiled to **native code**.

- Image size for an example project can go from ~170MB to ~60MB
- RAM memory consumption can go from ~172MB to ~30MB
- Start-up times can go from 2 seconds to 70 milliseconds

Seems awesome.

I've written a small example that you can take a look and comment on that 🙂
{% github antmordel/bookend %}

And if you are Spanish, I've explained all this in a more multimedia format:
{% youtube DK2OpCoU6NU %}

Thanks for reading. I appreciate your comments :heart:.
How to fix Static Files not working in ASP.NET Core
Tags: aspnet, aspnetcore, dotnet, webdev
Published: 2021-04-09 12:11:25

One day I have been working on a project using ASP.NET Core. I have experienced a problem serving static files such as index.html in ASP.NET Core. Basically, I thought that ASP.NET core package included handling and configuring static files.

Finally, I ended up installing a separate package **Microsoft.AspNetCore.StaticFiles** to get it worked.

Hope you enjoy this post.

Happy coding :)
Update UI state from an another Thread in Windows Forms
Tags: csharp, dotnet, windowsforms, desktop
Published: 2021-04-09 12:03:30

An exception is thrown when trying to update control state from an another Thread. 

```csharp
Thread newThread = new Thread(new ThreadDelegate(() => {
   txtStatus.Text = "Started";
}));

newThread.Start();
```

### Solution
We use **BeginInvoke** to update UI state asynchronously.

```csharp
Thread newThread = new Thread(new ThreadDelegate(() => {
   txtStatus.BeginInvoke(() =>
   {
       txtStatus.Text = "Started";
   });
}));

newThread.Start();
```

Happy coding!
Daily Developer Jokes - Friday, Apr 9, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-04-09 12:00:18

---
title: "Daily Developer Jokes - Friday, Apr 9, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Friday%2C%20Apr%209%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e125988c2636.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ Why did the web developer always go to the wrong hotel room?

___A:___ They were in room 301.
 -->
Solving the FizzBuzz Interview Question with JavaScript
Tags: fizzbuzz, javascript, challenge, solve
Published: 2021-04-09 11:59:31

Hey There!

When I was a kid everyone used to play a game called FizzBuzz. I personally loved playing it with my family members.

Anyways, the game goes like this:

1, 2, fizz, 4, Buzz, fizz, 7, 8, fizz, Buzz

For every multiple of 3. you have to replace it with Fizz.

For every multiple of 5, you have to replace it with Buzz.

Now, during web development interviews, the most common question that interviewers ask are: "Write a program in JavaScript that prints the order of FizzBuzz"

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

As you can see in this donut chart, 90% of the interviewees fail and 10% pass to do so.

Don't want to be part of that 90%?

Today, we will be learning how to write a program that prints FizzBuzz in JavaScript.

First, create a variable called output, and set it to an empty array:

```js
var output = [];
```

Then, create a function called fizzBuzz and create a for if condition wrapped around a for loop:

```js
var output = [];


function fizzBuzz() {
 
 for() {

if () {
  
}
```

Then type this in the for and if commands:

```js
function fizzBuzz() {
 
 for(var count = 1; count < 101; count++) {

if (count % 3 === 0 && count % 5 === 0) {
  output.push("FizzBuzz");
}
```

After that, use <code>else if</code> statements. Like this:

```js
else if (count % 3 === 0) {
   output.push("Fizz");
} 

else if (count % 5 === 0) {
    output.push("Buzz")
}

else {
   output.push(count);
}
```

These else and else if should still be in the fizzbuzz function.

Finally, console log the output by using:

```js
console.log(output);

}
```
This is how the final code should look like:

{% gist https://gist.github.com/Code2Rithik/51e283892bab96144a6575478d2692ff.js %}

Test the output by running the JS Code in the console.

To run the code, paste the code and hit enter. Then, use <code>fizzBuzz();</code>

If you get an output like this, then HOORAY! It works.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/01x4h8p6wo4wo5hfmud0.png)

Now, you've learned how to solve the FizzBuzz challenge and you will not be part of the 90% anymore!

# Bonus

Here is an alternate and easier way to solve the FizzBuzz challenge:

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

Thanks for reading and remember...

# Keep Coding Y'All 👨🏻‍💻
React simple responsive menu hook
Tags: react, javascript
Published: 2021-04-09 11:51:11

Do you want to convert your menu to responsive? just wrap it with react-responsive-menu-hook!

It gives full control over the menu ui as well as the design of ellipsis

{% github lineldcosta/react-responsive-menu-hook %}

### To install run
 ```
 npm install react-responsive-menu-hook
```

## Demo

{% codesandbox sharp-leavitt-w08wn %}

https://codesandbox.io/s/sharp-leavitt-w08wn?file=/src/index.js

Happy coding...! drop a comment if you have any issues!
How do I convert an OST file to PST format in Outlook
Tags: osttopst, osttopstconverter, convertosttopst
Published: 2021-04-09 11:51:04

With this OST to PST Converter, you can easily convert an OST file to a PST file with all its items, including the inbox, Sent items, Contacts, Calendar, Notes, Deleted items, Attachment, Notes, Task, Draft, and journals, among others. 

This software has a number of interesting core features that distinguish it from other software. It quickly shows a preview of the recovered inbox before saving, allowing you to choose which emails to save. 

It can also convert OST files to PST and other file types such as EML, MSG, VCal, VCard, MBOX, and EMLX. It allows you to export single or multiple files, as well as the entire data, in a matter of seconds. 

Visit here:- https://www.osttopstconverter.recoverydeletedfiles.com/
Spice up your console logs with styling
Tags: devops, testing
Published: 2021-04-09 11:46:30

Sometimes normal console logs just don't cut it. You might want to warn people to not paste random scripts they found online like Facebook.

Or maybe you want to hire them and shout in the console to potential devs?

Whatever your reasons might be, you can spice up your console logs with some styling!

![Facebook console log styled](https://cdn.hashnode.com/res/hashnode/image/upload/v1617635687647/cXhhoSijg.png)

## Adding some styles to our console logs

To get right in, there are several specifiers we can use in the front of our console logs to state whatever it should render.

- `%s`: Format as a string
- `%i`/`%d`: Format as integer
- `%f`: Format as a float
- `%o`: Format as expendable DOM element
- `%O`: Format as an expendable JavaScript element
- `%c`: Apply CSS rules (taken from the second parameter)

Today we will be focussing on the last rule.

It looks something like this:

```js
console.log("%cI'm blue, da ba dee da ba daa", 'color: blue;');
```

This will result in the following.

![Styled console logs](https://cdn.hashnode.com/res/hashnode/image/upload/v1617635319039/yruRiKwqe.png)

But that's not all. You can write as many rules of CSS as you like.

```js
console.log(
  "%cI'm so super stylish",
  'color: #bc2e1e; font-size: 2rem; background: #edde9c; text-shadow: 0 1px 0px #378ab4, 1px 0 0px #5dabcd, 1px 2px 1px #378ab4, 2px 1px 1px #5dabcd, 2px 3px 2px #378ab4, 3px 2px 2px #5dabcd, 3px 4px 2px #378ab4, 4px 3px 3px #5dabcd, 4px 5px 3px #378ab4, 5px 4px 2px #5dabcd, 5px 6px 2px #378ab4, 6px 5px 2px #5dabcd, 6px 7px 1px #378ab4, 7px 6px 1px #5dabcd, 7px 8px 0px #378ab4, 8px 7px 0px #5dabcd;'
);
```

And it will give us this result:

![Fully styled console log](https://cdn.hashnode.com/res/hashnode/image/upload/v1617635620678/srmxcef5q.png)

As you can see, the possibilities are endless, maybe even over the top!

But it might help you to make your console logs just a bit more appealing.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Introduction to Kecomaac
Tags: dotnet, csharp, desktop, windowsforms
Published: 2021-04-09 11:31:39

In this post, I would like to introduce you a Windows desktop application keeping your computer always active. It's called Kecomaac. Its name is abbreviation of KEep COMputer Always ACtive. 

### Why using Kecomaac?

To know further why we should use Kecomaac, now let's analyze two possible scenarios:

#### Scenario 1
Suppose you have been working on Microsoft Teams. One day you want to keep it always online without away status after minutes.

#### Scenario 2
Assume you will go away about some minutes to do something, but you still wanna keep your Skype online without away status.

Basically, Microsoft Teams or Skype or others will mark your status as away if there is no any interaction after minutes.

To keep your computer always active, you will have to cheat OS by simulating constant mouse movement automatically.

That's why Kecomaac was born to solve this problem.

### Supported Platforms

Kecomaac is an open source application written in Windows Forms + .NET Framework 2.0. Therefore, it can run on Windows XP and higher.

Kecomaac supports Portable version and Installer version.

You can find entire source code of Kecomaac and download it at the following link:

https://github.com/1001binary/Kecomaac

Any your idea about Kecomaac will be appreciated.

I always welcome any idea.

Hope you enjoy Kecomaac!
Could not execute because the application was not found or a compatible .NET SDK is not installed.
Tags: dotnet, docker, kubernetes, centos
Published: 2021-04-09 11:29:21

[root@rnddev username]# docker start -a 6332c24c4a6e
Could not execute because the application was not found or a compatible .NET SDK is not installed.
Possible reasons for this include:
  * You intended to execute a .NET program:
      The application 'RCM.Gateway.HttpApi.Host.dll' does not exist.
  * You intended to execute a .NET SDK command:
      It was not possible to find any installed .NET SDKs.
      Install a .NET SDK from:
        https://aka.ms/dotnet-download



I was trying to run the API container, i was getting the issue.....





The error came as my COPY command in 2nd stage build was configured wrong
Country Code to Flag Emoji 
Tags: javascript, tutorial, webdev
Published: 2021-04-09 11:03:21

Instead of showing boring country codes like US, CH, NL, it is much nicer to show the flag emojis, 🇺🇸 🇨🇭 and 🇳🇱, right? This isn't hard to do with some JavaScript.

```js
function getFlagEmoji(countryCode) {
  const codePoints = countryCode
    .toUpperCase()
    .split('')
    .map(char =>  127397 + char.charCodeAt());
  return String.fromCodePoint(...codePoints);
}
```

The flag emoji is a combination of the two unicode region characters, located at unicode position `127462` for the letter A. For CH (Switzerland), we want the indexes to be `127464` and `127469`.

Run down of what happens in this little function;

- First, uppercase the country code input to ensure we're getting the right character position.
- Split into an array, and iterate over each character.
- We can receive the UTF-16 code index from the character using `charCodeAt`. The UTF-16 A is positioned at `65`, and we have subtracted this from the region A character index `127462`, explaining the hardcoded `127397` value (`127462 - 65`). To get the correct flag emoji index, we simply add the received index to the offset number.
- Finally, the `String.fromCodePoint` function will return the emoji characters for the computed indexes.

```js
getFlagEmoji('US') = 🇺🇸
getFlagEmoji('NL') = 🇳🇱
getFlagEmoji('CH') = 🇨🇭
```

Instant flags without additional resources!
5 Ways to become a better coder
Tags: programming, productivity, webdev, beginners
Published: 2021-04-09 10:58:06


1. Always Keep learning
Telling yourself that you don’t know something is the first step towards learning something new. Often experienced programmers find it hard to identify areas where they lack because they believe that they know everything. Learn from everyone and everything that comes your way as it will help you become a better coder.

2. Improve with experience
To be great at something you must learn from your mistakes. We become better at a task with experience. However, it is true only when we learn from our experience and try to improve on ourselves. Staying with the same mindset and beliefs won’t make you any better. As a programmer always strive to do better than before as it will help you gain experience in a real sense.

3. Seek for perfection
Often we stop once we think that we have achieved the goal. Programmers often focus only on writing quality codes and most of them stop when they feel it is done. However, to be a better programmer you must understand that codes are never perfect, work is required to make them perfect. Always strive to look for perfection, it might mean making the product faster, reliable, feature-packed but there is always room for improvement.

4. Write it thrice
Good programmers usually write codes many times till they are satisfied that they have achieved their goals to some extent. It is advised that you work on your codes thrice at least. The first time you write you make yourself believe that the idea can be out to practice. The second time when you work on it you actually strive to bring out all that is expected from the solution. The third time should be focused on making it perfect. There are always many approaches to the problem but there is always the best solution. Work till you find the perfect way out.

5. Read codes
Just like reading is important to expand your wisdom. In coding, reading what other programmers have written is quite important. Codes can be written in many ways, and there is of course no one right way. When you read others code you learn about other possibilities that you may otherwise be not aware of. It is also a great way to brush up and improve your programming skills. Interact with other coders whenever possible, participate in coding forums and learn from these experiences.
Host React App for Free using Netlify within 5 minutes
Tags: react, javascript, node, webdev
Published: 2021-04-09 10:57:14

## You can also watch the video at the bottom of the article.


What is Netlify ?
Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites.

Now you know about the Service where we are gonna host our application. Let's Start deployment process.

Step 1 : Install the Netlify Cli
`yarn add netlify-cli -g`

This installs the netlify cli globally on your machine.

Step 2 : Make a build of your React application by running the following command.
`yarn build`

Step 3 : Host the website using this command
`netlify deploy --prod`

Step 4 : It will open a browser window first and ask to signup or login to netlify. Signup or Login and authorise the process.

Step 5 : Now go to your terminal where you started the deploy command and it would be asking you some additional details.

Step 6 : Choose the option create a new site in the terminal.

Step 7 : Give your site a name. It is optional.

Step 8 : Type the build directory which is 
`./build`

And VOILA your application has been hosted to the netlify service.

To access your application you can visit.
`your-site-name.netlify.app`


# Stuck anywhere? Follow my YouTube Tutorial for deployment of React App on Netlify.

{%youtube pqX4UIzAX0c %}
Express Quick Sheet
Published: 2021-04-09 10:54:35

Express Quick Sheet 
===================

Settings

* * * * *

### Express Quick Sheet 

### Settings 

```js 
app.set('x', 'yyy')app.get('x') //=> 'yyy'
```

```js 
app.enable('trust proxy')app.disable('trust proxy')
```

```js
app.enabled('trust proxy') //=> true
```

### Enviorment {#ced4 .graf .graf--h3 .graf-after--pre name="ced4"}

```js 
app.get('env')
```

### Config 

```js 
app.configure('production', function() {  app.set...})
```

### Wares 

```js 
app.use(express.static(__dirname + '/public'))app.use(express.logger())
```

### Helpers 

```js 
app.locals({  title: "MyApp",})
```

* * * * *

### Request & response 

### Request 

```js
// GET  /user/tjreq.path         //=> "/user/tj"req.url          //=> "/user/tj"req.xhr          //=> true|falsereq.method       //=> "GET"req.paramsreq.params.name  //=> "tj"req.params[0]
```

```js 
// GET /search?q=tobi+ferretreq.query.q // => "tobi ferret"
```

```js
req.cookies
```

```js
req.accepted// [ { value: 'application/json', quality: 1, type: 'application', subtype: 'json' },//   { value: 'text/html', quality: 0.5, type: 'text',subtype: 'html' } ]
```

```js 
req.is('html')req.is('text/html')
```

```js {#64c5 .graf .graf--pre .graf-after--pre name="64c5"}
req.headersreq.headers['host']req.headers['user-agent']req.headers['accept-encoding']req.headers['accept-language']
```

### Response 

```js
res.redirect('/')res.redirect(301, '/')
```

```js 
res.set('Content-Type', 'text/html')
```

```js 
res.send('hi')res.send(200, 'hi')
```

```js 
res.json({ a: 2 })
```