teleren/devto huggingface dataset:
List of best articles of futuristic technologies
Published: 2020-11-30 05:35:52

Top 9 best & most popular tools of Big Data,
https://www.devopsschool.com/blog/top-9-best-most-popular-tools-of-big-data/
Top LinkedIn Groups of IT Professional Of AI, ML, Big Data & Robotics,
https://www.devopsschool.com/blog/top-linkedin-groups-of-it-professional-of-ai-ml-big-data-robotics/
Top 9 best & most popular tools of Machine Learning,
https://www.devopsschool.com/blog/top-9-best-most-popular-tools-of-machine-learning-2/,
Top 9 best & most popular tools of Robotics,
https://www.devopsschool.com/blog/top-9-best-most-popular-tools-of-robotics/,
Machine Learning Complete Tutorials Reference and Course,
https://www.devopsschool.com/blog/machinelearning/
What Is Robotics? And what are the advantages and disadvantages in detail,
https://www.devopsschool.com/blog/what-is-robotics-and-what-are-the-advantages-and-disadvantages-in-detail/,
What Is IOT( Internet Of Things),
https://www.devopsschool.com/blog/what-is-iot-internet-of-things/,
What is Data Science & Advantages and disadvantages of Data Science,
https://www.devopsschool.com/blog/what-is-data-science-advantages-and-disadvantages-of-data-science/
 
Bigdata Tutorials and Complete Reference,https://www.devopsschool.com/blog/bigdata/
Artificial Intelligence Complete Tutorials Reference,
https://www.devopsschool.com/blog/artificialintelligence/
Robotics Complete Tutorials Reference,
https://www.devopsschool.com/blog/robotics/
IOT Complete Tutorials Reference,
https://www.devopsschool.com/blog/internetofthings/
Community for AI, ML, Bigdata,
https://www.devopsschool.com/blog/top-15-facebook-groups-community-for-ai-ml-bigdata/
Linkedin Community for AI, ML & Big Data,
https://www.devopsschool.com/blog/top-20-linkedin-community-for-ai-ml-big-data/
IT Professional,
https://www.devopsschool.com/blog/top-linkedin-groups-of-it-professional/
List Of Top 14 free Blogging websites in 2021 – I verified,
https://www.devopsschool.com/blog/list-of-top-14-free-blogging-websites-in-2020-i-verified/
What is Social Bookmarking and How its help for website promotion and ranking?,
https://www.devopsschool.com/blog/what-is-social-bookmarking-and-how-its-help-for-website-promotion-and-ranking/
 
Machine Learning description in short and How Does It Work,
https://www.devopsschool.com/blog/machine-learning-description-in-short-and-how-does-it-work/
What is DevOps? Explained Benefits and its Challenges,
https://www.devopsschool.com/blog/what-is-devops-explained-benefits-and-its-challenges/,
AI, ML, Bigdata and IOT Facebook, Instagram, Telegram, Youtube and Linkedin Community,
https://www.devopsschool.com/blog/ai-ml-bigdata-and-iot-facebook-instagram-telegram-youtube-and-linkedin-community/
Artificial Intelligence
https://www.devopsschool.com/blog/artificial-intelligence/
Big Data
https://www.devopsschool.com/blog/big-data/
Difference among Data Science vs. Big Data vs. Data Analytics
https://www.devopsschool.com/blog/detailed-difference-among-big-data-data-science-and-data-analytics/

Tools of Machine Learning,
https://www.devopsschool.com/blog/top-9-best-most-popular-tools-of-machine-learning/
What's New in Maven 4
Tags: java, maven
Published: 2021-02-18 14:26:54

---
title: What's New in Maven 4
date: 2020-11-30 07:02:09 UTC
published: true
tags: java, maven
canonical_url: https://maarten.mulders.it/2020/11/whats-new-in-maven-4/
---

Recently, the Maven community decided to push forward and [start working](https://github.com/apache/maven/commit/3736be9c15122d65e6ef675557eb0f882f82b012) [towards a 4.0.0 release](https://twitter.com/ASFMavenProject/status/1332288204351934466). The first question after this announcement is of course: what can we expect Maven 4 to bring us? A lot - and in this post, we want to highlight some of the features that we are particularly excited about.

---

[Continue reading...](https://maarten.mulders.it/2020/11/whats-new-in-maven-4/)
Understanding Docker: part 18 – Container restart policies
Tags: docker, devops, beginners, cloud
Published: 2020-11-30 06:40:36

---
title: Understanding Docker: part 18 – Container restart policies 
published: true
description: Serie of sketchnotes about Docker. Explaining in a visual way Docker principles.
tags: Docker, DevOps, beginners, Cloud
series: Understanding Docker in sketchnotes
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/4w5rup0uclt71hgub04a.jpg
---

Understanding Docker can be difficult or time-consuming. In order to spread knowledge about Cloud technologies I started to create sketchnotes about Docker. I think it could be a good way, more visual, to explain Docker (and other technologies like Kubernetes and Istio).

We continue the series of Docker sketchnotes about container restart policies.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4w5rup0uclt71hgub04a.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/iio24mar75gq453mvay8.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cgwwcwp14otie0pmerj1.jpg)

As usual, if you like theses sketchnotes, you can follow me, and tell me what do you think. I will publish others sketchs shortly :-).

If you are interested, I published all the sketchnotes on Docker (and new ones!) to make a "book" of 93 pages: ["Understanding Docker in a visual way"](https://gumroad.com/aurelievache#YTLzM).
Power Platform - Create Cloudinary Custom Connectors for Power Apps
Tags: cloudinary, powerplatform, powerapps
Published: 2020-11-30 06:21:43

[On this tutorial, I will guide how to create custom connectors for Cloudinary so you can use in the Power Platform - Power Apps](https://www.truongbui.com/2020/11/create-cloudinary-custom-connectors-for-power-apps.html)
Best Data Visualization Courses Online- You Need to Know!
Tags: datascience, machinelearning
Published: 2020-11-30 05:56:53

Data Visualization gives us a **clear perception** of the data by using maps or graphs. Data Visualization forms the data more natural and easy for the human to understand **trends, patterns, and outliers** within large data sets. So if you want to learn Data Visualization and looking for some **Best Data Visualization Courses Online**, read this article.

In Data Science, you have to showcase your findings in a visual form, so that **stakeholders can understand it properly.** This is an important step in Data Science. That’s why the knowledge of Data Visualization is important. And for that, you should be familiar with data visualization tools like **ggplot, matplotlib, Seaborn, and D3.js.**

You should have knowledge of various Reporting tools like **Tableau and power bi.** These tools have in-built visualization reporting tools.

Before I discuss Best Data Visualization Courses Online, let me tell you on what criteria I have filtered these courses-

##**Criteria-**
1. Rating of these Courses.
2. Coverage of Topics.
3. Engaging trainer and Interesting lectures.
4. Number of Students Benefited.
5. Good Reviews from various aggregators and forums.

So, without further ado, let’s start finding Best Data Visualization Courses Online.
**[Click to continue reading...](https://www.mltut.com/best-data-visualization-courses-online/#1-data-visualization-with-tableau-specialization)**
4 Things beginner Figma users have no idea about
Tags: webdev, design, beginners
Published: 2020-11-30 05:40:22

Here are some things that I didn't know when I started with Figma. These tips really boosted my workflow and got me really nice designs in the end.

# Use a grid, and not just a 12-column.

Okay, so first thing! USE A GRID!!
I have seen so many beginner Figma users just putting out things measuring distances all the time. There is a way to put everything in or out of symmetry in an easy and beautiful way using a grid.

In this example, I am using a 12-column grid with 120 horizontal margin and 120 gutter. But grid comes in all forms, so you can surely look into that.

![Grid in Figma Gif](https://github.com/holdmypotion/Blog-Assets/blob/main/1.5.gif?raw=true)

# Reusable Components

I like to explain everything in my own words but I really like this description on Figma's official docs.

 ""

Components are elements you can reuse across your designs. They help to create and manage consistent designs across projects.

You can create components from any layers or objects you've designed. These could be a whole range of things like buttons, icons, layouts, and more.

There are two aspects to a Component:

1. A **Main Component** defines the properties of the Component.
2. An **Instance** is a copy of the Component you can reuse in your designs. Instances are linked to the main Component and receive any updates made to the Component.

""

The thing that I love about components is that you don't have to change the color or font or whatever of every single button in your design. Just change the main component and use the gifted time to brew some coffee☕.

This is a screenshot of an app design I made months ago and because I didn't know about components I had to manually change each of those pink buttons to orange.

Don't be like me, learn components!

![Figma workspace screenshot](https://raw.githubusercontent.com/holdmypotion/Blog-Assets/main/2.png)

### Making a button component
![Making button component gif in Figma](https://raw.githubusercontent.com/holdmypotion/Blog-Assets/main/3.gif)

# Save Local Styles

Another useful way to keep your design consistent and free up some time to play Valorant, is by saving local styles!
Saving Local Styles (Fill, Text, Stroke, Effect, etc, etc...) lets you apply the same styles anywhere in a matter of a few clicks.

And by the way, this also prevents the loss of styles due to accidents.

![Making and saving local text styles in Figma](https://raw.githubusercontent.com/holdmypotion/Blog-Assets/main/4%20(1).gif)

# Use Plugins and Built Components

This is absolutely amazing. Due to every growing Figma community, there are a lot of free to use plugins, designs, and design components, available.
Explore them!

![Community on Figma gif](https://raw.githubusercontent.com/holdmypotion/Blog-Assets/main/5.gif)

#Thank you!
####Please leave your views!
Polyfill of Reduce
Tags: javascript, polyfill
Published: 2020-11-30 05:26:04

---
title: Polyfill of Reduce
published: true
description:
tags: javascript, polyfill
//cover_image: https://direct_url_to_image.jpg
---
Hi, friends
I am writing the **polyfill** of Reduce...
So those readers are not aware of what is **Array.reduce** please take a look at the MDN site.
Here is the Link :
[Array.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)

So First I am sharing my whole code of custom Reduce function
then we will discuss the code Line by Line 

```
Array.prototype.myReduce = function(callback, initalValue){

 // Start Handling of errors
 if(this==null || this==undefined) {
   return('The Array you passed is null or undefined')
 };
 
 if(!callback || typeof callback !== 'function') {
   return('callback not exist or not a function')
 };
 
 if(!this.length){
   if(arguments.length<2){
     return('Array is empty && intialValue is not given');
   }else{
     return(initalValue);
   }
 }
 // End of handling of errors
 
 if(this.length){
 var k = 0;
 var acc;
 if(arguments.length<2){
   acc = this[0];
   k++;
 }else if(arguments.length==2){
   acc = initalValue
 }
 
  while(k<this.length){
    acc = callback(acc, this[k]);
    k++;
  }
  return(acc);
 }
}

const sum = (a,b)=>{return a*b};
let result = [1,3].myReduce(sum, 5);
console.log(result);
result = [1,3,5].myReduce(sum, 4);
console.log(result);
result = [].myReduce(sum, 4);
console.log(result);
result = [1,2].myReduce(sum);
console.log(result);
```
Okay Now I am explaining the code

The first Condition is
```
if(this==null || this==undefined) {
   return('The Array you passed is null or undefined')
 };
```
Here **this** referring to the Array you passed... means if the Array you passes is null or undefined output should be an error...
for more use case you can check out the original **Reduce** function on the MDN site
How to convert beamer tex pdf to pptx, perfectly?
Tags: beamer, tex, pptx, pdf
Published: 2020-11-30 05:14:57

## Background

You are making some serious slides show and use LaTex beamer template to generate a perfect PDF, but you are asked to provide a PPTX file to have the ability to use the time rehearsal.

## Ways tried

There are so many tools that claims they can convert your PDF to pptx, but the results are cumbersome. Either texts get overlapped or fonts skewed ugly. And some tools say they can keep original look and feel 100%, but you just get all the slides in image which can't be accepted at all. 

## A manual but perfect way

Use LibreOffice to open the PDF file, and create a new PPTX file manually. 

Then change the page width and height properties of the PPTX file to match the original PDF's page width and height.

### Then copy slide one by one.

Now your slides look and feel the same as the PDF, and you can keep on editing them.
CSS :not selector
Tags: css
Published: 2020-11-30 05:09:59

The CSS :not selector is really cool we can call this a negation pseudo-class selector.

A mouth-full, but was it does it styles elements that do NOT match certain criteria.

The cool part is that I can be used on many types of elements.

- Classes (.nav__item)
- ID's (#my-element)
- Types (div, li, etc)
- Pseudo-classes (:last-child)
- Attributes ([type="radio"])

> Note: It doesn't style pseudo-elements so `::before` won't work nor can't it style itself `(:not(:not(...)))`.

## HTML Structure

For this demo we will make a simple list which we will style accordingly.

```html
<ul>
	<li class="new">Text rule 1</li>
	<li id="not_me">Text rule 2</li>
	<li>Text rule 3</li>
	<li>Text rule 4</li>
	<li>Text rule 5</li>
</ul>
```

## CSS :not selector

So let's say we want to style anything but the last-child.

```css
li:not(:last-child) {
  color: purple;
}
```

This will result in the following:

![CSS :not last-child](https://cdn.hashnode.com/res/hashnode/image/upload/v1606286771853/f07ywuf14.png)

Or maybe you want to style everything but one ID

```css
li:not(#not_me) {
  color: red;
}
```

![CSS :not id selector](https://cdn.hashnode.com/res/hashnode/image/upload/v1606286835872/Puub6uBfL.png)

The same applies for a class:

```css
li:not(.new) {
	color: blue;
}
```

![CSS :not class](https://cdn.hashnode.com/res/hashnode/image/upload/v1606286877065/NBCP06GVV.png)

I hope this gives you a good overview of just how powerful the :not selector can be.
It might really save you having some weird css classes just to exclude one item from styling.

You can view this whole demo on the following Codepen.

{% codepen https://codepen.io/rebelchris/pen/gOwYXRr %}

## Browser Support

The :not selector has really good browser support, just some issues on Android and Opera mini (where the later just doesn't support about anything).

![CSS :not support](https://caniuse.bitsofco.de/static/v1/mdn-css__selectors__not-1606287012854.png)

### 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)
Are bugs in your apps killing your sleep?
Tags: android, ios, swift, java
Published: 2020-11-30 05:06:07

Bug fixing is much simpler process once you get all data required to reproduce the bugs. So why sacrifice fun and sleep because of bugs in your apps?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ae4jmx0zz15nsr8d6rn0.png)
Testing for Python, Github Action
Tags: opensource, testing, python, codenewbie
Published: 2020-11-30 05:04:14

### Summary
I went to a lot of trouble to make it work this time.
[Repo link](https://github.com/HenryZerocool/henz-cli)
[CI Action](https://github.com/HenryZerocool/henz-cli/actions)

### Features
I added a test file and so far coverage is 50%. I added projects CI Action, it isn't perfect as I wanted but it works fine for now.

### Challenges
Firstly, this is the time I can see the value of refactor. Because if I don't refactor my code, I cannot do any unit test on it. After some refactors, I started to write some test.
The real struggle I have at this point is importing other modules. It seems like impossible to use relative path when importing. I spent a lot of time looking for a simple solutions. There aren't any simple, always a long explanation that really doesn't at all. So I can only see one way, is to reorganize all files structure of my projects.
After moving everything, my tests started to work as it should be easy to be. An interesting thing I found out when writing test is I discovered a new thing to fake http response. I always have to test with real API or at least real back-end in the past. Now I know there are built in library for that.
Github action for build and test CI is simple enough. I used the default build and test for Python from Github. There is only a few things add and it work fine.
Writing test for other project is not a difficult task, especially the test coverage is low. But writing test in general will take a lot of time, because we need more tests for a function than coding for that function itself. So anyways, I worked on a C# project (not Python - surprise!!). The test was there, and the owner filed an issue that the test was not working properly like it suppose to be. After a few minute, I fixed it because his code was easy enough to understand. I didn't get any problem out of it.
So in the end, I kind of enjoy C# and very disappoint at Python because of relative path for now.
How to see timescale table size
Tags: timescale, postgres
Published: 2020-11-30 05:01:20

{% stackoverflow 54271238 %}

SELECT * FROM chunk_relation_size_pretty('my_table');

![Pasted_Image_30_11_2020__1_00_PM](https://dev-to-uploads.s3.amazonaws.com/i/saxcqk0txk1yxbb9uoah.png)
[Sketchnote] Web Storage APIs: How Browsers Store Data
Tags: sketchnotes, webdev, javascript, learning
Published: 2020-11-30 04:59:52

![A sketchnote about localStorage and sessionStorage](https://meganesulli.com/static/435c1f716267152fb5051a121aea1a95/09262/web-storage-sketchnote.png)

Browsers have two built-in ways to store data: `sessionStorage` and `localStorage`.

> ⚠️ Don't use either for sensitive information (passwords, credit cards, etc.), since both are vulerable to XSS attacks!

## `sessionStorage`

* Data stored there is cleared when the page session ends (i.e., the browser tab/window closes).
* Each tab has its own `sessionStorage` object, independent from the one in other tabs.

## `localStorage`

* Data stored there has no expiration time.
    * **Exception**: If you're in a private tab, then `localStorage` is cleared when the last private tab is closed.
* Storage object is specific to the protocol. (HTTP object is separate from HTTPS.)

## Common API

`sessionStorage` and `localStorage` both implement the [Storage interface](https://developer.mozilla.org/en-US/docs/Web/API/Storage).

Both objects contain a key-value store, which is where data is kept. The keys and values are both type [`DOMString`](https://developer.mozilla.org/en-US/docs/Web/API/DOMString).

### Properties

* `.length` - The number of entries in the Storage object's key-value store.
    ```javascript
    const numEntries = sessionStorage.length
    ```

### Methods

* `.setItem(key, value)` - Adds the key-value pair to the store.
    ```javascript
    localStorage.setItem("key", "value")
    ```
* `.getItem(key)` - Retrieves the value for the specified key. (Returns `null` if the key doesn't exist.)
    ```javascript
    const username = sessionStorage.getItem("key")
    ```
* `.removeItem(key)` - Removes the key-value pair for the specified key. (If the key doesn't exist, nothing happens.)
    ```javascript
    sessionStorage.removeItem("key")
    ```
* `.clear()` - Removes all key-value pairs from the store.
    ```javascript
    localStorage.clear()
    ```

## Additional Resources

* [`Window.sessionStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)
* [`Window.localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
My Formula in naming functions (Applicable in any programming languages)
Tags: programming, php, beginners, functional
Published: 2020-11-30 04:36:29

{% twitter 1333266694198857728 %}
```php
// filename.php
function filename_whatItIsAbout_whatItDoes(some, arguments) { 
// the code
}

//example
//session.php
function session_token_get() {
return $_SESSION['token'];
}
```

Do you have your own formula? You can share yours. I use this especially when dealing with top/global functions.
My favorite place to look for icons
Tags: beginners, react
Published: 2020-11-30 04:17:35

When I'm working with react I would go to fontawesome to look for a nice icon. I would try to make it work in my react app but somehow, it just won't work. I found this site that seemed like it was made for react apps. It's currently my favorite site to get icons. It has all kinds of styles for icons too.

[React Icons](https://react-icons.github.io/react-icons/)

This site has saved me a lot of headaches. It uses icon components similar to how you would import another file you wrote in react.

Thank You for reading my short post! Have you heard of React Icons? Do you have another favorite icons site? Let me know in the comments!
Block, Lambda, and Proc in Ruby
Tags: ruby, codenewbie, rails, webdev
Published: 2020-11-30 04:13:07

##Block
Blocks are pieces of code between *{}* or *do* and *end* keywords. We can pass parameters in the block. Blocks are not object.

```ruby
{ puts 'Hola, I'm a block'} 
```

or
```ruby
do 
  puts 'Hola, I'm a block'
end
```
##Proc

Block can be converted to objects using Proc. Proc is assigned to a variable and its executed by using .call method.Proc can be defined using 

```ruby
Proc.new {}
```
 or 

```ruby
proc {}
```

Proc accepts arguments but it doesn't throw an error when called with a lesser or more argument than expected

```ruby
my_proc = Proc.new { |x|  "x = #{x}" }
 => #<Proc:0x00007f91ea9eada8@(irb):57>
my_proc.call(2)
=> "x = 2"

my_proc = Proc.new { |x,y,z| "x = #{x}, y = #{y}, z = #{z}" }
 => #<Proc:0x00007f91eaa00e78@(irb):59>
my_proc.call(2,3)
 => "x = 2, y = 3, z = "

my_proc.call([2,3])
 => "x = 2, y = 3, z = "

my_proc.call(2,3,5)
 => "x = 2, y = 3, z = 5"

```

##Lambda
Lambda and Proc are similar. Lambda is a little anonymous function, which can be stored in a variable.Lambda will throw error if arguments passed is less or more than expected just like function

Lambda can be defined using the lambda keyword or -> {}

```ruby
hello = lambda {"Hola"}

or

hello = -> {"Hola"}
```

```ruby

my_lambda = lambda { |x| "x =  #{x}" }
 
my_lambda.call(2)
2


my_lambda = lambda { |x,y,z| "x = #{x}, y = #{y}, z = #{z}" }
 
my_lambda.call(2,3)
Traceback (most recent call last):
        7: from /Users/nbt040/.rvm/gems/ruby-2.6.3/bin/ruby_executable_hooks:24:in `<main>'
        6: from /Users/nbt040/.rvm/gems/ruby-2.6.3/bin/ruby_executable_hooks:24:in `eval'
        5: from /Users/nbt040/.rvm/rubies/ruby-2.6.3/bin/irb:23:in `<main>'
        4: from /Users/nbt040/.rvm/rubies/ruby-2.6.3/bin/irb:23:in `load'
        3: from /Users/nbt040/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/irb-1.0.0/exe/irb:11:in `<top (required)>'
        2: from (irb):67
        1: from (irb):66:in `block in irb_binding'
ArgumentError (wrong number of arguments (given 2, expected 3))
```
Lambda return works like functions. Proc will return from the current context

```ruby
def lambda_method
 lambda { return "Returned from Lambda block" }.call
 return "return from method"
end

 lambda_method()
 => "return from method"

def proc_method
 Proc.new { return "Returned from the Proc block" }.call
 return "return from method"
end

proc_method()
 => "Returned from the Proc block"
```
Proc and Lambda behave differently in accepting the argument and how they return. Lambdas are proc but procs are not lambda. Hope this quick guide helped you in understanding Block, Proc and Lambda.