teleren/devto huggingface dataset:
IaaS vs PaaS vs SaaS
Tags: cloud, security, saas, devops
Published: 2021-11-24 12:35:00

There are chances if you were to ask 5 peoples at a cloud event about “What is Cloud Computing” you would get 5 different answers. This can be really frustrating for those who are beginner in cloud computing field and learning it. The only reason behind this confusion that there are many ways we can utilize the cloud. We can best think of cloud computing in terms like IaaS – Infrastructure as a service, PaaS – Platform as a service and SaaS – Software as a service. 

Now a days, cloud computing growing in a rapid pace that most of the terns falls under category cloud computing <a href="https://cloudeq.com/project-cloud-services/cloud-transformation/"> transformation services </a>, and they are IaaS, PaaS, and SaaS. These three acronyms have the same last three and assumed they have the same meaning. Anything that ends with aaS term known as as-a-service in cloud computing term.  

Below we’re going to differentiate these three terms with examples that how they can be utilized. 

<b>IaaS</b> - It stands for Infrastructure as a service which provides scalable resources like RAM and storage either virtually, real or in physical. 

<b>PaaS</b> – It stands for Platform as a service means it provides a platform on which a software can be developed and deployed. It’s a kind of application development platform where minimum coding is required, everything automates. 

With PaaS users can better manage the resources in general. Apps built using PaaS technology is quicker, reliable and cheapens the process of creating.

Examples of PaaS are Google AppEngine, Wavemaker and many more.
     
<b>SaaS</b> – It stands for Software as a service which also refereed as on demand service. It’s basically a software made available to users which they can access from anywhere around the world with an active internet connection. Even SaaS products can be customized by the user. The main advantage of these SaaS providers are they are cost effective and of very low maintenance. 

Example of SaaS are Netflix, Salesforce, Facebook, Twitter and many more. Some are free some are paid while others offer monthly or yearly paid subscriptions. 

> Check out [Point of Sale Case Study](https://cloudeq.com/case-studies/case-study-point-of-sale/)

Regardless of if it is a SaaS, PaaS or IaaS, the objective is a cheerful end client who can get to their product or application by means of the web. They make careful arrangements of upkeep, security, and capacity, giving a consistently accessible, continually working final result. Ideally, this has added a smidgen of lucidity to the distinctions in the foggy universe of distributed computing.
How to 1-of-n switch Dataflow streams on Observable
Tags: observable, functional, programming, javascript
Published: 2021-11-24 12:30:43

---
title: How to 1-of-n switch Dataflow streams on Observable
published: true
date: 2021-11-24 12:14:59 UTC
tags: observable, functional, programming, javascript
canonical_url: https://observablehq.com/@tomlarkworthy/switch-dataflow
---

_In this series, I will explore programming techniques for the notebook platform [Observable](https://observablehq.com). Today I am looking at how to direct a reactive Dataflow stream to one-of-n downstream cells. This article assumes you are familiar with [Observable's non-linear reactive program flow](https://observablehq.com/@observablehq/reactive-dataflow) already._

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aco7hb1flie6v17y267a.png)

Sometimes we want control the dataflow with logic. If we have a cell called _data_ streaming values, we might like to direct those updates to either _cell\_1_ or _cell\_2_.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l7yil1wbiqhfkmf656i9.png)

You can programatically trigger dataflow by calling _dispatchEvent_ on its enclosing view.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zwjn6gdz576vusn1uvjd.png)
 

You can create a lightweight view with `Inputs.input`

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/633fwcsdw7dl3rtnpq77.png)
 

Now dataflow is guided by the value of the _choice_ variable.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kb3ya1upwxxbk279t816.png)
 

Give it a try on the live notebook at [@tomlarkworthy/switch-dataflow](https://observablehq.com/@tomlarkworthy/switch-dataflow)

I hope you find that useful and that you find other useful ways to manipulate dataflow!
Inspecting call stack through debugger in browser developer tools?
Tags: javascript, webdev, programming, computerscience
Published: 2021-11-24 12:09:55

As every execution context is put inside a stack which is called as **call stack** so that it executes in a sequential order. As I have explained theoretically about [call stack](https://dev.to/magnus0045/how-javascript-code-is-executed-3664) in my earlier post. Now lets view it practically.
![Call Stack 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aelhrtnvxcyab8jfojtt.PNG)
 Once we run the above Javascript code in our browser, We have to open the developer tools in our browser and first we should add the breakpoints to the code such as **line numbers:12,15,17,18**

Now once we start debugging , the execution first paused in **line number 12**.Then we will see  **(anonymous)** in the call stack which is the **global execution context**.
 
![Call Stack2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oqlblgfmfc9r4z29fw9n.PNG)

Then once we resume the debugger, then execution will pause on **line number 17** and after that if we again resume the debugger, then the execution will pause in **line number 15**.

When the execution pause in **line number 15**, we will notice that a **new execution context** i.e **getName** is created in call stack because of **function invocation**.

![Call Stack 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/apfxqklxq54gict404my.PNG)
Then again when we resume the debugger, execution will pause in **line number 18**.In this point we will notice that the **new execution context** **getName** which was created got deleted i.e it popped out of the stack as the execution got over.

![Call Stack 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j66cfdapiw9io5f798dq.PNG)

Now again if we resume the debugger which was pause in **line number 18**, we will notice that the **global execution context (anonymous)** got **deleted** and the **call stack is empty**.

![Call Stack 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e4emug0c8rcesx51kw1q.PNG)

So, this how call stack keeps track of the execution.

Reference:@akshaymarch7
How Is ASP.NET Web API Useful for Web App Development?
Tags: dotnet, programming, mobile
Published: 2021-11-24 11:40:16

If you want to expose the data to apps and browsers faster and more securely, you need a compatible API or application programming interface. Several popular web APIs like ASP.NET effectively collect, change, or update the data. The Web API is quite helpful in ASP.NET development for creating RESTful apps.

The web API in ASP.NET utilizes the framework for implementing RESTful services, and these web services use HTTP for communication. It contains numerous tools and features for creating amazing apps and software. In this blog, you will learn about ASP.NET web API, its benefits, and the importance of the web API in present times.

<b>ASP.NET Web API Overview</b>

To create HTTP-based services, which are accessible through multiple platforms, people use the ASP.NET web API framework. With services compatible with different devices like mobile, tablets, or PC, it can reach a large number of people, and many can benefit from it. The web API works the same as the MVC web apps of ASP.NET, but it sends service data as the response rather than HTML view.

It is one of the best platforms for creating RESTful apps and contains features of the MVC like a filter, action results, controller, model binding, routing, etc. The web API is similar to a web service, except it supports the protocols of HTTP. Some of its characteristics are mentioned as following:

It is created on the ASP.NET framework and supports its request or response pipeline.

The framework contains HttpClient for communication with the API server.

The web API is compatible with multiple response data formats. It supports XML, JSON, and BSON format too.

It utilizes controller and routing concepts, same as the ASP.NET MVC.

<b>What Advantages Does ASP.NET Web API Provide?</b>

Business growth largely depends on the experiences of users. If a website provides a great experience, more and more users will retain the site. For this, you have to consider ASP.NET to create amazing sites that run on various platforms. No matter if you are creating ASP.NET MVC or the Web Forms sites, you will require the help of AJAX. The web API develops an app through AJAX, due to which you can build services that work on different entities.

It eases out the work of developers for creating apps that are compatible with all browsers and devices. Using web API, one can access the HTTP features such as to request/response orders, URIs, caching, content formatting, and more. Compared to WCF services that need additional configuration settings for multiple devices, the ASP.NET web API helps develop web apps through REST web services.

Let's know more here about Why Opt for ASP.NET Web API? https://dzone.com/articles/aspnet-web-api-benefits-and-why-to-choose-it
I've just launched a new website to help everyone find the right work-life balance
Tags: 4dayweek, 4dayworkweek, burnout, worklifebalance
Published: 2021-11-24 11:15:03

I have just launched a new website, [WeWork4Days](https://www.wework4days.com), to help everyone find the best work-life balance for them. It has been built with **React** and **Next.js** to be fast, simple and clean.

On this site, you'll be able to find remote, hybrid or on-site jobs that offer a 4 day work week option. The goal of this site is to make finding a job easier and less stressful by giving people more options for what they want from their work life.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dm0p7950us045boq5b6o.png)

Happy 🏖 🏡 😌 !
Reality of Marketing in Real Life
Tags: marketing, lifestyle
Published: 2021-11-24 11:13:56

Hello there, Reader of this article! I have a question for you, be truthful: "Do you really need most the products you own ? Look around yourself and think."

Now, ask from yourself why you bought the most unusable products you have. 

Rest your healthy brain and let me answer. The most favourable answer that you may not is "*Marketing*", either you had watched the product review on social media, youtube, television or your friends and relatives might own that.

> Marketers often play some unethical practices to sell their product.

Most of the product you have are useless. Here's a guide how to make right decision before buying a products and how companies try to alter your buying decisions.

Let's talk about what an average consumer expect and really get from companies. 


# Consumer's Expectation and Reality

### Expectation
1. Companies will identify what problem customers are facing in their day-to-day life as well as in business tasks.
2. Finally come up with a product that solves all of them at once.

> Most of the companies don't work like that, what they really do is...

### Reality
1. Companies create a new problem that never actually existed.
2. Make that problem really harder to get solved.
3. Come up with multiple products which adds up and pretend to solve each of your problems and satisfies (fools) the customer.
4. Now-a-days companies also divide same product into multiple parts so that you can generate more income for them.

## Example of evil marketing
The biggest example of this is world largest tech company *Apple*. 
An ideal smartphone consumer buying a phone also need a charger. Now, Apple divided this one product into two parts -
1. A phone
2. Charger

They tend to save environment by removing charger from the box but this problem can never be solved in this way. In order to complete a smartphone, customer will buy a charger separately, that means separate packaging and delivery is required making the environmental problems worse.
Today, not only Apple but several other companies too are performing same tactics to fool you. 

# How to protect ourselves from these tactics ?

In order to cope up with these issue, you have to ask few questions from youself and complete a checklist.

1. Do I have enough money to buy it or I have to get loan ?
2. What value will this product  add into my life ? 
3. Do I really need it or I am buying it just for flexing ?

When you complete this checklist, you'll get a better decision making for the products. Now, you can differentiate between what you need and what they wanted to sell you forcefully.


> *Now that said, dear reader, whoever you are. Thank you for reading, and I hope you have a wonderful day.*

Cheer if you enjoyed, Share to distribute knowledge, Comment to share your valuable views. 

*'Improvement suggestions are welcomed'*
How to Design in a User Centric Way?
Published: 2021-11-24 10:57:59

{% youtube NTgrBnD2nOQ %}
Let's talk about User-Centered Design. Pawel, our Head of Design, will get your questions answered 💡 

🟣 What is User-Centered Design? 
🟣 How does it differ from UX design?
🟣 Why is it so important to ask users for their opinion?
🟣 What are the principles in UCD?
🟣 What is the difference between good and bad design?

You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/how-to-design-in-a-user-centric-way-experts-zone-talks-13)
free course on sales force and many more...
Published: 2021-11-24 10:57:07

TRAIL HEAD IS OFFERING A FREE COURSE ON SALES FORCE ANYONE INTERESTED 
CAN APPLY THROUGH THE LINK 
https://trailhead.salesforce.com
Get hands-on and learn the Salesforce, digital, and soft skills you need to succeed from anywhere for free Prove your skills and earn globally-recognized
PROCESIO Updates: November 21
Published: 2021-11-24 10:50:22

Hi there! Julian here, your Community Manager at PROCESIO, and in this news update I'll be sharing with you our November highlights:

- **Getting started: Process Designer**
- **People behind Automation**
- **TBB Berlin recap**

##Getting Started: Process Designer##
The Process Designer allows you to visually build automation by connecting actions on the canvas. In this short video part of our Getting Started series, you'll learn how the Process Designer works so you can quickly put together your own workflows:

{% youtube fE6baMsKmWI %}


##Web scraping automation##
Can you automate web scraping in PROCESIO? The simple answer is: YES. Here's how you can extract data and content from websites in this video from our previous community meetup on Zoom:

{% youtube RjM7hQy2bbQ %}


##People behind automation##
![People behind automation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acbk3y4b9klh1li9hgvf.jpeg)
What's the role of software developers and 'citizen developers' in the current automation hype ? Are 'citizen developers ' real and  can they create in-house automation without the technical skills of a developer? Our founder Mihai tries to shed some light on this subject in this [recent article we've last posted](https://blog.procesio.com/people-behind-automation/).


##TBB Berlin was a blast!##
![Marian and Mihai at EIT InnoEnergy Berlin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y69875nj1oqentzd11se.jpeg)
Marian and Mihai travelled to Berlin 🇩🇪 to attend The Business Booster by EIT InnoEnergy on 3-4 November. We're excited to have met and exchanged ideas with industry experts and representatives from other companies working in energy innovation.

Marian and Mihai gave a pitch about how Intelligent Automation with PROCESIO can give SMEs the edge when innovating for process effectiveness, optimization and agility.

We'd like to thank EIT InnoEnergy for organizing an awesome event and we're already looking forward to the next edition!


##Join us on Discord##
![Procesio Community on Discord](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3npdxh80swsmlyaddk06.png)

Our Discord server is growing and you're invited to join along. Meet us on Discord to talk everything about building on the platform, share what you're building, and to get support for your workflows. 

[Join us on Discord>](https://discord.gg/WbXvH52KPW)

----

*What is PROCESIO? [PROCESIO](https://procesio.com/product/) is a no/low-code platform that supports adding custom code to build workflow automation, system integrations, and to process data.*

*With PROCESIO you can create data models, define credentials and variables, and use APIs to integrate with other systems. PROCESIO can work as a backend on top of which you can add a frontend using our SDK and your API key. You can try out PROCESIO for yourself by opening a free account [here](https://procesio.app/#/create-account).*
ᛗ🪓🛡️ Use the magic of the elder FUTHARK runes in your workflows!
Tags: actionshackathon21, github, githubactions, opensource
Published: 2021-11-24 10:49:47

ᚠ	ᚢ	ᚦ	ᚨ	ᚱ	ᚲ	ᚷ	ᚹ	ᚺ	ᚾ	ᛁ	ᛃ	ᛈ	ᛇ	ᛉ	ᛊ	ᛏ	ᛒ	ᛖ	ᛗ	ᛚ	ᛜ	ᛞ	ᛟ

### My Workflow
My [first submission](https://dev.to/sturlabragason/terraformstateartifact-github-action-keeping-the-statefile-with-to-your-code-4d3b) to the #actionshackathon21 was way too practical!

## ᚢ🪓 So I decided to go ahead with my [quoth_the_vikings](https://github.com/sturlabragason/quoth_the_vikings) action! 

Now you too can use [**_the magical elder FUTHARK_**](https://en.wikipedia.org/wiki/Runic_magic) in your commit messages, blog posts, release tags etc! The [sturlabragason/quoth_the_vikings] (https://github.com/marketplace/actions/quoth_the_vikings) action plucks a random sentence in a random language from [one of the Icelandic sagas](https://github.com/sturlabragason/quoth_the_vikings/tree/main/all_sagas_text) and converts from lame Latin alphabet to awesome elder FUTHARK!🗡️ᛒ 
 

ᚠ	ᚢ	ᚦ	ᚨ	ᚱ	ᚲ	ᚷ	ᚹ	ᚺ	ᚾ	ᛁ	ᛃ	ᛈ	ᛇ	ᛉ	ᛊ	ᛏ	ᛒ	ᛖ	ᛗ	ᛚ	ᛜ	ᛞ	ᛟ

### Submission Category: 

ᛊ🗡️ Wacky Wildcards 🛡ᛟ

ᚠ	ᚢ	ᚦ	ᚨ	ᚱ	ᚲ	ᚷ	ᚹ	ᚺ	ᚾ	ᛁ	ᛃ	ᛈ	ᛇ	ᛉ	ᛊ	ᛏ	ᛒ	ᛖ	ᛗ	ᛚ	ᛜ	ᛞ	ᛟ

### Yaml File or Link to Code

ᚱ✍️ All you need to do is add something like: 🕯ᛇ
```yaml
    steps:
      - id: quoth_the_vikings
        uses: sturlabragason/quoth_the_vikings@v1
```
ᚠ🏹 To [use the quote](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions#jobsjob_idoutputs): 🕯ᛟ         
```yaml
      - name: Use the quote
        shell: pwsh
        run: echo ${{ steps.quoth_the_vikings.outputs.quote }}
```
ᚾ🗡️ A few examples of the awesome outputs! ✍️ᛇ

![Behold the runes!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1e0vr4acv7pkvhlnzc3g.png)

{% github https://github.com/sturlabragason/quoth_the_vikings %}

ᚠ	ᚢ	ᚦ	ᚨ	ᚱ	ᚲ	ᚷ	ᚹ	ᚺ	ᚾ	ᛁ	ᛃ	ᛈ	ᛇ	ᛉ	ᛊ	ᛏ	ᛒ	ᛖ	ᛗ	ᛚ	ᛜ	ᛞ	ᛟ
Custom colour for angular material components
Tags: angular, webdev, css, angularmaterial
Published: 2021-11-24 10:31:31

## Problem
So, you have an angular material component, say a chip or a button like so:
```
<button mat-flat-button> Done button>
```
The designs provided to you show that the background colour of the button should be green and the text should be white.
You frantically search the web for a solution. Look no further !

## Solution
In your corresponding styling file (`.css` or `.scss`), include the following style selector:
```
.mat-green {
 background-color: green;
 color: white;
}
```

And then, in your `.html` file, simply set the `color` input attribute to `green` as below:
```
<button mat-flat-button color="green"> Done button>
```

And voilà ! There you have it.

Note: You can provide any name to the css selector and prefix it with `mat-` and set the name to the `color` attribute.
What is function overloading and overriding in php?
Tags: php
Published: 2021-11-24 10:30:51

In PHP, what do you mean by function overloading and function overriding. and what is the difference between both of them? couldn't figure out what is the difference between them.

Overloading is defining functions that have similar signatures, yet have different parameters. Overriding is only pertinent to derived classes, where the parent class has defined a method and the derived class wishes to override that method.

In PHP, you can only overload methods using the magic method __call.

##An example of overriding:

```
<?php

class Foo {
   function myFoo() {
      return "Foo";
   }
}

class Bar extends Foo {
   function myFoo() {
      return "Bar";
   }
}

$foo = new Foo;
$bar = new Bar;
echo($foo->myFoo()); //"Foo"
echo($bar->myFoo()); //"Bar"
?>
```

Example : [function overriding in php](https://www.pakainfo.com/function-overriding-in-php/)
Mongox: Familiar Python MongoDB ODM
Tags: python, mongodb
Published: 2021-11-24 10:22:28

Mongox is a an async MongoDB ODM (Object Document Mapper)built on top of [Motor](https://github.com/mongodb/motor) and [Pydantic](https://github.com/samuelcolvin/pydantic).
[Mongox](https://github.com/aminalaee/mongox) has a simple syntax, is easy to pick-up for people who have experience working with Python ORMs and is fully type-annotated.

You can install the python package:

```bash
pip install mongox
```

And you can define your models/collections using the Pydantic syntax:

```python
import asyncio

import mongox

client = mongox.Client("mongodb://localhost:27017")
db = client.get_database("test_db")


class Movie(mongox.Model):
    name: str
    year: int

    class Meta:
        collection = db.get_collection("movies")
```

You can now insert and query some collections:

```python
movie = await Movie(name="Forrest Gump", year=1994).insert()
```

Since Mongox is built on top of Pydantic, it plays well with Mypy and has auto-complete in IDE.

You can then query the document with:

```python
movie = await Movie.query(Movie.name == "Forrest Gump").get()
```

Or to get all collections:

```python
movies = await Movie.query().all()
```

---

Please visit the project page for documentation and full info [here](https://github.com/aminalaee/mongox).
Credit Card Form - VueJs
Tags: codepen
Published: 2021-11-24 10:19:54

<p>A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with vuejs and also fully responsive.</p>

<p>See on Github: <a href="https://github.com/muhammederdem/credit-card-form" target="_blank">https://github.com/muhammederdem/credit-card-form</a></p>

{% codepen https://codepen.io/JavaScriptJunkie/pen/YzzNGeR %}