teleren/devto huggingface dataset:
MANAGE AUTHENTICATION AND AUTHORIZATION AZURE STORAGE
Tags: beginners, devops, azure, cloudcomputing
Published: 2023-12-06 12:16:40

* Copy your blob **URL**


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

* Open your browser and paste the URL in the web search bar. You will get an error because the **container's public access** is set to private.


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

* Close your browser and go back to your Azure portal and click on Generate SAS


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

* Scroll down and click on the start date to update it then click on **Generate SAS token and URL**


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

* Scroll down and copy the **Blob SAS URL**


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

* Open a new browser and paste the URL you just copied and click enter.


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

* The newly generated SAS token grant you access to the file. You can open the file to view it

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

* Go back to your Azure portal and to the container page. click on **Azure AD user account**.


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

* An error will appear because you do not have permission to change the authentication method. Click Access control (IAM) in the left pan.


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

* Then click **Add role assignment**


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

* Search for **storage blob data owner** and click next


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

* Click on **select member**


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

* Search for and select your username. Take your arrow key down and click on select.


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

* Click review and assign


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

* Once the role is assigned, go to the left pan and click **Overview**


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

* Click **switch to Azure AD User Account** to verify you can change the authentication method


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjq2s3fj8sxfyi6vky12.png)
A livebook for the basics of processes in Elixir
Published: 2023-12-06 12:14:32

# The basics of processes in Elixir

## Examples

All you have to do is to open a [Livebook](https://livebook.dev/) server and import this notebook, by clicking on the button below.

[![Run in Livebook](https://livebook.dev/badge/v1/blue.svg)](https://livebook.dev/run?url=https%3A%2F%2Fgist.github.com%2Fadolfont%2F971e25ae72cdb6b79d7a6b984bff5052)

```elixir
spawn(fn -> 3 end)
```

```elixir
pid = spawn(fn -> 3 end)
```

```elixir
Process.alive?(pid)
```

```elixir
pid = spawn(fn -> IO.puts("Adolfo") end)
```

```elixir
Process.alive?(pid)
```

```elixir
Process.sleep(10000)
```

```elixir
pid =
  spawn(fn ->
    IO.puts("Starting")
    Process.sleep(10000)
    IO.puts("The end")
  end)
```

```elixir
# click evaluate while the process is sleeping
Process.alive?(pid)
```

```elixir
defmodule Example do
  def listen do
    receive do
      {:ok, "hello"} -> IO.puts("World")
      _ -> listen()
    end
  end
end
```

```elixir
pid = spawn(Example, :listen, [])
```

```elixir
Process.alive?(pid)
```

```elixir
send(pid, :hi)
```

```elixir
send(pid, {:ok, "hello"})
```
Azure Logic Apps: Orchestrating Workflows with Zero Code Complexity" 🌐🔧[5/8]
Tags: logicapps, azure, zerocode, beginners
Published: 2023-12-06 11:55:13

## The Prelude: Unveiling the Magic of Azure Logic Apps 🚀

Welcome to the symphony of automation, where Azure Logic Apps takes the center stage. In this melodious journey, we'll unravel the enchantment of visual workflows, empowering both business users and developers to orchestrate seamless processes and integrate services—all without the need for extensive code.

## Act 1: The Harmony of Visual Workflows 🎭

Azure Logic Apps transforms complexity into simplicity. It's the magic wand that allows you to create workflows visually, like an artist painting a masterpiece. Imagine the power of connecting applications, services, and systems through a visual canvas.

## Act 2: Realizing the Magic - Creating Workflows Sans Code 🌟🛠️

**Step 1: Enter the Azure Portal - Your Gateway to Visual Orchestration**

Begin your journey by entering the Azure Portal—the doorway to visual orchestration. Create a Logic App to initiate the magic:

```
az logic workflow create --resource-group YourResourceGroup --location eastus --definition "@path/to/your/logic-app-definition.json" --name YourLogicAppName

```

**Step 2: Design Your Symphony - Building Visual Workflows**

Picture yourself as a composer, arranging a symphony of workflows. With Azure Logic Apps, you can seamlessly connect services, trigger actions, and design intricate processes:

```
# YAML example for creating a Logic App workflow
triggers:
- azure-queue-storage: 
    connection: "<your-connection>"
    queueName: "<your-queue>"

# Your code here for defining workflow steps and actions

```
**Step 3: Conduct the Orchestra - Integration without Extensive Code**

Azure Logic Apps allows you to conduct your orchestra without drowning in code. Integrate services effortlessly, creating a harmonious blend of processes:

```
// C# example using Azure Logic Apps SDK
var response = await logicAppsClient.Workflows.RunAsync("<your-resource-group>", "<your-logic-app-name>");

```

**The Grand Finale: Workflows Simplified, Magic Amplified! 🎉✨**

Bravo, conductors of the Logic Apps symphony! Your visual workflows have turned complexity into simplicity, and automation into an art form. As your applications seamlessly dance through orchestrated processes, the magic of Azure Logic Apps continues to resonate.

Join the orchestra of visual orchestration, where workflows are composed with ease, and the power of automation is at your fingertips! 🎵🔧
Ideathon on Balkan ICP Discord
Tags: blockchain, web3, ideathon
Published: 2023-12-06 11:51:59

This weekend (8.12–10.12), starting Friday at 16:00 CET

Tailored for both web3 enthusiasts and beginners.
No coding required.

Check out the link for all details

https://medium.com/@icpbalkans/welcome-to-the-icp-hub-balkan-winter-ideathon-fa05a173270b
Be a part of something bigger
Tags: webdev, javascript, beginners, react
Published: 2023-12-06 11:49:23

Ever felt like Chaplin tightening the bolts of small pieces and failing to see why?

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

We have all been there. It’s not fun, but we coders can always rely on side projects to find purpose in what we do.

If you ever felt this way, I have an invitation for you. Yes, you, Charles.

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

### 1. Be a part of something bigger. 

### 2. Belong to a community. 

### 3. Give WebCrumbs a go.

Really.

We are building in public **the WordPress of the modern web**. Open source, free, low or no-code, modular and extendable. Wouldn’t it be great?

You can join this vision and 300+ brilliant minds in seconds, and start making a lasting impact today:

{% cta https://github.com/webcrumbs-community/webcrumbs %}Follow us on GitHub{% endcta %}

Want more ways to engage? We'd love to hear your voice!

* Our [Discord](https://github.com/webcrumbs-community/webcrumbs) is the perfect place to collaborate, get help, and share your successes. 

* Join our [community discussions](https://github.com/webcrumbs-community/webcrumbs) and bring your unique perspective to the table.

We're excited to have you on board and can't wait to see what we'll create together.

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


---

Follow me for more! 
I usually write about JavaScript, WebDev and [Webcrumbs](https://github.com/webcrumbs-community/webcrumbs) ❤️.

{% embed https://dev.to/opensourcee %}
FREE No-code tool to design & deploy cloud infrastructure in minutes
Tags: devops, cloudcomputing, aws, productivity
Published: 2023-12-06 11:48:08

🖐 Hey Developers, DevOps, Software Consultants, Project Managers, and Software Discovery Team Leads. My team and I have built the DevOps accelerator named ArchFormation for you.

ArchFormation helps customers to ✅ design & deploy cloud infrastructure for their needs in minutes instead of months, including DevOps best practices and security standards without sacrificing quality or reliability.

Just use our built-in architecture templates or create infrastructure yourself with our visual builder.

How does it work? 👇
1. Build cloud architecture using a big library of public cloud components through drag-and-drop interface.
2. Convert the result into code and push to GitHub in one click.
3. Continue improving and changing the code for your needs.

💪 [TRY IT NOW](https://archformation.com?utm_source=devto&utm_medium=post&utm_campaign=app_beta_release)
Config vs. Code in Gen AI
Tags: config, ai, mlops
Published: 2023-12-05 22:45:38


**Has the time finally come for Config and Code to come together for developing Gen AI applications?**

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

---

For countless years, we've had numerous debates about whether ML should be more config-driven or more code-driven. There are pros and cons to both:

| Attribute      | Code        | Config      |
| ----------- | ----------- | ----------- |
| **Iteration speed** | Con: usually slower iteration speed especially as the code base gets more complicated | Pro: faster to iterate and adjust configurations|
| **Debugging** | Pro: easier to identify and fix issues within a single place | Con: can be difficult to navigate in between code and config to isolate issues |
| **Maintenance** | Con: code maintenance can become complex without clean organization and abstractions | Pro: configs are already abstractions of critical settings of the application |
| **Dependency Management** | Pro: libraries and dependencies are usually better managed | Con: dependency issues are more common due to implicit dependencies

Given the nature of Generative AI enabling more model settings, parameters, and prompts requiring to be iterated upon, it's opened up the opportunity for Code + Config to come together to enable a better Gen AI developer experience.

We open-sourced a library, [AI Config](https://github.com/lastmile-ai/aiconfig), that blends the experience together to create a seamless way to develop GenAI applications while managing GenAI components within a configuration. Let us know what you think!

[Github repo](https://github.com/lastmile-ai/aiconfig)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fkpg7m16a6orn8e2ly5r.png)
Difference Between Process and Program
Tags: programming, computerscience, beginners, tutorial
Published: 2023-12-06 11:38:25

As individuals pursue advanced degrees, such as a Masters in Computer Science, a deep understanding of fundamental computing concepts becomes imperative. Among these concepts, distinguishing between a process and a program is crucial. This article aims to unravel the key [differences between processes and programs](https://www.almabetter.com/bytes/articles/difference-between-process-and-program), providing essential insights for candidates immersed in the realm of advanced computer science education.

Program:
A program is a set of instructions written in a programming language, typically by a developer or a team of developers. It represents a sequence of executable code that defines a specific task or a set of tasks. Programs are static entities stored on disk and come to life when executed by an operating system. They serve as a blueprint for the actions a computer should perform.

Process:
On the other hand, a process is a dynamic execution of a program. When a program is loaded into memory and begins its execution, it becomes a process. A single program can spawn multiple processes, each operating independently and having its own space in memory. Processes are the active entities that carry out computations and interact with the system resources during runtime.

Key Differences:
Nature:

Program: Static and passive; a set of instructions saved on disk.
Process: Dynamic and active; the actual execution of a program in memory.
Existence:

Program: Exists as a file on storage until loaded into memory.
Process: Exists in the computer's memory during execution.
Lifecycle:

Program: Has no distinct lifecycle; exists until deleted or replaced.
Process: Has a lifecycle involving creation, execution, and termination.
Resource Allocation:

Program: Does not consume system resources until executed.
Process: Consumes system resources such as CPU, memory, and I/O during execution.
Multiplicity:

Program: Can be a single file or a collection of related files.
Process: Multiple instances of a program can run concurrently as separate processes.
Integration with Masters in Computer Science:
For candidates pursuing a Masters in Computer Science, grasping the nuances of processes and programs is foundational. Understanding how programs transition into dynamic processes, how they utilize system resources, and the intricacies of their lifecycle are essential aspects of advanced computer science education.

Conclusion:
In the advanced landscape of computer science education, the distinction between processes and programs serves as a cornerstone. Whether you are a student in pursuit of a [Masters in Computer Science](https://www.almabetter.com/degrees/masters-in-computer-science-software-engineering) or a professional delving into advanced computing concepts, a clear understanding of the nature, lifecycle, and resource utilization of processes and programs is fundamental. This knowledge lays the groundwork for advanced studies and practical applications in the dynamic field of computer science.
Azure AI: Illuminating Your Apps with Intelligence [4/8]
Tags: azureai, ai, azure, beginners
Published: 2023-12-06 11:30:14

**The Prelude: An Overture to Azure AI 🚀**

Step into the world where artificial intelligence meets ingenuity—welcome to Azure AI! In this symphony of code, we'll demystify the magic of Azure Cognitive Services. Join us as we unravel the secrets of making your applications smarter with features like image recognition, language understanding, and sentiment analysis.

## Act 1: The Essence of Azure Cognitive Services 🎭
In Azure AI, cognitive services are the building blocks of intelligence. These services empower your applications to see, hear, speak, and understand the world. Imagine giving your apps the ability to interpret images, comprehend language nuances, and gauge sentiments.

## Act 2: Real-World Magic - Incorporating AI into Your Apps 🌟🤯

**Step 1: Open the Azure Portal - Your Gateway to the AI Realm**

Embark on your journey by entering the Azure Portal—the gateway to the AI realm. Create a Cognitive Services resource to infuse intelligence into your apps:

```
az cognitiveservices account create --resource-group YourResourceGroup --name YourCognitiveServicesAccount --kind CognitiveServices --sku S0 --location eastus --yes
```

**Step 2: Invoke the Vision - Implementing Image Recognition**

Let your apps see with the power of image recognition. With Azure Cognitive Services, you can seamlessly integrate visual understanding:

```
# Python example using Azure SDK
from azure.cognitiveservices.vision.computervision import ComputerVisionClient
from azure.cognitiveservices.vision.computervision.models import VisualFeatureTypes

# Your code here for image recognition

```
**Step 3: Comprehend Language - Understand the Linguistic Landscape**

Linguistic prowess for your apps is just a code snippet away. Azure AI allows your applications to comprehend and interpret language intricacies:

```
// JavaScript example using Azure SDK
const { TextAnalyticsClient, AzureKeyCredential } = require("@azure/ai-text-analytics");

// Your code here for language understanding

```
**Step 4: Feel the Sentiments - Adding Sentiment Analysis**
Bring emotions into play with sentiment analysis. Azure Cognitive Services allows your apps to discern sentiments within text:

```
// C# example using Azure SDK
var client = new TextAnalyticsClient(new Uri("your-endpoint"), new AzureKeyCredential("your-key"));

// Your code here for sentiment analysis

```
**The Grand Finale: Your Apps, Now Infused with Intelligence! 🎉✨**

Congratulations, maestros of the AI symphony! Your applications are now imbued with the brilliance of Azure AI. They can see, understand, and feel, making them truly intelligent. As you continue your journey, may your code harmonize seamlessly with the magic of artificial intelligence.

Join the Azure AI orchestra, where intelligence becomes the melody, and your applications are the virtuosos!
53. Don’t give up on the coding journey (Day 51)
Published: 2023-12-06 11:26:38

Today was one of those crazy workdays, culminating in my return home well past the usual hour. When I finally got home at 8 pm, I was so beat that studying was the last thing on my mind. I just flopped onto my favorite chair and watched a bunch of YouTube videos.

Yesterday’s struggle in class with understanding Python programming stuff really got to me. It felt like I was stuck in a maze, not getting where I wanted. But hey, here’s the good part—I haven’t given up. I’m determined to keep at it, even if it takes a while to figure things out.

I saw this chat where other students were sharing their journey and I saw another student feeling exactly like me — lost and anxious in navigating the intricate world of Python programming. Instantly recognizing the shared struggle, I felt compelled to reach out and extend a supportive hand. I wanted to cheer him up, let them know they’re not alone, and that we must persevere.

Learning this coding stuff isn’t a solo mission. Sometimes, when things get tough, it’s awesome how we can support each other. We’re all in this together, and that feeling of not being alone makes a big difference.

At the end of the day, I’m feeling better knowing I’m not the only one facing these challenges. Every stumble is a step toward understanding this coding world better. Tomorrow, I’ll tackle it all again, armed with the determination to crack these coding puzzles and keep on learning.
Tailwind vs Bootstrap: A Developer's Dilemma
Tags: webdev, tailwindcss, bootstrap, programming
Published: 2023-12-06 11:09:59


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

In the world of **_[web development](https://www.zenesys.com/web-application-development-company)_**, two CSS frameworks reign supreme: Tailwind CSS and Bootstrap. Both offer a treasure trove of pre-built components and utilities to streamline the development process, but which one is right for you?

## Tailwind CSS: A Utility-First Approach

Tailwind CSS eschews the traditional component-based approach, instead opting for a utility-first philosophy. This means that instead of relying on pre-built components, developers create their own designs using a vast collection of CSS utility classes.

This approach offers unparalleled flexibility and customization, allowing developers to create truly unique designs without the constraints of pre-built components. However, it also demands a deeper understanding of CSS and a willingness to write more code.

## Bootstrap: A Component-Based Powerhouse

Bootstrap, on the other hand, takes a component-based approach, providing a vast library of pre-built components, such as buttons, forms, and navigation bars. This makes Bootstrap ideal for rapid prototyping and projects that require consistency and adherence to design guidelines.

While Bootstrap may not offer the same level of customization as Tailwind CSS, its ease of use and extensive component library make it a popular choice for beginners and experienced developers alike.

## So, Which One Should You Choose?

The choice between Tailwind CSS and Bootstrap ultimately depends on your specific needs and preferences. If you value flexibility and customization, Tailwind CSS is a great choice. However, if you prefer a more structured approach and pre-built components, Bootstrap is a solid option.

## Here's a handy table summarizing the key differences between Tailwind CSS and Bootstrap:

## Feature	Tailwind CSS	Bootstrap

Approach	Utility-first	Component-based
Customization	Highly customizable	Less customizable
Learning curve	Steeper learning curve	Easier to learn
Use cases	Custom designs, unique projects	Rapid prototyping, consistent designs

## Additional resources:

To learn more about Tailwind CSS, check out their official website: https://tailwindcss.com/docs/installation

To explore Bootstrap, visit their website: https://getbootstrap.com/docs/4.4/getting-started/introduction/

For a more in-depth comparison of Tailwind CSS and Bootstrap, check out this article: https://blog.logrocket.com/comparing-tailwind-css-bootstrap-time-ditch-ui-kits/

Happy coding!
How to Drag and Drop Events from an External Source into the Angular Scheduler
Tags: webdev, angular
Published: 2023-12-06 11:07:10

Learn how to drag and drop events from an external source into the Angular Scheduler component. This video explains how to drag an item from the TreeView component to the Scheduler and update it as an event using the nodeDragStop event of the TreeView. 

The Angular Scheduler component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives event data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and DataManager with built-in load-on-demand support to reduce the data transfer and load time. Also, it has multiple-resource support that allots a unique individual space for more than one resource on the same calendar. 

The Angular TreeView is a graphical user interface component that represents hierarchical data in a tree structure. It provides great performance with its advanced features like load-on-demand, check boxes, multiple selection, tree navigation, drag and drop, tree node editing, and template support. This component allows you to drag and drop any node by setting allowDragAndDrop to true. Nodes can be dragged and dropped at all levels of the same TreeView. The dragged nodes can be dropped at any level by indicator lines with line, plus/minus, and restrict icons. It represents the exact position where the node is to be dropped as a sibling or child. 

**Tutorial video:** https://www.syncfusion.com/tutorial-videos

**Download an example from GitHub:** https://github.com/SyncfusionExamples/how-to-drag-and-drop-events-from-an-external-source-into-the-angular-scheduler

{% youtube i0Gyrcf_ufM %}