teleren/devto huggingface dataset:
Use Confidential Virtual Machines, In Azure Kubernetes Service cluster
Tags: azure, containerapps, kubernetes, docker
Published: 2022-10-26 06:28:20

You can add a node pool to your AKS cluster with CVM using the generally available confidential VM sizes (DCav5/ECav5). Confidential VMs with AMD SEV-SNP support introduces a new set of security features, including full VM memory encryption, to protect data in use. These features enable CVM-enabled node pools to migrate highly sensitive container workloads to AKS without requiring any code refactoring while taking advantage of AKS's features. CVM nodes use a customized Ubuntu 20.04 image that has been specially configured for CVM.

**Note-** Adding a node pool with CVM to your AKS cluster is currently in preview.

**The Heterogenous Node Pools** 
AKS can now have both confidential and non-confidential node pools in the same cluster. This means that apps that process sensitive data can run in a VM-level TEE node pool with memory encryption keys generated by the chipset itself. In the near future, the DCasv5 and ECasv5 confidential VMs will also support remote guest attestation, allowing AKS admins to target pod deployments to only attested nodes. The image below depicts the AKS node's code and data while protected by AMD SEV-SNP memory.


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

**Required Pre-requisites**

1. Azure CLI installed.
2. An existing AKS cluster in the region of westus, eastus, westeurope, or northeurope.
3. For your subscription, you can choose from the DCasv5 and DCadsv5-series or the ECasv5 and ECadsv5-series.

**A Few Constraints**
When adding a node pool with CVM to AKS, the following limitations apply:

1. It is not possible to use --enable-fips-image, ARM64, or Mariner
2. Node pools that are already running can't be upgraded to CVM
3. For the region where the cluster is created, DCasv5 and DCadsv5-series or ECasv5 and ECadsv5-series SKUs must be available for your subscription

**Below Examples:**

1. To add a node pool with the CVM to AKS, use az aks nodepool add and set node-vm-size to Standard_DCa4_v5.

`az aks nodepool add \
    --resource-group myResourceGroup \
    --cluster-name myAKSCluster \
    --name cvmnodepool \
    --node-count 3 \
    --node-vm-size Standard_DC4as_v5`

2. To verify a node pool uses CVM, use az aks nodepool show and verify the vmSize is Standard_DCa4_v5.

`az aks nodepool show \
    --resource-group myResourceGroup \
    --cluster-name myAKSCluster \
    --name cvmnodepool \
    --query 'vmSize'`

3. To remove a node pool with CVM from an AKS cluster, use az aks nodepool delete.

`az aks nodepool delete \
    --resource-group myResourceGroup \
    --cluster-name myAKSCluster \
    --name cvmnodepool`


For more details [Confidential VM in AKS](https://learn.microsoft.com/en-us/azure/aks/use-cvm)

---
pypa has started to monitor workflows and tests
Tags: python, devops, github
Published: 2022-10-26 06:26:25

World famous packaging and virtual env management tool pypa has started to monitor their GitHub Actions and see the results:
[https://pypa.app.runforesight.com/repositories/github/pypa/pipenv/workflow-run/180087c7-e109-37be-8402-236691c00948/9092458891/tests](https://pypa.app.runforesight.com/repositories/github/pypa/pipenv/workflow-run/180087c7-e109-37be-8402-236691c00948/9092458891/tests)

They have almost 20 jobs on their main workflow. It looks very complex and windows tests looks a bit problematic 🤔
Is possible react-pdf get pagination in 4.x?
Tags: react, reactpdf
Published: 2022-10-26 06:25:23

My project stick with IE, so I using `react-pdf@4.1.0`, I find out the example for doing this [codesandbox](https://github.com/wojtekmaj/react-pdf/issues/632)
but it was been limited, by using 5.1 and upper.

Is any way to do this? Thanks!
Helm—Named Templates
Tags: helm, kubernetes, k8s, devops
Published: 2022-10-26 06:00:49




We can create partial or sub-templates in helm, mainly known as “named templates”. A named template is simply a template defined inside a file and given a name.

Named templates can be considered just like functions. Named templates will allow us to reuse syntax or logic throughout the helm chart.

Article Link - [ Helm—Named Templates](https://levelup.gitconnected.com/helm-named-templates-de2efc3875d0)
Let us learn about UmiJS
Tags: umijs, javascript, webdev, programming
Published: 2022-10-26 05:45:09

## What is [UmiJS](https://v3.umijs.org/) 💡
- It leverages the idealogy of React, NextJS and TypeScript.
- It is a utility framework that can be used to build enterprise-level applications.
- Built by Ant Group, the subsidiary of Alibaba.
- It has an in-built routing mechanism that supports configuration and conventional routing.
- Supports micro-frontend, component packaging, documentation tools, request library, hooks library, data flow etc.

## Setup the project

### Prerequisites
- node ≥ 10.13.0
- yarn package

### Create an empty project
 `$ mkdir myapp && cd myapp`

### Create a umi project
 `$ yarn create @umijs/umi-app`
![mkdir](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/95s45589u0eqausaol5f.png)

### Install dependencies
 `$ yarn`
![dependencyinstall](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4he9f2zrav6zymloolzb.png)

### Start the project
 `$ yarn start`
![startapp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1tvr0o7v9uc4r3aclqs.png)

### Check the application running
![startup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/is6krmu8kpiziheioni0.png)

## Folder structure
- `.umi` folder contains the umi plugins that would be used across the development of the application.
- `pages` folder contains the files that would be rendered in the UI. The name of the file name is the route name for the file as well.
![folderstructure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m14zmn4h71dv57sffm7a.png)

## Conclusion 📗

More details are incoming around UmiJS...

Thanks in advance for reading this article...🚀

*I am more than happy to connect with you on*

- [@twitter](https://twitter.com/_nitinreddy3)
- [@LinkedIn](https://www.linkedin.com/in/nitinreddy3/)

*You can also find me on*

- [@Github](https://github.com/nitinreddy3)
- [@DEV](https://dev.to/nitinreddy3)
- [@Medium](https://medium.com/@nitinreddy3)
5 tips for a great software documentation
Published: 2022-10-26 05:43:44

👩🏻‍💻Describe what your program does from start to finish. It needs to be so detailed that you could implement it based on the description.

📊Include architectural diagrams to enhance the understanding 

📝Write down the steps of how to install, update and run the software

🖼Add screenshots

🖥Add infos about the servers used for development, testing and production 

What would you like to add?
Creating Multi Platform Application.
Tags: flutter, devops, project
Published: 2022-10-26 05:41:07

As we're seeing people are using only some of apps like YouTube, Instagram and some other apps. This is making things difficult to push new kind of apps in between users.

So to create more engaging apps to keep users sync across devices. This kind of like trap them in your app ecosystem. For example like music sync in Spotify.

As a growing demand of multi platform apps. Flutter is a cross platform development framework developed by google. Also there is a another google product that's compatible with any platform, Firebase. I think with this two products, there is full fledged apps with power of cloud infrastructure.

Here are some of my ideas with these two products, also used as a project.

 - Sync Board - Multi Platform App to sync your clipboard across any device whether its android, iOS, or windows.
 - Screen Share - Often times many of us struggle to share screen between devices. Using realtime database to share screen, isn't that amazing.

_so from these article i want all of you to share some thoughts or ideas about what we can do with power of multi platform development and scalable cloud infrastructure 😀._
Weekly web development resources #121
Tags: webdev, weekly
Published: 2022-10-26 05:35:05



______

*Sponsored*
##[Business Brainstorms](https://businessbrainstorms.com/)
[![Business Brainstorms](https://wweb.dev/weekly/content/121/businessbrainstorms.jpg)](https://businessbrainstorms.com/)
A great newsletter with under-the-radar-trends, business ideas, actionable frameworks and more.

______


##[Lucide](https://lucide.dev/)
[![Lucide](https://wweb.dev/weekly/content/121/lucide.jpg)](https://lucide.dev/)
A beautiful & consistent icon toolkit made by the community.

______


##[Linen](https://www.linen.dev/)
[![Linen](https://wweb.dev/weekly/content/121/linen.jpg)](https://www.linen.dev/)
A tool to sync your Slack and Discord threads to an SEO friendly website.

______


##[Launchini](https://launchini.com/)
[![Launchini](https://wweb.dev/weekly/content/121/launchini.jpg)](https://launchini.com/)
A tool that sends you an email whenever anyone you follow on Twitter launch something on Product Hunt.

______


##[WebC](https://github.com/11ty/webc)
[![WebC](https://wweb.dev/weekly/content/121/webc.jpg)](https://github.com/11ty/webc)
A framework-independent standalone HTML serializer for generating markup for Web Components. 

______


##[Outstatic](https://outstatic.com/)
[![Outstatic](https://wweb.dev/weekly/content/121/outstatic.jpg)](https://outstatic.com/)
An open-source CMS for Next.js that uses Git to store your data.

______


##[CSS Shapes](https://getcssscan.com/css-shapes)
[![CSS Shapes](https://wweb.dev/weekly/content/121/cssshapes.jpg)](https://getcssscan.com/css-shapes)
A list of  CSS shapes like triangles, arrows, diamonds, tooltips, bubbles, ready to use, click to copy.

______


##[Email Template Builder](https://www.gosquared.com/free-email-builder/)
[![Email Template Builder](https://wweb.dev/weekly/content/121/email-builder.jpg)](https://www.gosquared.com/free-email-builder/)
A free drag n drop email HTML template builder to create responsive emails.

______


##[Restfox](https://restfox.dev/)
[![Restfox](https://wweb.dev/weekly/content/121/restfox.jpg)](https://restfox.dev/)
An offline-first web HTTP client, which can be used as an alternative to Postman. 

______


##[Blaze Slider](https://blaze-slider.dev/)
[![Blaze Slider](https://wweb.dev/weekly/content/121/blaze.jpg)](https://blaze-slider.dev/)
A high-performance JavaScript UI library for creating sliders.

______


##[FormBold](https://formbold.com/templates)
[![FormBold](https://wweb.dev/weekly/content/121/form-templates.jpg)](https://formbold.com/templates)
Ready to use free HTML form templates that you can copy-paste and start using immediately.

______


##[Gnod](https://www.gnod.com/)
[![Gnod](https://wweb.dev/weekly/content/121/gnod.jpg)](https://www.gnod.com/)
An AI recommendation engine to discover new music, movies, art and more.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
Difference between ? and ?? in JavaScript/Typescript
Tags: javascript, operators, optional, typescript
Published: 2022-10-26 05:17:24

Hey folks, if you have opened this article that means you are curious about these 2 operators, how they operate, and what's the difference between these two. So without wasting any time, let's jump into details with a code example.


## ?

? is **Optional Chaining Operator**, also commonly named as null checker for objects. Its primary use is to check if an object exists or not.

**Example**

```javascript
const user = {
    id: 5,
    name: "John"
};
console.log(user?.name); //John
console.log(user?.fullName); //undefined, program won't crash.
console.log(user.fullName); 
//TypeError: Cannot read property ‘fullName’ of undefined
```


## ??

?? is **Nullish Coalescing Operator**. It is used to initialize an object/variable if it is undefined or null.

**Example**
```javascript
const user = {
    id: 5,
    name: "",
    firstName: null,
    lastName: undefined
};
console.log(user.name??"Johnny Depp");// prints ""
console.log(user.firstName??"Johnny");// prints Johnny
console.log(user.lastName??"Depp");// prints Depp
```

_Feel free to add suggestions in the comments. 
Thanks. Happy Coding._
مدونة مهندسي المعلوميات
Tags: news
Published: 2022-10-26 05:14:44

 <a href="https://www.genuis-info.com/2022/09/tiktok-now-apk-2023.html" target="_blank" target="_blank" class="external-link">تحميل تطبيق tiktok now apk 2023 للايفون والاندرويد</a>

<a href="https://www.genuis-info.com/2022/08/delta-iptv-2023.html" target="_blank" target="_blank" class="external-link">تحميل تطبيق delta iptv دراما لايف + كود التفعيل 2023</a>

<a href="https://www.genuis-info.com/2022/10/2023-drama-live.html" target="_blank" target="_blank" class="external-link">تحميل دراما لايف مهكر بدون اعلانات 2023 Drama Live مع كود التفعيل لمشاهدة القنوات مجانا للاندرويد</a>

<a href="https://www.genuis-info.com/2022/02/2022-drama-live-tv-apk.html" target="_blank" target="_blank" class="external-link">تحميل دراما لايف مهكر بدون اعلانات 2023 Drama Live مع كود التفعيل لمشاهدة القنوات مجانا للاندرويد</a>

<a href="https://www.genuis-info.com/2022/01/duolingo-plus-apk-2022.html" target="_blank" target="_blank" class="external-link">دولينجو بلس  مهكر</a>

<a href="https://www.genuis-info.com/2021/08/download-youtube-premium-free-APK.html" target="_blank" target="_blank" class="external-link">تحميل يوتيوب بريميوم مهكر</a>

<a href="https://www.genuis-info.com/2022/08/ytv-player-apk.html" target="_blank" target="_blank" class="external-link">تحميل مشغل ياسين TV بدون اعلانات تحميل تطبيق TV Player للاندرويد اخر اصدار</a>
تحميل برامج
Tags: python, css
Published: 2022-10-26 05:13:15

 <a href="https://www.genuis-info.com/2022/09/tiktok-now-apk-2023.html" target="_blank" target="_blank" class="external-link">تحميل تطبيق tiktok now apk 2023 للايفون والاندرويد</a>

<a href="https://www.genuis-info.com/2022/08/delta-iptv-2023.html" target="_blank" target="_blank" class="external-link">تحميل تطبيق delta iptv دراما لايف + كود التفعيل 2023</a>

<a href="https://www.genuis-info.com/2022/10/2023-drama-live.html" target="_blank" target="_blank" class="external-link">تحميل دراما لايف مهكر بدون اعلانات 2023 Drama Live مع كود التفعيل لمشاهدة القنوات مجانا للاندرويد</a>

<a href="https://www.genuis-info.com/2022/02/2022-drama-live-tv-apk.html" target="_blank" target="_blank" class="external-link">تحميل دراما لايف مهكر بدون اعلانات 2023 Drama Live مع كود التفعيل لمشاهدة القنوات مجانا للاندرويد</a>

<a href="https://www.genuis-info.com/2022/01/duolingo-plus-apk-2022.html" target="_blank" target="_blank" class="external-link">دولينجو بلس  مهكر</a>

<a href="https://www.genuis-info.com/2021/08/download-youtube-premium-free-APK.html" target="_blank" target="_blank" class="external-link">تحميل يوتيوب بريميوم مهكر</a>

<a href="https://www.genuis-info.com/2022/08/ytv-player-apk.html" target="_blank" target="_blank" class="external-link">تحميل مشغل ياسين TV بدون اعلانات تحميل تطبيق TV Player للاندرويد اخر اصدار</a>
Buy Maximum Items with Given Sum
Tags: javascript, leetcode
Published: 2022-10-26 05:10:05

 The problem of buying the maximum items with a given sum.

Given an array cost of items & sum is max amount you have.

```js
var maximumItemToBuy = function (cost, sum) {
  const Q = new MinPriorityQueue();
  for (let i = 0; i < cost.length; i++) {
    Q.enqueue(cost[i]);
  }

  let res = 0;
  while (true) {
    let popedElement = cost.dequeue().element;
    if (sum > popedElement) {
      sum = sum - popedElement;
      res++;
    } else {
      break;
    }
  }
  return res;
};

console.log(maximumItemToBuy([1,5,11,120,200], 10)

```
User Experience
Tags: storybytes, uxdesign, experience, success
Published: 2022-10-26 05:04:43


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

Websites, applications and Mobile Apps are becoming more feature-packed and interactive, thereby becoming more complex. Consequently, an essential component of a successful product that is often overlooked is its usability. At Web and App Studio, we strive not to miss the look and feel aligned with usability wherever we come in touch with usability. After all, the user expects from us that we deliver state of an art experience. The happier the users, the more trust and relationships can be built. Therefore, it can be said that ensuring good usability is the prerequisite for achieving success with business goals.
Seo Success Factory
Tags: storybytes, seo, searchengines, webandappstudio
Published: 2022-10-26 05:02:03


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


SEO is constantly changing. Gone are the days where you could rank a site in possibly 14 days just by catchphrase stuffing and utilizing backlink exercises. Website optimization services are developing as search engines do adapt their way of crawling. There are two major classes to identify. On-Page Seo; Factors that are primarily within the control of creators. The second one is Off-page SEO; Factors that happen over time, ideally creator and site owner pulling together. Web and App Studio has taken many sites to a better ranking by combining both factors as creators and solution providers with different organizations.
Starting Upskill Journey
Published: 2022-10-26 04:36:35

- Learning advanced Python topics
- In Github develop a new tool to download YouTube, Facebook, Instagram, Twitter video download, then use GUI and Django -2 interfaces for interaction.

Will update my journey 
![day 0 work](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zjlpfem3rzsa1ytn8k15.png)
CSS Swinging Panel Menu
Tags: codepen
Published: 2022-10-26 04:13:45

<p>A simple, clean pure CSS menu that uses keyframe animation to create a "swinging panel" effect for sub nav. I am having trouble getting it to work in Opera but performs well in Chrome, Safari and Firefox (but getting a weird flicker). And, of course, doesn't work in IE but degrades well. By the way, why is IE even a thing?  TRS-80 and CP/M were miles ahead, yet shit built by MS gets the nod.  Monopolies are NEVER a good thing.  Why can't congress and ass-holes get that through there pin heads? </p>

{% codepen https://codepen.io/sethabbott/pen/nemXKB %}
DPS909 Blog - Lab 6: Full MD Support
Published: 2022-10-26 03:40:26

For lab 6 in my open-source course (DPS909) we were asked to explore features of another popular static site generator (SSG) called [Docusaurus](https://docusaurus.io/). After creating our own demo website using Docusaurus, we were asked to choose one feature that we would like into our own [SSG project](https://github.com/alexsam29/ssg-cli-tool).

## What is Docusaurus?
Docusaurus is an open-source project that is used to build, deploy maintain websites (usually for project documentation).  Docusaurus allows you to use tools you may already be familiar with, such as Markdown, to write documentation/blogs.  The website is easily customizable as well because it's built using React.

### Setting up a Docusaurus Project
Setting up a Docusaurus website wasn't not difficult at all. I first needed to create a blank project repo on GitHub then just use a command line tool (`npx create-docusaurus@latest my-website classic`) that builds everything you need for a basic Docusaurus site.

## New SSG Feature
After exploring Docusaurus, I decided I wanted to implement full Markdown (MD) support to replace the basic MD parser my SSG currently has. This is because in order to have a good SSG, like Docusaurus, you need to have a good Markdown-to-HTML parser as the backbone of the project. Adding anything else seems unnecessary until you get the basics done and perfected.

### Approach
I created some [issues](https://github.com/alexsam29/ssg-cli-tool/milestone/1) to help plan the process.
 
To start, I first began to look for an open-source NPM module that does exactly what I need and is compatible with how I set my project up.

I found a NPM library called [markdown-it](https://www.npmjs.com/package/markdown-it) that parses all MD syntax into HTML. I thought this was a good module because it also supports plugins to extend it's functionality, so if I need additional features to be supported I can easily implement them.

I then installed the module in my project and began working on adjusting the code. I first got rid of my initial MD parser and then added the new module to replace it. It was rather easy to replace since the new module made the code simpler. All I had to do was import the module, then use the `render()` function to convert the MD file content into HTML and add it to the body of the HTML file.

Additionally, I also added some plugins to support MD features such as subscript, superscript, footnotes, definition lists

## Future
Now that I have a working prototype of a full MD parser, I created some [issues](https://github.com/alexsam29/ssg-cli-tool/milestone/1) that invites people to add additional plugins that they deem necessary. While adding this feature I noticed that there was still a problem parsing file paths, so that's something that I will continue to work on.
Cyber Security for Social Networking
Tags: socialnetwork, cybersecurity, facebook, cybercrime
Published: 2022-10-26 03:22:14

1.Introduction
Connecting people and organizations is the primary goal of social networking websites. Additionally, it has created a lot of business potential for businesses and enterprises. The manner that individuals communicate has undergone tremendous change as a result of social media. Social networking platforms specifically raise concerns about user security and privacy. The idea of communication has altered in the age of the smartphone and computer.
 Over the past ten years, numerous cyber-crimes have
evolved as a result of inadequate protection. In the present
evolution of information technology and services, cyber security is crucial. Thus, users' attempts to protect their personal and professional information from online intrusions are known as "cyber security."

2.Background and Motivation

The problem of cyber security has received a lot of attention in social networking sites for many years. It remains the most difficult problem despite decades of investigation. The surge in users using social networking websites has created new entry points for attackers to access user accounts. A new threat to the user's security and privacy
grows as more information is provided. In today's technologically advanced world, social media sites are expanding quickly and creating new hazards to people and businesses.

3.Description

Cybersecurity refers to defending internet-connected devices
against online dangers. It involves safeguarding programs, data,
and technology and works to keep hackers from getting access to computers or networked devices.
Any number and kind of interconnected devices can form a
network. Network security is crucial because it protects sensitive information from online threats and guarantees that the network is reliable and useable.

4.Aim & Objectives

Aim
Social networking sites that offer privacy and security options discuss about the solutions to improve account security.Objectives When using the social sites, we can improve these

Login-Alerts
Third party-authentication
Improve Web Browser Security Settings
Disable third-party cookies
Block plug-ins, pop-ups, and phishing sites etc.…

5.Scope of the Study

A. There should be policies in place for a company's emails to prevent confusion with other spam or phishing emails.
B. Both the individual user and the organization should use strong antivirus software so that it can filter and block harmful websites.
C. Websites should use authentication at every level to prevent hackers from gaining access to users' personal data.
D. The government should implement training and educational
initiatives to raise public understanding of cyber security. The government should run public relations initiatives, such as seminars, competitions, and exhibitions, about cyber security.

References.

 1.https://www.eweek.com/security/social-media-
cybersecurity/
 2.https://www.ecpi.edu/blog/cyber-security-for-social-
media-what-information-is-at-stake
 3.
https://www.cisco.com/c/en/us/products/security/com
mon-cyberattacks.html#~how-cyber-attacks-work