teleren/devto huggingface dataset:
Sending an email out as another user in Power Apps
Tags: powerapps, dynamics365, powerplatform
Published: 2021-10-17 11:48:37

#Business requirement  

Users need to be able to send emails from inside Power Apps using another user's email.

#Prequisite

* Your Power Apps environment will need to have set up some integration with an email server. In this case, we're just going to use Exchange Online

#Solution

##1. Add this permission for a security role which will have the ability to send email as another user

![Security Role](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rb72sho3qzykbials2q1.png)

##2. Allow each account that you want to be able to have emails sent on their behalf.

This can be done inside Personalisation Settings

![Allow emails to be sent on behalf](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b9wgitu4nsn99g349pvy.png)
 
#How users send the email

They just simply select the account they want in the From tab.

![How to send from](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7e4vglsjxp16a9z5t4c3.png)

If either the user sending the email doesn't have a role with the permission or the account hasn't allowed other users to send on behalf of them, an error message will show up.

![Error message](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1cm5yh7dkbuauu39trhq.png)
 

And that's it - it's pretty simple once you know how. However, a few things to consider when deciding whether to use this solution.

* The emails that are sent are identical to if the original user sent it out themselves. 
* There doesn't seem to be any out of the box permissions to allow more finite permissions for only certain users to be able to send from certain mailboxes or mailboxes to only allow certain users to send from them. Basically, all users that can send as another user can send to all mailboxes that has allowed this.
Genlib
Tags: cpp, opensource, github
Published: 2021-10-17 11:42:26

**Genlib** is a library for C++ language to create testcases for competitive programming. It only requires ``stdc++.h`` and ``MinGW`` compiler to compile the generator. There are some functions provided there which make generate testcase easier than before.

##### Relevant Links
[Genlib](https://github.com/MasterIceZ/genlib)
Continuous integration and continuous delivery explanation (ci/cd)
Tags: productivity, devops, github, agile
Published: 2021-10-17 11:35:04

In this article, we will talk about ci/cd continuous integration and continuous delivery.
When we take about ci/cd, we are talking about automation, This article demonstrates the ci/cd approach from the Dev-Ops perspective.

Continuous-Integration (ci): is a software engineering and coding approach that allows developers and teams to make small releases code changes and merged them into a version control repository. because most modern applications use different tools, technologies, and platforms. teams need automation methodology to integrate and smoothly validate their changes.

Continuous-Delivery (cd): raise where ci ends, the main goal of cd is to automate the application deployment and production, teams practicing cd can changes code, add new features, bug fixes, and configure changes automatically. cd has solved the problem of miscommunication between the Dev team and ops team 

benefits of ci/cd:
Smaller Code Changes
Fault Isolations
Faster Mean Time To Resolution (MTTR)
More Test Reliability
Faster Release Rate

 follow this resource to learn more about ci /cd

https://lnkd.in/d3tbJXZ5

https://lnkd.in/dhH6SpYi

https://lnkd.in/d6umzuPk 

#softwareengineering 
#coding #automation #team
[Part 4/4] 🌐 Senior Backend Architecture Interview With a Senior Software Engineer
Tags: architecture, webdev, tutorial
Published: 2021-10-17 11:22:06

**About Me:** I've been a professional web developer for just over 10 years now. I'm currently the lead web development instructor at [Better Coding Academy](https://codebetter.com.au), and as part of what I do, I post videos on our YouTube channel at [https://www.youtube.com/c/BetterCodingAcademy](https://www.youtube.com/c/BetterCodingAcademy).

_(Subscribe for awesome web development content!)_

In this video series, I'm interviewed by a senior software engineer from one of Australia's largest software companies. In the final part of this series, we wrap up our discussion around the backend architecture model and recap on what we've covered in this series. I hope you enjoy!

{% youtube iV76w4Zfpjs %}

Happy coding!
How to debug Flutter apps over Wi-Fi(without root)
Tags: flutter, mobile, tutorial, android
Published: 2021-10-17 11:17:04

Let's just say you want to debug your Flutter app on android device, you use a USB cable right?

Yes but using a USB cable has its downsides
- If your charging port is loose for some reason, then a slight move will disconnect your app ☹️
- On MacOS is displays a certain annoying "Please install SmartSwitch or some app" message
- Lack of flexibility
- Among other annoyances

So lets try debugging over wifi

### Debugging over wifi

![Debugging over wifi](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynyuhxpgnl1xs4qjn2yk.png)
  

#### Requirements
- Your phone 📱
- Your machine 👨🏽‍💻
- A USB cable. 〜
- Your machine and phone should be connected to the same wifi.

#### Steps
**Step 1**
Connect your device to your machine using USB

**Step 2**
Open terminal and type the following

```bash
$ adb kill-server
$ adb tcpip 5555
```

This will kill current adb server and create another server which listens on all interfaces.

If it says something like this

```
* daemon not running; starting now at tcp:5037
* daemon started successfully
restarting in TCP mode port: 5555
```

Remove phone from mobile device and go to the next step

**Step 3**
Get you device's wifi IP address. To do this:
 
Go to
Settings > Connections > Click Wifi Name > View properties(Which has the IP)

**Or**

Settings > About Phone > Status > IP Address(Which has IP)

Your ip should be something like `192.168.100.X`

**Step 4**
Inside your terminal type

```bash
adb connect YOUR_IP:5555
```

And if it says something like this:

```
connected to 192.168.100.X:5555
```

You are good to go

### Safety Concerns
![Wifi hacks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jxd3j4ksnpbf72c1pymy.png)

While this method offers convenience and flexibility, it might not be safe to do it on a public wifi or a wifi that you don't trust. After all someone might be listening in for open ports just to do something crazy, So be careful...

![Outro Meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ukqlaznz0gmujtr5j1yz.png)
Simple file based routing for Express
Tags: express, javascript, routing, node
Published: 2021-10-17 10:53:27

There are a bunch of best practices out there that recommend to split your Express.js routes into separate files using `Express.Router()`.

But creating new routes this way isn't straightforward and requires quite a few lines of boilerplate code for each newly introduced endpoint.

```ts
// this is messy
import express from "express"

const router = express.Router()

router.route("/")
  .get(async (req, res) => {
    ...
  })

export default router
```

Fortunately, the framework era taught us better and popularized cleaner alternatives like file based routing.

Consider the following project structure:

```php
├── app.ts // main file
├── routes
    ├── index.ts // index routes
    ├── posts
        ├── index.ts
        └── [id].ts // dynamic params
    └── users.ts
└── package.json
```

This approach can work for you out-of-the-box too!

```
npm install express-file-routing
```

`express-file-routing` will transform all of your files inside `/routes` into valid paths.

- `/routes/index.ts` → /
- `/routes/posts/index.ts` → /posts
- `/routes/posts/[id].ts` → /posts/:id
- `/routes/users.ts` → /users

```ts
// app.ts
import express from "express"
import { router } from "express-file-routing"

const app = express()

app.use(router())

// /routes/users.ts
export const get = async (req, res) => {
  res.json([])
}
```

By default, exported functions like `get`, `post`, `put`, `patch`, `del` etc. will get matched their corresponding HTTP method automatically.

Adding middlewares is equally intuitive:

```ts
// /routes/posts.ts
import { rateLimit, userAuth } from "../middlewares"

export const post = [
  rateLimit(), userAuth(),
  async (req, res) => {
    res.status(201).json({})
  }
]
```

See [matthiaaas/express-file-routing](https://github.com/matthiaaas/express-file-routing) on GitHub for detailed docs & a get started guide.
Array.prototype.sort()

Tags: javascript, webdev, programming, tutorial
Published: 2021-10-17 10:42:46

sort() is a static method of Array which sorts the elements of an array in place and returns the sorted array. The default sort order is ascending, built upon converting the elements into strings, then comparing their sequences of UTF-16 code units values..

So what is a static method?

-A static method (or static function) is a method defined as a member of an object but is accessible directly from an API object's constructor, rather than from an object instance created via the constructor Methods called on object instances are called instance method.

sort() takes in a compare function with two arguments which compares two values and orders accordingly

- compareFunction(a, b) must always return the same value when given a specific pair of elements a and b as its two arguments which can be a string or a number strings are compared based on UTF number based off of reminder.

syntax : sort(compare(a, b))

Example : 

function compare(a, b) {
  if (a is less than b by some ordering criterion) {
    return -1;
  }
  if (a is greater than b by the ordering criterion) {
    return 1;
  }
  // a must be equal to b
  return 0;
}

-If compareFunction is supplied, all non-undefined array elements are sorted according to the return value of the compare function (all undefined elements are sorted to the end of the array, with no call to compareFunction).

- A sort Method can be called without passing a compare function (Function Less) with default order as ascending.

Syntax : sort()

Example : 

const months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();
console.log(months);
// expected output: Array ["Dec", "Feb", "Jan", "March"]

Sorting with Map :

The more work a compareFunction does and the more elements there are to sort, it may be more efficient to use map for sorting. The idea is to traverse the array once to extract the actual values used for sorting into a temporary array, sort the temporary array, and then traverse the temporary array to achieve the right order.

Example : 

// the array to be sorted
const data = ['delta', 'alpha', 'charlie', 'bravo'];

// temporary array holds objects with position and sort-value
const mapped = data.map((v, i) => {
  return { i, value: someSlowOperation(v) };
})

// sorting the mapped array containing the reduced values

mapped.sort((a, b) => {
  if (a.value > b.value) {
    return 1;
  }
  if (a.value < b.value) {
    return -1;
  }
  return 0;
});

const result = mapped.map(v => data[v.i]);

Time Complexity : 

The time and space complexity of the sort cannot be guaranteed as it depends on the implementation.

Compatibility :

 Other than Internet Explorer sort() works on every browser, mobile and pc also Dino and Node.js.
Dev blog posts that helped me in frontend journey
Tags: webdev, frontend
Published: 2021-10-17 10:29:57

There any many useful resources and some awesome guides like [roadmap.sh](https://roadmap.sh/) which gives good perspective of where we stand. Apart from those there are few other blogs that I would like to highlight, like:

- [Theodo blog](https://blog.theodo.com/2021/04/library-tree-shaking/) about JS library tree shaking and related module concept.
- [Josh Comeau's blog] (https://www.joshwcomeau.com/css/stacking-contexts/) on `z-index` stacking introduced me to his CSS courses.
- [michaelmang](https://www.michaelmang.dev/blog/)
- [Guide to help choose frameworks | kruschecompany.com](https://kruschecompany.com/ember-jQuery-angular-react-vue-what-to-choose/)
- [usehooks.com](https://usehooks.com/)
- [Understanding the core JavaScript | dmitrysoshnikov.com](http://dmitrysoshnikov.com/ecmascript/javascript-the-core/)
- [https://www.patterns.dev/](https://www.patterns.dev/)

## React Native
- [React Native - Beyond Basics | kadikraman.github.io](https://kadikraman.github.io/react-native-beyond-basics/docs/welcome/)

## Webpack
- [Node v8 deep-dive webpack 5 fix | engineering.tines.com](https://engineering.tines.com/blog/understanding-why-our-build-got-15x-slower-with-webpack)

## Mobile browsers
- [MDN | Detect tab switches and browser app sleep/awake cycle](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API/Timing_element_visibility)

## Build tools
- [Broccoli blog](solitr.com/blog/2014/02/broccoli-first-release/) gives overall architecture and comparison with `gulp` and `grunt`.
- [Compiling to JavaScript, and Debugging with Source Maps](https://hacks.mozilla.org/2013/05/compiling-to-javascript-and-debugging-with-source-maps/), along with [Source Map Revision 3 Proposal](https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit)
- [New insights on modern frameworks, 2017](https://tomdale.net/2017/04/making-the-jump/)


<!-- Self reference blog for my future version -->
Charla de animación SVG
Tags: css, svganimations, svg, spanish
Published: 2021-10-17 09:58:58

>CSS Conf Medellín 2021

### Material
- Charla en [youtube](https://youtu.be/EVnzunpx7Ds?list=PL_Ogb1Rkf_eyBVQgI00EnPEukxkF4letN&t=8301)	
- Las [Slides](https://slides.com/carmenansio/thesvgfiles/fullscreen)
- [Codepen](https://codepen.io/carmenansio/pen/MWJyMNZ) con la Animación SVG Files
Create Responsive Navigation Menu Bar Using HTML CSS | Mobile Menu Html CSS
Tags: html, css, webdev, javascript
Published: 2021-10-17 09:45:40

If you need help with responsive menu bars, then this video is for you!
In this tutorial I will show you how to create a responsive navigation bar that adjusts and changes based on the size of your screen. It's easy and takes just a few minutes.

**Watch Full Video:**
{% youtube rtx27XZadIw %}

In this video, I'll also show you how to design a responsive navigation menu bar with HTML and CSS. A responsive navigation menu bar is an important part of any website because it helps make the site more accessible for mobile users. Watch this video to learn about some of the most common features of a responsive navigation menu bar, as well as how to create one using free tools on your computer!

How to create responsive navigation menu bar using HTML and CSS?
How to create CSS header with logo and navigation bar for your website?
How to make HTML and CSS responsive menu bar for mobile menu?
responsive navigation bar using html and css
responsive navigation bar codepen
responsive navigation bar templates
responsive navigation menu css free download
hamburger menu css responsive
horizontal and vertical menu bar in html and css
bootstrap responsive navigation menu
responsive navbar with dropdown menu items
How can I create navbar with logo using CSS only?
How to create navigation bar with hamburger menu using CSS?
Creare a navigation header bar with hover effect with CSS.
Document Object Model🔥
Tags: code, javascript, dom, webdev
Published: 2021-10-17 07:22:37

👉 DOM stands for Document Object Model.

👉 DOM is 'World Wide Web Consortium' (W3C) standard.

👉 DOM is a programming interface for HTML documents.

👉 When browser try to render a HTML document, it creates an 
   object based on the HTML document called DOM. 

👉 By using DOM, we can manipulate or change various elements 
   inside the HTML document.
Learn With Me:Apple's Swift Literals
Tags: tutorial, ios, programming, beginners
Published: 2021-10-17 07:09:49

Hello guys and Welcome to *Learn With Me: Apple's Swift*.In previous tutorial you learned about Variables and Constants and today we are going to learn about Literals .So without wasting time let's start.

#Literals
Literals are representations of fixed values in a program. They can be numbers, characters, or strings, etc. For example, "Hello, World!", 12, 23.0, "C", etc.
Swift supports 4 types of 
literals,that are: 
•**Integer Literals**
•**Floating-point Literals**
•**Boolean Literals**
•**String and Character Literals**.
So let's study about them in brief.

#Integer Literals
Integer literals are those that do not have a fractional or an exponential part.

There are four types of integer literals in Swift:
•A decimal number, with no prefix.
•A binary number, with a 0b prefix.
•An octal number, with a 0o prefix.
•A hexadecimal number, with a 0x prefix.

#Floating-Point Literals
Floating-point literals are numeric literals that have floating decimal points or they are in fraction. For example,
```swift
let radius:Float=7.008
```
Here,**7.008** is a floating-point literal assigned to the **radius** constant.

#Boolean Literals
There are only two Boolean Literals:**true** and **false**.
For example,
```swift
let pass:Bool=true
```

#Character Literals
Character literals are Unicode characters enclosed in double quotes.For example,
```swift
let char:Character="S"
```

#String Literals
String literals are sequences of characters enclosed in double quotes.For example,
```swift
let name:String="Jonathan"
```
#Conclusion
Thanks for reading.I hope you will enjoy learning it.If you have any issues then let me know in the discussions.And in next part we are going to learn about Data Types in Swift.
4 Best GitHub Repos For JavaScript Devs
Published: 2021-10-17 07:05:17

Hello, My name is Sushant. In this post I am going to talk about 4 Best GitHub Repos For JavaScript Devs. If you are also a JavaScript Developer then this post will be very helpful. If you are new to JavaScript and you want to learn JavaScript then you will find best content for that too in this post. So let’s get started and find out 4 best GitHub Repos for JavaScript Learning & preparation.
[READ FULL POST](https://crunchythings.xyz/4-best-github-repos-for-javascript-devs/)
API Gateway
Tags: systems, cloud
Published: 2021-10-17 05:49:56

## What is API Gateway

An API Gateway is an API management tool that sits between a client and a collection of backend services. An API gateway acts as a reverse proxy to accept all application programming interface (API) calls, aggregate the various services required to fulfill them, and return the appropriate result.

## Why using it

- Abstraction level for the clients. With microservice architecture, if you add some API services and retire others, clients can still find all your services in the same place.
- Protect your APIs from overuse and abuse.

## What public clouds offers

### [Amazon API Gateway](https://aws.amazon.com/api-gateway/)

![Alt text](https://d1.awsstatic.com/serverless/New-API-GW-Diagram.c9fc9835d2a9aa00ef90d0ddc4c6402a2536de0d.png)

Uisng Amazon API Gateway, you can create RESTful APIs and Websockets APIs. AWS provides benefits like monitoring (integrates with [Amazon CloudWatch](https://aws.amazon.com/cloudwatch/)), authentication, authorization, throttling, etc. With an API Requests price as low as $0.90 per million requests at the highest tier.

### [GCP API Gateway](https://cloud.google.com/api-gateway)

GCP provides API gateway service, which can create, secure and monitor APIs for Google Cloud serveless backends, including Cloud functions, Cloud Run and App Engine. Looks like the supported services behind the api gateway are still limited.

The billing model is similar to AWS, which is charged by number of API calls. The price seems to be cheaper than AWS gateway though.

| API calls per month per billing account | Cost per million API calls |
|-----------------------------------------|----------------------------|
| 0-2M                                    | $0.00                      |
| 2M-1B                                   | $3.00                      |
| 1B+                                     | $1.50                      |

## Open source solutions

### [Kong Gateway](https://konghq.com/kong/)

Kong Gateway is the most popular open-source cloud-native API gateway built on top of a lightweight proxy. It is written in Lua running with the help of the Nginx.

### [Tyk](https://tyk.io/open-source-api-gateway/)

Tyk is an enterprise-ready open-source API gateway. You have an option to either go for self-hosted or managed.

### [Goku](https://github.com/eolinker/goku_lite)

Goku API Gateway is an umbrella project of EOLINK Inc. It is a Golang-based microservice gateway that enables high-performance dynamic routing, service orchestration, multi-tenancy management, API access control, etc.
Coomet Random Video chat
Tags: webdev, chat, beginners
Published: 2021-10-17 05:30:35

Join in a live chat online in Roulette Video Chat with girls and boys. Millions of people around the world via webcams are a lookout for new friends and acquaintances to enjoy a fun video chat with a stranger.

Quick Search Companion for Video Chat with women and men from countries Russia, Ukraine, Belarus and many more countries in their native language. Automated registration in video chat, as well as an Anonymous random search interfaces makes communicating easy and enjoyable.

Coomeet ( https://random-meet.com/ ) Video Chat App is the most well-known chatroom on the internet community. It's among the best Omegle and Chat roulette alternatives. it allows you to provide the most fun video chat experience and video dating across the globe and provides faster speed for network connections and a more user-friendly experience. Coomeet Video Chat beats all other dating and video chat platforms. To provide more secure features to our amazing visitors to protect their privacy while making use of Live Video Chat. In contrast to Omegle users Our Video data is safely deleted after the user has left our website. We hope you enjoy the Coomeet Video Chat app on the Video Chatting Site.

->Coomeet App

Coomeet is the easiest method to meet new people online. It allows you to chat via video or text with people from more than 180 nations!

The Internet has a lot of fascinating individuals. Chatroulette, similar to coomeet and omegle, lets you meet them

->Coomeet Alternative

1. Ome tv
2. Chatroulette
3. Dirtyroulette
4. Random-talk
5. Random-meet
6. Ome-i