teleren/devto huggingface dataset:
What should you learn, -in-order, from HTML to VUE to PYTHON? 
Tags: react, vue, python, javascript
Published: 2020-08-11 13:48:46

So far, I’m at a good knowledge of React and Vue.
I’m looking to start focusing on Python. Because it’s programming and not as -up in the air- as colors and fonts.
What should you of learned 
In order, to get to the point of React or Python? 
Or all in all,
Front-End vs Back-end.
My list of what I can say I know, or familiar with are:
HTML, CSS, Vanilla JS,
BOOTSTRAP, SASS,
React,
Material-UI,
Styled-Components,
Framer-Motion,
Vue,
Vuetify,
Vuesax,
Console.log() sous stéroides
Published: 2020-08-11 13:46:34

Mettre des console.log partout dans son code pour le débugger, tout développeur javascript l’a fait à un moment ou un autre.
Mais la console renferme des secrets méconnues ou plutôt des propriétés fort bien utiles.

C’est ce que nous allons essayer de déterrer à travers quelques exemples très pratiques.

##**console.count()**

Pour savoir combien de fois une fonction a été appelé ou pour vérifier seulement qu’elle a été appelé une fois.
En paramètres un string optionnel qui sert de label pour une meilleure compréhension.

```javascript
const maFonction = () => { console.count('maFonction a été appellé')};

maFonction();
maFonction();
// Affiche maFonction a été appellé: 2
```
##**console.table()**

Afficher les données d’un tableau ou d’un objet dans la console peut-être assez illisible.
Essayez donc console.table() pour voir toute la beauté.

```javascript
const array = [1, 2, 3, 4];
console.table(array);
```

##**console.assert()**

Tester rapidement quelque chose dans la console c’est possible.
En premier argument ce que l’on veut tester et en second ce qu’on affiche si c’est faux.

```javascript
console.assert(2 < 3, "2 est inférieur à trois");
```
##**console.log() avec du style 😎**

Pour terminer, mettre un peu de couleurs et de style dans ses console.log() c’est possible !
On commence avec %c et ce que l’on veut stylisé puis du “inline css”.

```javascript
console.log('%c Wahouuu!', 'font-size: 48px; color: red;');
```


Voilà mais n’oubliez pas que le debugger c’est mieux :)

console.clear();
What's New in HiveMQ 4.4?
Tags: news, startup
Published: 2020-08-11 13:45:54

We are pleased to announce the [release of HiveMQ 4.4](https://www.hivemq.com/blog/whats-new-in-hivemq-4-4/). HiveMQ 4.4 is the result of our customer’s feedback and comes with a bunch of new features. In summary, this new version enables you to automate the operation and gain finer-grained observability of your HiveMQ deployment as well as easier integration into third-party applications.

Here are the Highlights of our HiveMQ 4.4 release:

- A **new REST API** enables you to programmatically interact with your HiveMQ broker.
- The **Client Event History** offers you a historical view of all client events to analyze client behavioral patterns or diagnose problems at a later time.
- Two **new MQTT topics** to help you understand why and when messages expire or drop for easier reporting and analysis of expired or dropped messages.
- To simplify deployment and operation of HiveMQ on Kubernetes, we are including the new **HiveMQ Kubernetes Operator** in this release. Our new operator lets you benefit from all our knowledge on how to optimally deploy and operate HiveMQ clusters and extensions on Kubernetes.
- Significant improvements of existing Enterprise Extensions and a brand new **Bridge Extension** that allows HiveMQ to bridge to another MQTT broker for scalable, reliable and bi-directional exchange of MQTT message streams.

You can learn about all features, new products, and tools below or watch the summary in this short YouTube video or [on our blog](https://www.hivemq.com/blog/whats-new-in-hivemq-4-4/). 
{% youtube iinH-3VVexc %}

HiveMQ 4.4 is a drop-in replacement for version 4.3 and supports rolling upgrade with zero downtime. To learn more, see our [HiveMQ Upgrade Guide](https://www.hivemq.com/docs/hivemq/4.4/upgrade/4-3-to-4-4.html).
Week One of Twelve
Published: 2020-08-11 02:00:31

Today marks one week of my journey at General Assembly. I have been challenged and pushed outside of my comfort zone but I am still eager to start each day. I have been surprised at the amount of support my cohort has given one another. The community of teachers and learners I have met along my path thus far goes to show me that I have chosen the right path for my future. We are not focused on competing with one another but rather lifting each other up. 
I cannot express enough how much it has helped me coming into this experience with the basic understanding of programming logic and algorithms. I have been able to work through the exercises with little difficulty. I even presented my lab to the class, although I didn't actually volunteer for it I am glad that I did it. Being able to explain the logic to others shows me my own gaps in knowledge. 
I have a long way to go and am looking forward to seeing my progress at the end. It will be over before I know it. In the meantime, I will trust in the process and get comfortable being stuck and things not working as I plan.
Matt's Tidbits #77 - It pays to star issues
Tags: mattstidbits, android, androidstudio, tidbittuesday
Published: 2020-08-11 13:30:41

[Last time I wrote about an exciting new feature of Android 11.](https://medium.com/@matthew.b.groves/matts-tidbits-76-a-long-overdue-feature-cbebe28af9fa) This week, I want to share some good outcomes from filing/starring issues.

I've written about filing/starring issues before (Tidbits [#2](https://medium.com/@matthew.b.groves/matts-tidbits-2-aa72d3d938ad), [#17](https://medium.com/@matthew.b.groves/matts-tidbits-17-two-helpful-tips-regarding-jacoco-and-jenkins-f3f2870493ee), [#42](https://medium.com/@matthew.b.groves/matts-tidbits-42-the-answer-to-the-ultimate-question-of-life-the-universe-and-everything-or-ec851fe6afce), [#49](https://medium.com/@matthew.b.groves/matts-tidbits-49-what-to-do-when-your-log-cat-misbehaves-7c3513a78a58), [#61](https://medium.com/@matthew.b.groves/matts-tidbits-61-getting-out-of-a-dependency-cycle-aa07795abbd0)), but a recent comment on an issue I starred inspired me:
[![](https://cdn-images-1.medium.com/max/1600/1*CjrO_l6QMbQen2WDCdIjwQ.png)](https://issuetracker.google.com/issues/140508076)

And, this isn't the only instance - sometimes this results in much larger bodies of work, like the upcoming improvements to the lint.xml functionality:
https://issuetracker.google.com/issues/163080422

This is proof of the community-driven nature of how bugs are prioritized and fixed in Android Studio.

So, if you find a bug:
1. Search for existing issues on https://issuetracker.google.com
2. File a new issue if you couldn't find an existing one
3. Star the issue
4. Encourage your colleagues/friends/etc. to star the issue as well!

What bugs have you filed or starred that others should know about? Let me (and anyone who reads this) know in the comments below! And, please follow me on Medium if you're interested in being notified of future tidbits.

*This tidbit was discovered on July 6, 2020.*
MLH Fellowship - My Experience
Tags: mlhgrad, opensource
Published: 2020-08-11 13:12:09

[Introduction/comment]: # (All of this is placeholder text. Use this format or another of your choosing to introduce your story and/or the technical details of participating in the MLH program!)

I never imagined that one day I will be sharing my MLH Fellowship experience. I feel so proud to be part of the MLH Fellowship. It really helped me to build my portfolio and connections. 
In this blog post, I will share how I get into this program, how exactly it helped me with my career, and what I learned?

I'll not cover program details such as the recruitment process, program timeline, etc because I already made a Podcast 🎤 on it. You can check it out **[HERE](https://anchor.fm/khattakdev/episodes/MLH-Fellowship-ehrnih/a-a2t50j4)** 🎤🎤🎤

## My Major League Hacking Experience
[Note]:  # (What led you to participate? What were some of your anticipations and what was the reality? What did you learn from code-reviews? What were challenges and wins? Etc.)
When I heard about Fellowship for the first time, I visited the website, took a look, and closed it thinking I am not good enough to apply for this program. **Yes, I actually thought that**.
A week later, I saw a Facebook post about it in the Facebook Developer Circles group, which excited me and I thought let's give it a try. Surprisingly, I was selected for the program 🎉🎉

Before starting my Fellowship journey, I had no idea how can I contribute to a project. I had no guts to even look at a project's source code.
Here's the improvement
![Contribution](https://i.imgur.com/AnMXytY.png)

MLH Fellowship gave me the confidence to contribute to any open-source project. I now love to take a look at source code, report issues, or fix them by Opening Pull Requests.

Not only this but it improved my Portfolio as well. I recently received a job offer from a company without even applying for it. They were looking for Nextjs Developer and my contributions to Nextjs helped me appearing on their search.

## Project Details

[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)

In the Fellowship program, I worked on **[Nextjs](http://nextjs.org/)**, an open-source ReactJs based Framework that I'm in love with. Most of my contributions were in the form examples, I added new examples that users can use as boilerplate, modified existing ones, and improved some performance by modifying Nextjs Prefetch Function.

## Additional Thoughts / Feelings / Stories
There is something special about MLH which made me fell in love with this community and that is the support. MLH is extremely supportive. Huge shoutouts to [Will Rusell](https://wrussell.co.uk/) and [Leah Caputo](https://www.linkedin.com/in/leah-caputo-642b7680/).


[Final Note]: # (CONGRATULATIONS on your MLH graduation!!! You rule!)
Silkscreen - generate fullpage with markdown
Tags: haskell, functional, showdev
Published: 2020-08-11 13:07:59

I built in Haskell a tool to generate FullPage HTML Slides from Markdown files. I made this project to practice Haskell, you can check the github repository:

{% github carlosfrodrigues/silkscreen no-readme %}

Any suggestions and collaborations are welcome.
WordPress: The Best CMS for your Websites

Tags: wordpress, webdev
Published: 2020-08-11 12:45:36

While being powerful, [WordPress is a free content management system](https://www.cyblance.com/wordpress/wordpress-cms-website-takes-business-new-high/) (CMS). It is a fine resource for creating truly impressive business websites.

[WordPress](https://wordpress.org/) was first used in 2003 and has come a long way since its inception. As of current, WordPress development services and WordPress web developer India from cyblance are in high demand. Over 32% of all websites over the internet are powered by WordPress.

There is a tough competition across the CMS domain, but the presence of WordPress stays undeterred. It continues to grow with time. 

One of the key advantages associated with WordPress is its versatility. It can be used for creating just about any kind of website – blog, online mall, or fintech websites. WordPress creates impressive websites that make a connection with end customers and bring success for your business. 

WordPress is easy to install, which makes things simpler for a WordPress web developer. Simple to use dashboard enables a range of functionalities over WordPress, such as creating pages, posts, categories, and themes. This makes WordPress easy to use. The platform is free which adds to its cost-effectiveness.

WordPress is also preferred by [WordPress website developer](https://www.cyblance.com/wordpress-development-company) because it is easy to make responsive WordPress websites. This expands your reach to a majority of customers who access websites over their smartphones. Similarly, it is convenient to create media-rich websites over WordPress because the drag-and-drop system makes it easier to embed components. Numerous catchy and domain-specific themes are easy to access and use. A web developer is also empowered to use a range of plugins for customization. The plugins add the desired functionality to a website free of cost, in many cases.

WooCommerce is a plugin for eCommerce and an important advantage for WordPress websites. WooCommerce is feature-packed and gives total control to developers and store owners.

While a variety of top-class websites can be created over WordPress, it is the smartest tool for blogging, and top functionalities for blogging, such as categories, widgets, plugins, and tags are available.

A range of user-friendly tools ensures that coding requirements in WordPress are minimal. WordPress is also a self-hosted platform. This implies that a developer can host a Wordpress website with any hosting provider, and use a custom domain name as well.  

One of the prime advantages of WordPress is its SEO friendliness. WordPress also makes additional controls available to customize SEO components over each page and makes social media integration a breeze. A [Cyblance](https://www.cyblance.com/) is a professional WordPress development company India stands to deliver the best results for your WordPress website.
Switch Statement In Javascript | Javascript Crash Course
Tags: javascript, tutorial, webdev, codenewbie
Published: 2020-08-11 12:52:20

Hey YOU!
In this video, we are going to learn about the Switch Statement. We will do so by eliminating some if-else block of code which we have written in the last video. If you have any question, feel free to ask me in the comment below. Enjoy!

Connect With Me:
Youtube: <a href="https://www.youtube.com/c/ShubhamSauravYT" target="_blank" rel="noopener noreferrer">ShubhamSauravYT</a>.
Twitter: <a href="https://www.twitter.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Instagram: <a href="https://www.instagram.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Facebook: <a href="https://facebook.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
How to parse and format JavaScript-based DataTime String for MySQL DateTime fields
Tags: php, laravel, webdev
Published: 2020-08-11 12:49:28

It took me long to figure out the things to parse JavaScript DateTime string into PHP, I am sharing my work here so you don't have to struggle for it


```
    if (!function_exists('convertJSTimeToDBTime')) {
        /**
         * @param string $timestring
         * @param bool $convertToUTC
         * @param string $format
         * @return string
         * @throws Exception
         */
        function convertJSTimeToDBTime(string $timestring, $convertToUTC = false, $format = 'd-m-Y H:i:s'): string
        {

            $date = Carbon::parse(date_create_from_format('D M d Y H:i:s e+', $timestring));
                if ($convertToUTC) {
                    $date->tz('UTC');
                }
                return $date->format($format);
        }
    }

```
CSS Layout
Tags: css, webdev, learning
Published: 2020-08-11 12:48:00

## Introduction

Today is day 4 of my 30 Days of CSS, and I've been learning about CSS layouts using "float".  This seems like a good start to me and should form a good foundation that I can expand upon and learn CSS Grid and Flexbox in the coming days.  You can follow my progress on Twitter @cloudblogaas

## Today's Problem

To challenge myself, I've decided that I should try and made a basic two column blog layout using CSS.

## The Solution

The first step to developing this layout, is to add a wrapper class so that I can place the blog in the center of the page.  This is done using the following CSS which sets the width of the wrapper to 80% of the page width and centers it automatically.

``` css
.wrapper {
  max-width: 80%;
  margin: auto;
}
``` 

To implement the columns within the wrapper, I've basically created 2 classes:

``` css
.mainColumn {
  float: left;
  width:75%;
  background: red;
}
.sidebar {
  float: right;
  width: 25%;
  background: yellow;
}
```

The `.mainColumn` class is defined as 75% of the width of its container and is floated to the left.  The `.sidebar` container is 25% of the container and is floated to the right.

I've then added a bit of styling to add a margin and separate the layout slightly.

``` css
.panel {
  margin: 10px;
  background: white;
}

.mainColumn p, .mainColumn h1 {
  margin: 10px;
  line-height: 1.5;
  background: white;
}
```

The HTML for the page is basically a few divs to give me the wrapper and columns that I want.

``` html
<div class="wrapper">
  <h1>Minimal Blog Page Layout</h1>
  <div class="mainColumn">
    <h1>Heading</h1>
    <p>...</p>
    <p>...</p>
    <p>...</p>
    </div>
  <div class="sidebar">
  <div class="panel">
    <h2>Heading</h2>
    <p>...</p>
  </div>
      <div class="panel">
    <h2>Heading</h2>
    <p>...</p>
  </div>
      <div class="panel">
    <h2>Heading</h2>
    <p>...</p>
  </div>
</div>
```

And that's it.  The main work here is the div's that `float:left` and `float:right`.

You can see a working version of the page on my CodePen:

{% codepen https://codepen.io/cloudblogaas/pen/wvGKgqM %}


## Resources

I've been following a series on YouTube by The Net Ninja on CSS Positioning:

{% youtube 7ZXsPj43heo %}
Svelte - Introduction & Basic Todo app
Tags: webdev, svelte, tutorial, youtube
Published: 2020-08-11 12:46:36

Hey Developers, I made this svelte introduction video for beginners! 
{% youtube PUvex-zd4Hs %}

* Introduction to svelte
* Docs / Guide 
* Basic todo app creation
  * Adding todos
  * Removing todos
* Svelte directives
* Creating functions!
* Loops in svelte

~ Thank You.

### Support Me
* [Youtube - Vuelancer](https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ)

* [Github - Vuelancer](https://github.com/vuelancer)

* [Scrimba](https://scrimba.com/@selvakumardhivakar)

* [Vuelancer - Patreon](https://patreon.com/vuelancer)
How to convert JSON to FormData for better file uploading using Ajax
Tags: vue, nuxt, javascript
Published: 2020-08-11 12:40:26

If we need to allow file uploading using the axios based forms, you will need to use formData instead of sending plain JSON through form Requests. 

So I have created a function to convert your JSON into FormData which can be helpful to you. 


```
  convertJsonToFormData(data) {
    const formData = new FormData()
    const entries = Object.entries(data) // returns array of object property as [key, value]
    // https://medium.com/front-end-weekly/3-things-you-didnt-know-about-the-foreach-loop-in-js-ff02cec465b1

    for (let i = 0; i < entries.length; i++) {
      // don't try to be smart by replacing it with entries.each, it has drawbacks
      const arKey = entries[i][0]
      let arVal = entries[i][1]
      if (typeof arVal === 'boolean') {
        arVal = arVal === true ? 1 : 0
      }
      if (Array.isArray(arVal)) {
        console.log('displaying arKey')
        console.log(arKey)
        console.log('displaying arval')
        console.log(arVal)

        if (this.isFile(arVal[0])) {
          for (let z = 0; z < arVal.length; z++) {
            formData.append(`${arKey}[]`, arVal[z])
          }

          continue // we don't need to append current element now, as its elements already appended
        } else if (arVal[0] instanceof Object) {
          for (let j = 0; j < arVal.length; j++) {
            if (arVal[j] instanceof Object) {
              // if first element is not file, we know its not files array
              for (const prop in arVal[j]) {
                if (Object.prototype.hasOwnProperty.call(arVal[j], prop)) {
                  // do stuff
                  if (!isNaN(Date.parse(arVal[j][prop]))) {
                    // console.log('Valid Date \n')
                    // (new Date(fromDate)).toUTCString()
                    formData.append(
                      `${arKey}[${j}][${prop}]`,
                      new Date(arVal[j][prop])
                    )
                  } else {
                    formData.append(`${arKey}[${j}][${prop}]`, arVal[j][prop])
                  }
                }
              }
            }
          }
          continue // we don't need to append current element now, as its elements already appended
        } else {
          arVal = JSON.stringify(arVal)
        }
      }

      if (arVal === null) {
        continue
      }
      formData.append(arKey, arVal)
    }
    return formData
  },

```

It can handle many data types and convert them into formData compatible format. click like to appreciate my effort
Make Your Hiring Process a Breeze With Quixy’s No-Code Recruitment Solution in 21st century
Published: 2020-08-11 12:28:04

Are you using emails and excels to manage your recruitment activities? Are you trying to find a recruitment solution that's efficient, transparent, and customizable? Look no further!!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0z9tniuhuez7jui5kw8x.jpg)
Quixy’s ready-to-use recruitment solution helps automate the end-to-end recruitment process from raising a requisition to the issuance of the offer letter. the answer are often customized supported individual organization needs. The recruiters can effortlessly schedule interviews and track applicants throughout the recruitment workflows while providing improved experience to all or any the candidates.

Job Requisition Application

The first step in any recruitment process is that the job requisition.
The process starts with the hiring manager creating job vacancies and submits the work requisition forms to be approved by their respective managers. The requisition includes all the work requirements including the title, description , location, number of open positions, offered salary, etc.

The number of approvals could also be configured as per the need . Conditional workflows also can be configured supported the offered salary or the other parameters, additional approvals are often made mandatory.Once <a href="https://quixy.com/">best no code platform</a> is forwarded to the recruitment team. At any stage, if any clarifications are required, the request could also be sent back to the concerned person within the previous workflow steps.

The dashboard provides insights into the requisitions. Managers and recruiters get their own dashboards with information supported their access privileges.<a href="https://quixy.com/">best no code platform</a> Recruiters also can generate comprehensive reports on requisition status from the system for his or her weekly reviews.