teleren/devto huggingface dataset:
V and Dart: The future
Published: 2020-07-09 11:47:47

While many still use languages like Python, JavaScript, and Rust, there are two programming languages I want to bring up, as I feel they will take the throne. The programming languages in question are V and Dart. I believe that these two languages will be on top of the world in programming in no time. Let's look at them one at a time, and then we shall compare them.
# Dart
Dart is a programming language developed by Google, first appearing in 2011. Licensed under the BSD-3-Clause, Dart is a beautiful programming language. Dart is the programming language of choice for the famous UI library, Flutter. According to the PYPL programming language index, Dart is the 19th most popular language. I see Dart in the top 10 within the next three years, and I am excited. It is cleanly
# V
V is an MIT licensed programming language made by Alexander Medvednikov, first appearing June 22, 2019. It is a cleanly written language, with inspiration from Golang. V develops its UI library called VUI. V isn't yet on PYPL, but with its growth, since it started last year, I see V being within the top ten in the next three years as well.
Wired networks are dead. Long live wired networks
Tags: network, hardware
Published: 2020-07-09 11:43:45

We are always on the move. Mobile working and, especially with COVID-19 keeping us all locked in, probably working at anything resembling a table in our homes so we can have a change of scenery. With that comes an obvious problem, connectivity. Fortunately, there's data roaming and wireless networking for that. But how good are our wireless access points?

I've just changed broadband providers, and have a ridiculous fast connection, but was seeing absolute garbage speeds (for the actual connection uplink) via wireless. I was connected to a 300Mbps wireless access point, but barely getting 70Mbps. After some digging around I found it's because the access point ethernet interface is only 100Mbps, and it wasn't in a great signal area for repeating the signal.

I've also got a device (Sky Q box) which keeps disconnecting from the main router, despite being only 5m from it. It wasn't a problem with my previous router (which was a Sky device). Absolute nightmare.

My solution, lots of Cat6 cable. If I'm going to want gigabit speeds, or even > 100Mbps, then I need it cabling.

I've now got a 30m cable connecting my desktop gigabit switch to the router. I've just made the cables to cable up the TV, Sky Q box, and the Playstation. Hopefully I can then benefit from great speeds on all of my devices.

Adding the cables to the Sky Q box will then mean I can change the wireless network in the house to use the 5GHz spectrum, rather than the 2.4GHz it's stuck at, because Sky Q won't receive signal at 5GHz, it will only emit at that to other boxes.

Technology is great, and wireless may be (generally) tidier. But when you need performance, you can't (yet) beat cabled networks.

---
Photo credit: [Jordan Harrison](https://unsplash.com/@jordanharrison?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/network?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText)
Tennis Court
Published: 2020-07-09 11:24:19

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

Font: Cascadia Code

Source code:
```
===|===|===|===|===|===|===|===|===|===|===|===|===|===|===|===|
                       =<< Tennis Court >>=
          
                 ... ... ... ... ... ... ... ... 
               .                \O              .
              .                  |               .
	         .                   \\              .
             .                                   .
            .   |- -- -- -- -- -- -- -- -- -- -| .
            .   |  -- -- -- -- -- -- -- -- --  | .
            .   |- -- -- -- -- -- -- -- -- -- -|  .
           .                                      .
           .                 .                     .
          .                                        .
         .              O /                         .
         .              |=                          .
        .              //                            .
       .                                             .
      ... ... ... ... ... ... ... ... ... ... ... ... .

===|===|===|===|===|===|===|===|===|===|===|===|===|===|===|===|
```
What mouse do you use?
Tags: webdev, discuss, productivity
Published: 2020-07-09 11:19:32

---
title: What mouse do you use?
published: true
description: 
tags: webdev, discuss, productivity
//cover_image: https://direct_url_to_image.jpg
---
My Logitech M195 (discontinued) is still going strong. I'm looking at something like [Logitech M570](https://www.amazon.com/Logitech-M570-Wireless-Trackball-Mouse/dp/B0043T7FXE/ref=sr_1_2?dchild=1&keywords=Logitech+M570&qid=1594293604&sr=8-2), when it fails (knock on wood).

What mouse do you use and why did you choose particular model?
Trapped in the maze of the endless loop!
Tags: codepen, javascript, maze, generativeart
Published: 2020-07-09 11:12:55

See how the recursive backtracker algorithm creates a maze. _Step by step_.

In the second phase of the animation the path distance to the center is calculated for each cell in the labyrinth &mdash; but there is no escape :wink:

{% codepen https://codepen.io/spearwolf/pen/yLePxBw %}
OpenBSD's ls: `-T` option shows complete time information
Tags: openbsd, commandline, ls, options
Published: 2020-07-09 10:59:06

In OpenBSD, [`ls`](https://man.openbsd.org/ls.1) [`-l`](https://man.openbsd.org/ls.1#l) shows time information flexibly due to the last-modified years.

1. Rows about the year in or before last year
    - Format = "date - year"
2. Rows about this year
    - Format = "date - time"

```console
$ ls -l $SOME_DIR/
total [...]
-rw-rw-r--   1 www  wheel   3063 Feb 12  2019 LICENSE.txt
-rw-rw-r--   1 www  wheel   4717 Mar 26 10:12 README.md
```

It's usually useful.
On the other hand, there is the way to get full time of all rows, that is adding [`-T`](https://man.openbsd.org/ls.1#T) option.

```console
$ ls -lT $SOME_DIR/
total [...]
-rw-rw-r--   1 www  wheel   3063 Feb 12 13:28:18 2019 LICENSE.txt
-rw-rw-r--   1 www  wheel   4717 Mar 26 10:12:17 2020 README.md
```

Besides, this `-T` option is similar with `--full-time` option in [Linux](https://www.linux.org/) but the latter has a different display format which shows nano seconds.
Top 21 JavaScript And CSS Libraries To Develop Your Website
Tags: javascript, css, webdev
Published: 2020-07-09 10:40:32

Everyone, no matter whether they are a fresher or experienced in the domain of UI development and UX design, has at some point become familiar with JavaScript & CSS libraries, around their time in work. These frameworks became popular because of they:

↠  Reduce the time complexity by reducing lengthy scripts into libraries where they can be reused by just calling a function or adding a class.

↠ Enabled developers to add an enhanced functionality that guaranteed a better user experience.

↠ Minified CSS and JS files in the libraries ensured less size of the codes, thereby, enhancing the performance of the web application.

This video is based on a blog so  For Detailed information Read Our Blog: https://bit.ly/3gBYGPq
HOW CAN TIKTOK HELP GROW YOUR BUSINESS?
Tags: tiktokmarketing, socialmediamarketing, digitalmarketing, websitedesignandevelopment
Published: 2020-07-09 10:24:49

TikTok is a social media platform that is used for creating, sharing, short, bite-sized videos and be able to share them within the app as well as out of the app on other content sharing social platforms. With over 500 million active users, with almost a billion daily video views, TikTok is one of the most popular social media platforms the world has witnessed. If you are in the digital marketing services business then you need to be on the platform for sure

TikTok appeals to people of all ages and is without a doubt is one of the fastest-growing platforms amongst youth across all types of demographics and interests. Due to the ever-growing popularity of this app, business owners today are harnessing the power of TikTok to promote their brand and create brand awareness.

Learn more https://www.prism-me.com/blog/how-can-tiktok-help-grow-your-business
Git cherry pick command explained
Published: 2020-07-09 10:12:24

---
title: Git cherry pick command explained
published: true
description: Git cherry pick command explained with an example
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/nh7kfgk8ybokrqm024mx.jpg
---
The *cherry-pick* command allows you to integrate individual commits from any branch into your current branch.

To set some context, here is a quick overview of our git branching structure.
1. master - This is the main branch i.e. our live/production servers point here
2. develop - This is the branch where code gets pushed to, for integration testing on our test environments i.e. our testing servers point here
3. release-x.x.x - These branches are cut for any long running releases or features we are working on as a team. The release branch when ready is merged to the develop branch to be tested in the integrated test environment. Post which the release branch is merged with master when it's ready to be pushed live
4. hotfix-x.x.x - Arrgh! That nasty little bug sneaked through to live 😑. Create a hotfix branch from master, quash the bug in this hotfix branch. Then merge hotfix branch to develop and master branches to push your hotfix in to your test and live environments.

# Cherry pick command

Consider the scenario you have cut a release branch to work on a feature. In the midst of that you need to make a small change to your live environment. Or even worse you have a bug that has sneaked through to your live environment and __needs__ to be fixed asap! It does not make sense to wait and bundle it with your release branch as that is still 2 weeks from completion. In this scenario you will create a hotfix branch from your master branch. Make your changes in the hotfix branch and merge it back to the develop and master branch once you are done.

You might not be ready to merge your release branch with the develop or master branch yet as it might have breaking changes that you do not want to integrate yet. But you only need the hotfix commit in your release branch and that's when the cherry-pick command comes in handy.

```
git checkout release-x.x.x
git cherry-pick 47rul5
# 47rul5 is the reference for the hotfix commit
```

Check out links in the further reading section below, to get more in depth understanding on using the `git cherry-pick` command. It is a useful tool to have in your git commands arsenal.

#Further reading
* Detailed explanation of the cherry pick command - https://www.devroom.io/2010/06/10/cherry-picking-specific-commits-from-another-branch/
* Super read for a git branching strategy - https://nvie.com/posts/a-successful-git-branching-model/

<span>Photo by <a href="https://unsplash.com/@tq_photos?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">T. Q.</a> on <a href="https://unsplash.com/s/photos/cherry?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
Quasar Admin CRM version 3 (Dark mode)
Tags: javascript, html, vue, quasarframework
Published: 2020-07-09 10:05:04

Quasar Admin CRM version 3 (Dark mode) is here! Any feedback will be greatly appreciated.

Source code: https://github.com/mayank091193/quasar-admin-crm

Live preview: https://quasar-admin-crm-template.netlify.app/dashboard_v3

If it helps you, Sponsor me to support my open-source work💖 https://github.com/sponsors/mayank091193

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

I hope you will like it.

Thank you!
Getting started with ParcelJS and Laravel
Tags: php, javascript, laravel, css
Published: 2020-07-09 10:01:12

One of my side-projects that is built on Laravel, we use [mix](https://laravel-mix.com/) that gets shipped by default for all things webpack. Mix is one awesome piece of software, simplifies a lot of things I have to do with webpack. After using Mix for the past two years. I decided to try out ParcelJS. This came in as a part of a cleanup project that I did during a few off days I had on the codebase. After successfully upgrading the design to Bootstrap 5 / tabler from the older version. And removing some of the older jQuery dependencies and limiting it to the specific components like the WYSIWYG for the moment, because I didn't want to go down a different rabbit hole trying to change that. It's a lot of code changes that have less ROI. 

My move to [ParcelJS](https://parceljs.org/) was pretty straight forward. 

I got started by installing the dependencies, I use node-sass and [purgecss](https://purgecss.com/) as additional dependencies. But it's not required if you are simply using CSS files and don't want to remove unused CSS from the final CSS build.

```

yarn add parcel-bundler parcel-plugin-purgecss node-sass --dev

```

Then I added the config files for purgecss and node-sass.


```
// purgecss.config.js

module.exports = {
    content: ["./resources/views/**/*.blade.php"],
    whitelistPatterns: [/selectize-.*/, /trumbowyg.*/, /item/],
};

```

```
// .sassrc

{
  "includePaths": ["node_modules"],
    outputStyle: "nested",
}

```

I modified the app.js Laravel ships to act as `one` of the entry point for parcel-bundler.


```
// app.js

import "trumbowyg/dist/ui/trumbowyg.css";
import "./../sass/app.scss";

import "bootstrap"
import "tabler/js/tabler.js";

```

Then in order to get the build kicked off, 

```
// package.json

"build": "parcel build resources/assets/js/*.js resources/assets/js/admin/*.js resources/assets/js/admin/rewards/*.js --out-dir public/dist --public-url ./"

```

![Example yarn build](https://dev-to-uploads.s3.amazonaws.com/i/hcrpl20mftvqbgjssqbd.png)
🍪 A highly scalable, professional boilerplate for building fast, robust and adaptable mern web apps 🚀
Published: 2020-07-09 09:55:30

In programming, the term boilerplate code refers to blocks of code used over and over again

Let’s assume your development stack consists of several libraries, such as React, Babel, Express, Jest, Webpack, etc. When you start a new project, you initialize all these libraries and configure them to work with each other.

With every new project that you start, you will be repeating yourself. You could also introduce inconsistencies in how these libraries are set up in each project. This can cause confusion when you switch between projects.

This is where boilerplates come in. A boilerplate is a template that you can clone and reuse for every project.

CookieScript Boilerplate uses familiar tools and implements best practices around them to provide you a SOLID development experience. This project does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.

Here are some of the awesome CookieScript features you'll enjoy👋



Quick scaffolding
CookieScript offers a built-in tool for the command line is known as Geek which allows performing the majority of those tedious and repetitive programming tasks that many JavaScript developers avoid performing manually.

Next generation JavaScript
Use template strings, object destructuring, arrow functions, JSX syntax and more.

No Lock-In
Under the hood, we use webpack, Babel, ESLint, and other amazing projects to power your app.

SEO friendly
There are a few problems for search engine rankings when it comes to a vanilla `React app`. We follow best practices to make your web app attractive to `Google`.

Authentication
Authentication is the most important factor in a web application, and developers need to spend a lot of time writing the authentication code. CookieScript contains an inbuilt authentication system, you only need to configure models, views, and controllers to make the application work.

Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the community! 💜💪 See CONTRIBUTING.md for more information on what we're looking for and how to get started.

GitHub : https://github.com/getspooky/CookieScript
A Difference Between Machine Learning and Artificial Intelligence.
Tags: python, machinelearning
Published: 2020-07-09 09:49:05

## Introduction

Machine Learning is the field of study that gives computers the capability to learn without being explicitly programmed. ML is one of the most exciting technologies that one would have ever come across. As it is evident from the name, it gives the computer that makes it more similar to humans: The ability to learn. Machine learning is actively being used today, perhaps in many more places than one would expect.

Deep learning is a Subfield of Machine learning and machine learning is a subfield of AI. As AI is a broad field we haven't achieved True AI Yet. There are a lot of things to discover in AI. Machine Learning Is basically Statics algorithms which feed on data and reach on a Pleatu after some iteration other hands deep learning aka neural network feeds on a large dataset. Neural Net(NN) use the concept of as our(Human) Brain works so It's much efficient for large dataset.


<img src="https://images.pexels.com/photos/2599244/pexels-photo-2599244.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="img-fluid" alt="Artifical intelligence Robot">

Artificial Intelligence is a technique that enables machines to mimic human behaviour. The ultimate aim of AI is to make intelligent machines that can perform human behaviour and take own smart decision.

Machine Learning is a sub-part of AI that uses statistical methods that enable machines to improve with experience.

Deep Learning is sub-part of ML that make use of Neural Networks (similar to neurons in human being) to simulate the human brain-like behaviour. But why do we need deep learning? The reason is ML algorithms can’t play longer in higher dimensions and/or higher number of observations data.

DL can be subdivided across different types of so-called artificial neural networks (also known as neural nets). The neural nets are critically layered and have such names as a CNN (convolutional neural network) typically used for vision (sight/pixel) processing or an RNN (a recurrent neural network) that has time-based functionality. DL techniques are employed within and across the fields of ML and the principal goal of ML is to support, develop, and encourage the growth of AI. If DL, ML, and AI were three matrushka dolls nestled inside one another then DL would be the smallest but the most powerful, ML would cover DL and be the most technically diverse and generically accessible and the big AI doll on top would be the all singing and dancing doll shaking bells and whistles that everyone loves to wonder about.

Another issue with ML is one has to fine-tune the number of parameters. In the case of deep learning, the neural network will decide on its own about important features. Basically deep learning mimics the way our brain tends to learn from previous experience.

<img src="https://images.pexels.com/photos/595804/pexels-photo-595804.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="img-fluid" alt="Robot Dancing">
How To Create A Simple Parallax Style Effect With CSS
Tags: css, parallax
Published: 2020-07-09 09:45:51

Adding a parallax style effect to our web page can really make it stand out.

You may have seen this effect when scrolling on web pages or apps.

It basically involves the background, in our case an image, scrolling at a different rate to the rest of the content on top of it.

You can find a working codepen example here:

<https://codepen.io/chrisdixon161/pen/VwexxYO>

There are many options out there to achieve a similar effect, and many making use of Javascript, but we are going to be doing a simple CSS only version.

* EDIT: Some people have commented that this is not true parallax, please not this is labelled as parallax style and intended to be a quick and simple CSS effect. 

How? Let's take a look.

First, we need some HTML content:

```html
<section class="top">
  <p>
~ Scroll down ~
  </p>
</section>

<section class="parallax">
  <p>Some cool overlay text...</p>
</section>

<section class="bottom">
  <p>
~ Scroll up ~
  </p>
</section>
```

This will give us 3 sections, a top and bottom which is our "regular" content. And a middle section which contains the image.

Now onto the CSS, to begin, this will just be some simple styling not related to the parallax:

```css
.top, .bottom {
  background: lightslategray;  
  height: 100vh;
}


section {
/*  align text  */
  display: flex;
  justify-content: center;
  align-items: center;
}
```

This will give a gray background to the top and bottom sections, and these sections will appear to move over the middle section soon.

For the parallax to work, we need to add a background image to scroll over:

```css
.parallax {
  /* set image for background   */
  background-image: url('https://res.cloudinary.com/djn1ticju/image/upload/v1594285691/parallax-background.jpg');
  
/*  full height image  */
  height: 100vh;
  
/*  image starting position- eg. top, right, left, bottom  */
  background-position: center;
  
/*  size of image, eg- 50%, 3rem, 500px etc.
    cover= scales the image as large as possible without stretching
  */
  background-size: cover;
}
```

This will leave us with a pretty regular website with 3 sections, all scrolling together:

![Current webpage view with 3 sections](https://dev-to-uploads.s3.amazonaws.com/i/92qec03t12b2ryet5mkt.png)

To get the desired effect, the key part is to set this background image to be fixed

```css
.parallax {
  /*... at to rest of code in this .parallax selector: */
  
/*  To get the desired effect, the key part is to set this background image to be fixed  */
  background-attachment: fixed;
}
```

Now try to scroll in the browser and see the effect!
Why aren't you a full stack web developer?
Tags: discuss, watercooler, career, webdev
Published: 2020-07-09 09:37:34

When I first started coding, I had in mind of becoming a full-stack dev but I realized that front-end is a field that's becoming more complicated as time passes and new technologies evolve or new ones appear. I had too much on my plate trying to learn front-end development and adding back-end to that seemed too much to handle for me so I stuck with front-end development.

What about you? Why aren't you a full stack web developer?
Do you use your computer on your holidays?
Tags: discuss, productivity, watercooler
Published: 2020-07-09 09:37:26

Do you use your computer on your holidays or do you 
stay abstinent to refresh your head?

I like to keep my lap off and:

- I spend time with my family
- I love to go hiking and climbing
- see and learn something new
- I cook something I never ate before

Unfortunately, I still spend time on my phone. At least I mute it to keep work stuff away from my mind