teleren/devto huggingface dataset:
Join the Mobile First Strategy and Build Your Own Progressive Web Application
Tags: ecommerce, pwa, mobilefirst, marketing
Published: 2020-12-18 13:20:48

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ee0j5b90ppygo3f3pbfk.png)
The responsibility of all eCommerce entrepreneurs is to stay on top of the latest technological trends. Why? Because the eCommerce industry is basically connected with informational technologies. 

In the old days eCommerce journey of almost all digital businesses started with the Web first approach that lies in product designing for desktop screens. However, as the amount of users who prefer to do their activity on mobile devices significantly increased, new insight has appeared: it’s time to reconsider the eCommerce approach.

That’s how the breaking point came and the **Mobile First strategy** proved relevant and effective in terms of marketing. Many companies have shaped the new path and started to pay more attention to mobile app development. 

The evidence of the fact they had taken the right decision was right around the corner: there was an extremely big amount of app downloads, so the idea was highly appreciated by mobile-oriented community 

Nevertheless, entrepreneurs had got another challenge: native mobile apps turned out to be not prepared to justify its purpose, since there were many differences between gadgets these mobile apps were used on, mostly screen size and other technical requirements. 

The solution to this problem is called **progressive web apps** or PWA’s that became an anchor of many modern businesses nowadays. The PWA’s main peculiarity is that it combines capabilities of both mobile and desktop software. 

Here is the list of several benefits PWA will definitely bring to your business:

* Low development cost;

* Native-like experience;

* Fast installation;

* No updating issues;

* Possibility to perform offline seamlessly;

* Push notification functionality.

To sum up, PWA can be considered a phenomenon within the IT world. 

If you are interested in how PWA can influence your user engagement and increase your website conversion rate, welcome to [this article](https://dinarys.com/blog/launching-an-e-commerce-app). It tends to tell you more about the PWA first strategy and explain how exactly you could expand your business with its help.
Coding For Beginners
Tags: python, java, javascript, html
Published: 2020-12-18 13:18:34

Want to learn Coding from scratch :
 1. Find a reason to code
 2. Learn a programming language thoroughly
 3. Download  a code editor and try to  debug the code
 4. Face any issue then go for a Google Search
 5. Try to do loads of practice 
 6. Build Projects and create your own repo in Github
 7. Participate in the contests to explore more

Happy Coding✌
Learn & Grow✔
Daily Developer Jokes - Friday, Dec 18, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-12-18 13:00:05

---
title: "Daily Developer Jokes - Friday, Dec 18, 2020"
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%20Dec%2018%2C%202020"
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/5e1258922d1b9.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:
I’ve been hearing news about this big boolean.

Huge if true.
 -->
How to Shorten Directory Path in Windows Command Prompt
Tags: windows, todayilearned, tutorial, cmd
Published: 2020-12-18 12:43:53

This is my command prompt when I open it up

![command prompt when I open it up](https://i.imgur.com/Yb2aosY.png)

I usually keep my codes inside `Documents\Codes`. Inside the `codes` directory I have many more subdirectories.

![](https://i.imgur.com/8oq7SI4.png)

This is already getting a bit hairy, but I have to dive a little deeper to get to the directory I want to execute my command in.

![](https://i.imgur.com/AKkPywg.png)

Do you see how little space remains for me to execute my command. Now my only option to keep my sanity while writing my command is to make the `CMD` window full screen, but I don't want to do that.

## So Here's My Solution

First of all, open `Start Menu` and write `environment`

![](https://i.imgur.com/9MbrwuC.png)

Click on `Edit the System Environment Variable` option.

It'd open a popup window, there click on `Environment Variables...`

![](https://i.imgur.com/7i7mRAq.png)

Clicking this would open another popup window, on there click on the `New` button under **User Variable for Joe-Mama-Name**

![](https://i.imgur.com/2WaxBAE.png)

This action would open up a new window called `New User Variable`. 

Once there type in `prompt` in **Variable Name**.
After that type `$G$S` in **Variable Value** Field.

![](https://i.imgur.com/TJJMDp0.png)

Then press okay and close every window related to the `Environment`.

Now open up the `CMD`, you'll see something like this!

![](https://i.imgur.com/bLuvPM7.png)

Clean and Cool CMD!

[You can find all the variables to tweak the CMD here](http://www.hanselman.com/blog/a-better-prompt-for-cmdexe-or-cool-prompt-environment-variables-and-a-nice-transparent-multiprompt)

---

You can connect with me on twitter [@shafiemoji](https://twitter.com/shafiemoji)!

[My website](shafi.ml)!
My Commitment to "Commit"
Tags: webdev, git, beginners, github
Published: 2020-12-18 12:41:11

I had been coding on my project for hours, and it was starting to get late in the day. I decided it was time to finally come out of my office at home, and focus on other (non coding) things before the night was over. As I was getting ready for bed, the power randomly went out. When I say "randomly" there were no storms, no wind, just a completely random power outage. Thankfully, our power disruption was short lived, and we had our power back in less than 5 minutes. 

I began to think about my project I had coding on my desktop, which of course lost power. I remembered committing my code and pushing to GitHub before leaving my office, which was a relief to know that all of my work no matter what, was safe.


## Git May Not Feel Necessary for Us That Don’t Code Full Time

I don’t code full time, as I’m sure many of you may not either. I’m not a part of a professional work project or team. So if I don’t use a remote repository or any form of version control on my projects, it doesn’t affect anyone else. When I first started to develop, I almost never used git or GitHub, unless I wanted to test with a site live. 

But guess what? This was a bad coding habit. I found myself coming back to projects I had worked on months prior that I had not used git, wondering where I had left off, or trying find my project in another directory location. 

It’s easy I think for beginners to think of git as just a team tool.

## The importance of git

The importance of git, and a remote repository can’t be stressed enough. Not only can local files be lost on a project, but also version control, collaboration and even personal motivation. 

What if you want to come back to a project later, or share with a developer friend, or even roll back to a previous code base you had? 

I think the importance of git isn’t only for teams and developers that do this for a living, but also developers that do this in their spare time.

## My personal commitment

One thing I love about GitHub is the contribution section in your profile overview. It shows all of your activity in your projects separated by day. This is a great way to see your progress, and to see days where you have accomplished a lot. 

I use GitHub as motivation to keep learning. I try to make at least a commit (and push) a day. Even if it’s Sunday at 9pm it’s just cleaning up a readme, it has to be something. It forces me daily to think about what I am going to work on, and gets me in front of code daily. This has helped me also in sticking to a development schedule.

When we make a habit of coding, it helps us who are self-taught to keep learning and continually get better.
موسیقی متن فیلم Passengers
Published: 2020-12-18 12:35:54

در این لحظه از وب سایت دریم موزیک آلبوم بی‌نظیر موسیقی متن فیلم Passengers (مسافران) اثری از توماس نیومن (Thomas Newman) را با کیفیت بالا آماده دانلود کرده ایم. این فیلم یکی از زیباترین فیلم های سال ۲۰۱۶ می باشد که دو ستاره بزرگ هالیوودی در آن ایفای نقش کرده اند. امید است از گوش دادن به آهنگ های فیلم Passengers نهایت لذت را ببرید.
https://dreamusic.ir/thomas-newman-passengers/
Test your ASP.NET webservice locally from a remote device using iisexpress-proxy 
Tags: dotnet, csharp
Published: 2020-12-18 12:08:28

Web services are sometimes difficult to test locally. A typical scenario is to test your local web service from a mobile device. 

Tools such as [Postman](https://www.postman.com/) or [SoapUI](https://www.soapui.org/) are very useful to mock a request, but often the request from a real client differs in subtle ways. 

A dotnet framework application generally runs IISExpress locally during development. In the past it has been fiddly to configure IISExpress and Visual Studio to permit requests from other devices on the same network (LAN). 

[iisexpress-proxy](https://github.com/icflorescu/iisexpress-proxy) makes this trivial. It allows you to proxy the requests from a specified incoming port to IIS. 

```
npx iisexpress-proxy 51361 to 80
npx: installed 5 in 4.972s
IIS Express Proxy 1.5.3
Proxying http://localhost:51361 to network interfaces:
        Ethernet: 192.168.0.179:80
```

Then all that's left to do is connect your device to the LAN and call your service at the given IP address i.e. `192.168.0.179:80`
Starting with GRUNT
Tags: grunt, javascript
Published: 2020-12-18 12:05:21

Grunt is a task runner. Basically what Grunt does is automate some tasks like concatenating multiple files, converting LESS to CSS etc.
In this post I will discuss the very fundamentals of Grunt.

To Start using Grunt we first need to install it.

* install grunt cli globally so that we can use it anywhere and do not need to install it whenever we create a project

```
 npm install grunt-cli -g
```

* create a package.json file

```
npm init
```

* install grunt locally

```
npm install grunt --save-dev
```

* create a new file named Gruntfile.js. In this file  we control the configuration of plugins that we install and where we register the tasks.

* We can install different plugins from the list available in [Link](https://gruntjs.com/plugins).

Eg: ` npm install grunt-contrib-concat --save-dev`

'contrib' suggests that it is maintained by the Grunt team.

**Gruntfile.js**

```
module.exports = (grunt) => {
    // configuration
    grunt.initConfig({
        // pass in options to plugins,  references to files etc
        // "concat"  -- anything after "grunt-contrib-"
        concat: {
            js: {
                src: ['js/a.js', 'js/b.js']
                // src: ['js/*.js']; -- * all js files in folder
                , dest: 'build/scripts.js'
            },
            css: {
                src: ['css/*.css'],
                dest: 'build/styles.css'
            }
        },
        uglify: {
            build: {
                files: [{
                    src: 'build/scripts.js',
                    dest: 'build/scripts_compressed' // if we write 'build/scripts.js' then it will overwrite 
                }]
            }
        },
        watch: {
            csswatch: {
                files: ['css/*.css']
            }
        },
        less: {
            build: {
                files: [{
                    src: 'css/less/xy.less',
                    dest: 'build/xyz.css'
                }]
            }
        },
        jshint: {
            all: ['js/*.js']

        },
        htmlmin: {
            files: {
                src: ['html/*.html'],
                dest: 'dist/',
                expand: true,
                flatten: true,
                ext: '.html',
                extDot: 'last'
            }

        }
    });


    //load plugin
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-htmlmin');

};
```

* We can run by typing grunt run ... . Eg. `grunt run jshint`

The Net Ninja has some good beginner Grunt tutorials in Youtube which you can check out.

I  hope following this article you can install Grunt and start with some basic task.

Thanks for reading.
Why we use Flutter for mobile app development? 
Tags: flutter, dart, android, ios
Published: 2020-12-18 11:54:09

We always strive to provide better software solutions for our customers at affordable pricing. We try to incorporate the best and latest technologies in our development processes. 

In that search, we found [Flutter as the best app development framework](https://dev.to/joebrain032/13-reasons-why-flutter-is-the-future-of-mobile-app-development-240n) to develop our own and customers' projects. 

And we'd love to share [why we used Flutter for our app development process](https://www.rentallscript.com/blog/on-demand-apps-with-flutter/) with you. 

## 1. Code-sharing
Flutter allows developers to write code for a single platform and reuse the same for other platforms. This saves time and cost of the app development process. 

Also, a special thing about Flutter is that it also allows the use of the same UI across multiple platforms without affecting the app's performance. 

## 2. Faster time to market
Most often Flutter requires fewer man-hours to create and launch an app than other frameworks. 

As Flutter is a cross-platform app development framework, it allows the use of a single code base to create apps for multiple platforms. 

For small and medium-sized businesses, Flutter would be a great choice to create their minimum viable product. 

## 3. App performance

The performance of Flutter apps are equally good compared to Native applications, and in some cases, it's better. The use of ahead of time compilation in Flutter helps faster rendering. 

## 4. Cost-efficient

Other frameworks require developers to create separate applications for iOS and Android. Flutter eliminates this obstacle by offering the use of one code across all platforms. Hence a single developer can create a code that can run on both iOS and Android simultaneously. 

## 5. Community help and documentations

As per the reports, nearly 2 million developers are using Flutter to create their applications, and the community is still growing. Also, Google provides clear documentation and [guides](https://dev.to/solutelabs/a-developer-s-guide-to-flutter-37f1) to start creating apps in Flutter. 

## 6. Future

Flutter has become a complete cross-platform development framework as developers can create applications that can run on desktops. The Flutter development team is still upgrading, and there'll be a huge scope for Flutter in the cross-platform market. 

These are some of the reasons why we used Flutter to build our applications like [Wooberly](https://www.rentallscript.com/uber-clone/), [WooberlyEats](https://www.rentallscript.com/ubereats-clone/), and [taxi dispatch software](https://www.rentallscript.com/taxi-dispatch-software/). 

Now it's your time to create your own. Start exploring! Cheers!
The open source sponsorship experiment
Tags: umbraco, opensource, funding, github
Published: 2020-12-18 11:47:07

As you may have noticed. You can now also sponsor an open source contributor as a company (a.k.a get an invoice)...

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

For the full details [read the post over at github](https://github.com/sponsors) 

It's no secret that finding a business model with open source is a hard nut to crack... especially when it is a smaller niche product/addon. 

So what happens a lot is that open source projects simply turn into abandonware (creator loses interest). As a dev with the code still available you could spend time into adding/fixing what you want of course... but plenty of folks around that just use it without the tech knowledge required to update. 

Years ago I made a package that allows you to prevent conflicting edits in Umbraco v7. 

![Conflicting edits](https://dev-to-uploads.s3.amazonaws.com/i/9mx6m20ljg343pxxdh3n.png)

Short video here:
[https://screencast-o-matic.com/watch/co6Vjvf8Lc](https://screencast-o-matic.com/watch/co6Vjvf8Lc)

Now there have been a couple of folks requesting a v8 version... 

As an experiment I now want to see if I can get $100 in sponsorship, once I hit that target I'll make the v8 version.

You can find my sponsor page over at [https://github.com/sponsors/TimGeyssens](https://github.com/sponsors/TimGeyssens)

And different tiers:

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

So 2 companies in the $50 tier or 20 in the $5 tier (or another combo) would work! I don't expect individual personal dev contributions. Compared to doing the dev inhouse this is peanuts.

Let's see how this works out.
Do you use CDN? Why? Why not? And yes, it does work with build process and TypeScript. What about CSS?
Tags: discuss, webdev, cdn, typescript
Published: 2020-12-18 11:42:00

As long as you deliver processed JavaScript in `<script type="module">`, if the library is already an ES module.

For how to get the typings, you can use either JSDoc or `*.d.ts`.

```js
import _react from 'https://cdn.skypack.dev/react';

/** @type {import('react')} */
const react = _react
```

Or,

```ts
declare module 'https://cdn.skypack.dev/react' {
  export * from 'react'
}
```

<small>You still have to install React in package.json, though.</small>

## What about CSS? Fonts?

CSS and fonts doesn't have typings, anyway. (Unless you are talking about CSS module.) So, why don't you can consider a CDN?

Why is CDN missing for SVG icons, anyway?
Most Important VS Code shortcut keys for beginners 2021
Tags: webdev, programming, html, tutorial
Published: 2020-12-18 11:40:07



**How to copy the current line and paste it below or above??**



- 
shift + alt + down/up


{% youtube D8pyGUsE5ow %}




**How to move the current line to anywhere ??**



- 
alt + key up/down

{% youtube PqEjAht9PMM %}




**How to get multiple cursor ??**



- 
alt + left click

{% youtube t_78qo5adWU %}



**How to use emoji ??**


- 
window + ;

{% youtube kicIk6LiTPA %}

**Connect with me??**

- 
Twitter:
https://twitter.com/NewGenDeveloper
JavaScriptmas Challenges
Tags: javascriptmas, scrimba, javascript, webdev
Published: 2020-12-18 11:37:04

Hiya! When Christmas comes-a knockin', you'll find JavaScript challenges in the stockings! What is that I hear? It's like a distant marimba! Oh my, now I know! It's JavaScriptmas from Scrimba

Here is a summary of the daily challenges I've done:

Day 1: [Candies](https://scrimba.com/scrim/co04d44daba6d0ebad901f510)

Day 2: [Deposit Profit](https://scrimba.com/scrim/co7754975bc727281457d5c8c)

Day 3: [Chunky Monkey](https://scrimba.com/scrim/cof73462ca862cfb475d9f68d)

Day 4: [Century From Year](https://scrimba.com/scrim/cocd74065b56128175f839539)

Day 5: [Reverse a String](https://scrimba.com/scrim/coa7e45e8b87a9448d6b9ed90)

Day 6: [Sort by Length](https://scrimba.com/scrim/co5d84e079f89c8a09b0dca9b)

Day 7: [Count Vowel Consonant](https://scrimba.com/scrim/co1a84d53b0f2f9b8bdf98ca0)

Day 8: [The Rolling Dice (Got some great insight from Scrimbas Discord into solving this for the grid-part)](https://scrimba.com/scrim/co5504c8f8bb070c0ef2bb599)

Day 9: [Sum Odd Fibonacci Numbers](https://scrimba.com/scrim/co5af46c3a06b1d4566eb5259)

Day 10: [Adjacent Elements Product](https://scrimba.com/scrim/co04a43fd9332af7e0f0e713c)

Day 11: [Avoid Obstacles](https://scrimba.com/scrim/co0b34c89a3ada6da06b7d27b)

Day 12: [Valid Time](https://scrimba.com/scrim/co62d4913850ad9309a373d25)

Day 13: [Extract Each Kth](https://scrimba.com/scrim/co2b540959cc448dbfe7fcce5)

Day 14: [Maximal Adjacent Difference](https://scrimba.com/scrim/coe5a44729f5b9c2d39ee44b1)

Day 15: [Carousel. HUGE Fan of Gary Simon, unfortunately I missed this day](https://scrimba.com/scrim/co67a4fa0936f147140d29056)

Day 16: [Insert Dashes](https://scrimba.com/scrim/co5dc4de8a12d946535bdcb37)

Day 17: [Different Symbols Naive](https://scrimba.com/scrim/coc8f4f4f955a9d9f9746ffac)

Day 18: [Previous Less Array](https://scrimba.com/scrim/cod6f476fb573c6f08be3953c)

Day 19: [Alphabet Subsequence](https://scrimba.com/scrim/co9f244eaad1ac31e370be2a9)


Day 20: [Domain Types](https://scrimba.com/scrim/co0ad46b799c11eca8aba3e83)
 
Day 21: [Sum of 2](https://scrimba.com/scrim/coa8447af890a85cd8361f512)

Day 22: [Extract Matrix Column](https://scrimba.com/scrim/co0f0496b867aff039f486a66)

Day 23: [Social Media Input Countdown (Twitter)](https://scrimba.com/scrim/codf443329370a854603fb7ae)

Day 24: [Test Your Agility (Spinning Wheel)](https://scrimba.com/scrim/co0f54d4fb9fafe52ffa7921a)
2020 Hacktoberfest swag unboxing
Tags: hacktoberfest, opensource, github
Published: 2020-12-18 11:32:20

Hello everyone! Today, I received my 2020 Hacktoberfest package from Kotis Design.
A few months back, in October, I joined Hacktoberfest which is a month long open-source event. 

To explain what Hacktoberfest is, it's a perfect opportunity for students learning to code and for those who wanna get their feet wet in the ocean of open-source software development.

During this event, they can learn about OSS development, git and Github. At least 4 pull requests must be submitted to public GitHub repositories to earn a free T-Shirt and stickers. 

Enough talking! Let's unbox the package!!

So here we go! Here is the package.
![Package](https://dev-to-uploads.s3.amazonaws.com/i/y4emsoutviz6i0cn1hno.jpg)

I am going to unbox it quickly so you can see what's inside the package.

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

What's inside?

So, a T-shirt. You can't see clearly here but the fabric feels so soft and nice - Medium quality, neither cheap nor expensive.

Two cards from sponsors (Intel and Dev).

And...

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

So, many stickers! I didn't expected that much to be honest. There are altogether 14 stickers from sponsors such as DEV, JetBrains, circleCI, Github, etc.

![promocode](https://dev-to-uploads.s3.amazonaws.com/i/wktkf346dyu0gn4wg3j2.jpg)
And here is a promo code from Digital Ocean! This code can be used to get $100 credits in Digital Ocean (only for new users ☹️)

Ok. Now, it's time to add these cool stickers to my laptop 😉

![laptop with stickers](https://dev-to-uploads.s3.amazonaws.com/i/dqvr0aexifenavplk350.jpg)
 
So, that's it! If you want these cool stuffs, I highly recommend you to participate in next year Hacktoberfest. You can sign up anytime between October 1 and October 31 every year! 

May open source be with you....