teleren/devto huggingface dataset:
Azure Storage services introduction
Published: 2021-01-27 16:26:19


Azure Storage provides developers with a wide range of possibilities for storing any data that you may use for an app development. 
It's important to mention that Azure Storage is a scalable, highly available, secure service. 
 
Azure Storage it a set of services which help to store, access and manage data: 
1. Blob Storage
2. Queues
3. Tables
4. File Shares

<b>Blob storage</b> is a service for storing any types of data, for example text or binary files. 
First of all, you can store any data and have an access from any place on the world. Your data will be accessible via HTTP or HTTPS. 
Azure provides geo regions and availability zones for safely storing all your data. In order to keep everything guarded you can replicate storages in different region with zone-redundant storage. although, simple locally redundant storage copies everything three time within a single data center in a geo region. Or it is possible to copy data among other geo regions.
Then, your data can be protected from destroying and accidently deletion with soft deletion. Also, it is possible to track modifications with snapshots and restore any state. 
Moreover, blob storage enable you to configure secure access for your files. It can be archived by using Active Directory, or Shared Key for requests, or Shared Access Signature.

---------------------------------------------------------------

<b>Queues</b> is a great tool for acquire communications between apps. This service provides message queues for large number of messages. It can be accessible using HTTP or HTTPS. In addition, it also has redundancy options for data replications.

---------------------------------------------------------------

<b>Tables</b> is a NoSQL storage for schemaless data. However, Azure has CosmosDB for the same purpose that has more abilities for high performing.

---------------------------------------------------------------

<b>File Shares</b> offers file shares with NFC and SMB protocol for cloud or on-premises deployments.

---------------------------------------------------------------

Every Azure Storage service has API access and C#, Node.js, Java, Python, PHP, Go SDKs for fast and effective development. Also, Azure Storage Explorer is a good tool for visualizing and managing all these services. 



Reference: 
https://docs.microsoft.com/en-us/azure/storage/common/storage-introduction
Wednesday Wisdom | Fullstack Development Trends, Responsive CSS Frameworks, and State of Design in 2021
Tags: fewdaily, css, news, fullstack
Published: 2021-01-27 16:24:42

{% spotify spotify:episode:3PPzM30qA2aLwaJZpyCgaD%}

---

## Fullstack Development Trends

Fullstack development has moved from rarity to commonplace over the past few years. In 2021 it is easier than ever to be a fullstack developer simply because of all of the tools available. A recent post on noupe.com highlights the [top 7 fullstack development trends to follow In 2021](https://www.noupe.com/development/fullstack-development-trends-to-follow-in-2021.html). It provides a stellar prediction of what to expect as the industry progresses this year and might even give you some ideas on new skills to learn.

## Responsive CSS Frameworks

Love 'em or hate 'em, CSS frameworks have become an integral part of web design and development. There are many out there, each with its own cult following, so Super Dev Resources has published a list of the [15 best responsive CSS frameworks for web design in 2021](https://superdevresources.com/responsive-css-frameworks/). Unsurprisingly, Bootstrap and Tailwind topped the list, but check out some of the others if you are looking for an alternative or have never used a framework before.

## State of Design in 2021

The design field is always changing and evolving so it's important to assess what happened last year to predict changes this year. Luckily, Abstract has done all of the hard work for us with their [State of Design in 2021](https://www.abstract.design/state-of-design). Besides the beautiful design and interface of the website, there are several key points that are thoroughly elaborated on with charts, data, and research. A couple of the top ones are the necessity for better ways to measure impact and the pain points of design collaboration.

---

Want to know more? Head to [fewdaily.com](https://fewdaily.com) for more of today’s topics and other front-end web content! If you liked what you heard be sure to rate, review, and subscribe on your platform of choice. That's all for today, tune in tomorrow!
AzureFunBytes Reminder - 01/28/2021 2PM EST - COMBOS with AKS and @HashiCorp Consul!
Tags: azure, devops, cloudnative, beginners
Published: 2021-01-27 16:03:23

We're back again on AzureFunBytes with another COMBO session.  COMBOs are live sessions with vendors who provide products that help you get the most out of your Azure experience.  This time we'll dive into the [HashiCorp Consul](https://www.hashicorp.com/products/consul) product along with some help.  Zach Deptawa from the Azure Advocates team helps me along with HashiCorp DevRels [Taylor Dolezal](https://twitter.com/onlydole) and [Kerim Satirli](https://twitter.com/ksatirli)!

**From the HashiCorp Consul Website:**

*[Consul](https://www.consul.io/docs/intro) is a service mesh solution providing a full featured control plane with service discovery, configuration, and segmentation functionality. Each of these features can be used individually as needed, or they can be used together to build a full service mesh. Consul requires a data plane and supports both a proxy and native integration model. Consul ships with a simple built-in proxy so that everything works out of the box, but also supports 3rd party proxy integrations such as Envoy*

We'll discuss how to configure and integrate Consul into our Azure applications!  We'll answer questions, do some demos, and learn together!

Watch live on Microsoft LearnTV and take part in the live Q&A and polls right from the browser!

{% youtube mxeMdl0KvBI %}

AzureFunBytes! - Byte-sized content with a live Twitch show!

Learn about Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well.

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes
https://aka.ms/jaygordononyoutube

Join me, ask questions, and learn about Azure!


Useful Docs:

[Microsoft Learn: Azure Fundamentals](https://cda.ms/1jV) 
[Microsoft Azure: $200 Free Credit](https://cda.ms/1tj) 
[HashiCorp Consul Service on Azure](https://www.hashicorp.com/products/consul/service-on-azure) 
[Azure Kubernetes Service (AKS)](https://azure.microsoft.com/services/kubernetes-service/?WT.mc_id=devops-12370-jagord) 
[Deploy HashiCorp Consul Service on Azure](https://learn.hashicorp.com/tutorials/consul/hashicorp-consul-service-deploy) 
GitHub: [Deploying Consul on Azure (Single and Multi-Region)](https://github.com/hashicorp/azure-consul)
2D Breakout in JavaScript (video)
Tags: tutorial, javascript, gamedev
Published: 2021-01-27 16:00:15

In this video I show you how to build a game of 2D Breakout in HTML, CSS and JavaScript and deploy it using 10% off on Hostinger with code ANIAKUBOW. https://www.hostinger.com/aniakubow

{% youtube 3KWEud12Pxo %}

At the end we deploy the game to a .com website so you can share it with your friends. Hostinger have kindly given a 10% discount to sign up to anyone who watches this video with packages starting from 99p a month. To use the discount get the code and link above.

- If you liked this video, and would like to buy me a coffee: https://www.buymeacoffee.com/aniakubow
- Sign up for weekly coding tips from my newsletter partnership: http://bit.ly/JS-tips
- T-shirt from: https://www.girl-code.co.uk/

The source code for this project can be found here: https://github.com/kubowania/breakout

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow

#codingbootcamp #coding
Day Night Mode using only HTML & CSS
Tags: daynightmode, customcheckboxtoggle, cssdaynightmode, customcheckboxbutton
Published: 2021-01-27 15:55:05

Hello readers, today in this blog I will create a Day-Night Mode On Card using only HTML & CSS. Earlier I have shared a How to Custom Radio Button using HTML & CSS now this I will build day-night mode.

In simple language, day mode means the bright color like white color and night means dark color like black color. The main motive of day-night mode is to make user eyes healthier while they are using mobile or computer.

As you can see on the given image which is given on the webpage. This is the real image that I'm going to build in this program [Day Night Mode on Card], the left part of the image is "Day Mode" and the right part is the "Night Mode". Basically, at first, there is only one profile card in day mode condition, when we clicked the toggle this image transform into night mode. As you can see that toggle is placed on the top right side of the image.

You can download all source code from the given link. <a href="">Click Here To Download All Source Code</a>.
Prettier - VS Code Extension Highlight
Tags: webdev, productivity, vscode
Published: 2021-01-27 15:53:55

---
title: Prettier - VS Code Extension Highlight
published: true
description: Prettier is great for formatting your code. Its goal is to make it easier to read and easier for others to pick and contribute to. Luckily for us, there's a great Visual Studio Code extension that integrates it's great code parsing into our favorite IDE. In this video we demo some amazing features and discuss the customization options available.
tags: webdev, productivity, vscode
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/9431sab6m843do5ny1k7.png
---

{% youtube kOpWDo6pcCU %}

Prettier is great for formatting your code. Its goal is to make it easier to read and easier for others to pick and contribute to. Luckily for us, there's a great Visual Studio Code extension that integrates it's great code parsing into our favorite IDE. In this video we demo some amazing features and discuss the customization options available.
What are you listening to while coding?
Tags: watercooler, music, discuss
Published: 2021-01-27 15:52:14

I discovered tons of good music during our work watercooler discussions. Lets try this here? What are you listetning in general? Concrete bands? Song? Playlists?

I am usually listening to Spotify Discover Weekly and or some author's radio. 

I have a special programming music playlist I fire up everytime I need to concentrate hard or reset the mood.

{% spotify spotify:playlist:0qC3lsf0ba547MisRs20Ia %}

---
If you want to talk about msuic or whatever else, you can reach me on my [twitter](https://twitter.com/pavel_polivka).
Create a Web API with ASP.NET Core. (video)

Tags: dotnet, aspnetcore, webapi, tutorial
Published: 2021-01-27 15:39:02

In this video, you will learn how to create a WEB API with ASP.NET CORE and C #.

We will create an API that supports Creating, Reading, Updating, and Deleting Data.

I used the following tools :

* Visual Studio 2019
* ASP.NET CORE and the .NET 5 SDK
* Entity Framework Core
* SQLite
* Swagger UI

The final code can be found here: https://github.com/estyval/Web-API-With-ASP.NET-Core

If you like the content, feel free to like the video and subscribe to the channel 🙏.

{% youtube sWJayOop4k8 %}
How to share code snippets easily
Tags: programming, showdev, webdev, productivity
Published: 2021-01-27 15:37:17

I am happy to announce that I launched a new feature a few weeks ago in GoOnlineTools which you can use to share code snippets easily with your friends or colleagues.

![share code snippet](https://dev-to-uploads.s3.amazonaws.com/i/dmrzkwooohyju2yavvkm.png)

## How to share code snippets

1. Open [Share code snippets](https://goonlinetools.com/snapshot/share/)
2. Select code language (e.g - HTML)
3. Write or paste code on the editor.
4. Now click on the share code button to get a sharable URL.

If you are not logged in to GoOnlineTools then you need to verify "you are not a robot" :)

If you are using vs code then don't forget to checkout this vs code extension - [share code snippets extension](https://marketplace.visualstudio.com/items?itemName=RahulKumarSingh.share-code-snippets) to share code instantly.

## Here is how the shared code snippet looks:

![share code snippet](https://dev-to-uploads.s3.amazonaws.com/i/hj1cilaoak3wqnxfrhvr.png)

Currently, this code sharing tool supports HTML, JSON, CSS, SQL, LUA, XML, PHP code languages but in the future, we'll add more.

Supported Browser - Chrome, Microsoft Edge, Mozilla Firefox, Brave

I hope this feature help to solve the developer code sharing problem.

If you think any feature added to this code sharing tool then please let me know. I am looking for developers feedback 😍

**Update** - [Vs code extension](https://marketplace.visualstudio.com/items?itemName=RahulKumarSingh.share-code-snippets) is live, now share code without switching of windows and copy paste while coding 💻
Developers, assemble !!! - help create ideations on programming for the next-gen coders
Tags: programming, showdev, javascript
Published: 2021-01-27 15:28:21

I have created microideation as a platform for creating a learning experience based on ideations.  

This is a simple platform where a developer or a person with skill can go and create content using basic formatting and images. These are presented to the user as ideations. The ideations are 500 characters or less content and need to be self-contained. They may have links to related content. Users can use simple swipe gestures to see the content and learn about topics. Each topic tasks less than 30 seconds or read time and explains the concept concisely. If the user is interested in a particular subject, they can freeze and follow topics from that.

{% youtube 2B5vs_e4NHs %}

I have already created content on programming languages/concepts

Java

React JS

React Native

SQL

Version Control

Algorithms

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/q80q0vmczjb4xjljv5t2.png)

I envision this as an expert-driven community where the developers or anyone with specific expertise can create concise content on topics. 

This is totally free to join as well to view the ideations in the app. I appeal to the experienced members of the developer community to come forward and create content on the topics of your area that can be discovered by the beginners and peers.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/pcjbq6uwhqiisn0fej01.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fck2rr7t15l1cuirhdik.png)

This can be checked out at the below link

https://portal.microideation.com/about

Download the app ( No registration required and it's free )

https://play.google.com/store/apps/details?id=com.microideation.app
2020 Financial Update
Tags: phalcon4, phalcon, finances, update
Published: 2021-03-31 18:33:38

---
title: 2020 Financial Update
published: true
date: 2021-01-27 15:21:07 UTC
tags: phalcon4,phalcon,finances,update
canonical_url: 
---

As discussed in the past, we are posting financial updates for each year, so that the contributors know where their contributions go. This is the 2020 financial summary.

<!--more-->

> You can always check the status of our finances in our [Open Collective](https://opencollective.com/phalcon) or [GitHub Sponsors](https://phalcon.io/fund) pages at any time.

## Overview

We have a good amount of funds available to us. Right now our account has 8,847.84 USD. As you can see in Open Collective we have been very frugal with the funds, and only used it for certain services or sponsoring certain activities.

## In Detail

2020 has been an _interesting_ year for most of us, with the lock downs, people losing their jobs etc. The focus shifted from Open Source code to our families mostly, to get through these times.

2020 was the first time members of the team received some funds as financial aid for their contributions. Each of the 4 core members at the time received 2,000 USD.

We have also invested a bit over $2,000.00 USD for Anton’s new computer, which will be used primarily in development as well as streaming/video producing. Our intention in 2021 is to increase our streams and videos to better help the community

For the information below, _net income_ reflects the money that are available for the project, while _collected_ reflects the money that has been paid by contributors. The difference is to cover the fees of Open Collective as well as Credit Card processors etc.

All amounts are in USD.

## 2020

### Income

| Net | Collected |
| --- | --- |
| 7,204.45 | 8,303.66 |

### Expenses

13,470.22 USD

#### Development

| Date | Type | USD | Description |
| --- | --- | --- | --- |
| 2020-01-03 | Development | 510.00 | Applications upgrade |
| 2020-01-16 | Development | 1000.00 | Applications upgrade |
| 2020-02-05 | Development | 400.00 | Applications upgrade |
| 2020-03-05 | Development | 480.00 | Applications upgrade |
| 2020-04-02 | Development | 802.00 | Applications upgrade |

#### Compensation

| Date | Type | USD | Description |
| --- | --- | --- | --- |
| 2020-04-23 | Compensation | 2000.00 | Ruud |
| 2020-04-23 | Compensation | 2000.00 | Anton |
| 2020-04-23 | Compensation | 2000.00 | Nikos |
| 2020-04-27 | Compensation | 475.00 | Storage for Serghei |
| 2020-05-07 | Compensation | 1643.00 | Serghei |

#### Operations

| Date | Type | USD | Description |
| --- | --- | --- | --- |
| 2020-10-21 | Services | 110.22 | Email Service |
| 2020-12-07 | Infrastructure | 2050.00 | Stream PC parts |

# Thank you

As always, a huge thank you to all of our contributors, financial or other. Your contributions help this project move forward!
Code.org Microsoft Apps
Published: 2021-01-27 15:20:54

Here is my microsoft apps project i built it in code.org
this is the link : https://studio.code.org/projects/applab/htHvNwwZ0w8jAp5Y2_orAAc08pHH5QfYx9HK7luRXpA


This is the code:

onEvent("PowerPoint", "click", function( ) {
	console.log("PowerPoint is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365/powerpoint");
});
onEvent("Excel", "click", function( ) {
	console.log("Excel is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365/excel");
});
onEvent("Word", "click", function( ) {
	console.log("Word is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365/word");
});
onEvent("Teams", "click", function( ) {
	console.log("Teams is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-teams/group-chat-software");
});
onEvent("Outlook", "click", function( ) {
	console.log("Outlook is clicked!");
	open("https://outlook.live.com/owa/");
});
onEvent("OneNote", "click", function( ) {
	console.log("OneNote is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365/onenote/digital-note-taking-app?ms.url=onenotecom&rtc=1");
});
onEvent("Onedrive", "click", function( ) {
	console.log("Onedrive is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365/onedrive/online-cloud-storage");
});
onEvent("SharePoint", "click", function( ) {
	console.log("SharePoint is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365/sharepoint/collaboration");
});
onEvent("Sway", "click", function( ) {
	console.log("Sway is clicked!");
	open("sway.office.com")
});
onEvent("Forms", "click", function( ) {
	console.log("Forms is clicked!");
	open("forms.office.com");
});
onEvent("Office", "click", function( ) {
	console.log("Office is clicked!");
	open("https://www.microsoft.com/en-us/microsoft-365");
});

Pls like and share
Hacking Myself
Tags: dohackathon
Published: 2021-01-10 16:24:35

## What I built
I have built a small handy web app for basic data exploration. It can accept either a url or a file(.csv/.xlsx/.json/.df) and provide basic data insights. As title suggest, I had a chance to hack myself to the fullest and explore my new limits because I have to built it in really short time (1 day - read about dohackathon on 9th Jan :D). 

### Category Submission: 
- Program for the People

### App Link
https://dataexplorer-webapp-pv6l3.ondigitalocean.app/

### Screenshots
![Main Screen](https://dev-to-uploads.s3.amazonaws.com/i/0glm86ctxdx3o8x51o9z.png)

![Showing raw data and heatmap](https://dev-to-uploads.s3.amazonaws.com/i/rbhe10t70eeo7nfoa2z5.png)

![Displaying Pairplots](https://dev-to-uploads.s3.amazonaws.com/i/jvflvddksvpufnmv7n38.png)

![Columnwise Insights and WordClouds](https://dev-to-uploads.s3.amazonaws.com/i/uwq1csahsvvyk129mv5u.png)
### Description
First Step: Provide a url / Upload a file

Second Step: Step back and relax

You will see a Heat Map representing correlation between numeric columns followed by bunch of pair plots.

Related to column-level insights, in next section, you will have to choose columns to view the min/max/count/freq properties.

Next, to view insights from non-numeric columns, WordCloud is the good way to see the most frequent words. Here you will have to select non-numeric columns to form wordclouds for each columns.

### Link to Source Code
https://github.com/akashdve/dataexplorer_webapp
### Permissive License
BSD-3

## Background
(What made you decide to build this particular app? What inspired you?)
I would love to share that I came to know about this hackathon a day before the deadline and I really wanted to take part. As soon as I decided, a wide-stream of ideas was rushing into my mind making it more harder to choose. Choosing the simple way, finally, I opted to make a simple web app which can reduce some coding effort of mine as well as others. 

I always find datasets very fascinating and I try to pull out some insights from it. But here's the problem I face is I always needed to write similar code for every new jupyter notebook. 

Why to write the same code for calculating mean/sum/count/min/max etc. for every datasets ? 
I thought of having a simple, basic and quicker way to do this job. I didn't have much time to implement every feature and functionality as I have developed this app overnight but suggestions are welcome.

### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)
I learned to deploy my code without having to worry about the DevOps and other server related configurations. Also, I find the DigitalOcean App platform is a faster way to deploy and prototype your code.

### Additional Resources/Info
Formatear y convertir JSON al vuelo con jq
Tags: tip, api
Published: 2021-01-27 15:09:14

---
title: "Formatear y convertir JSON al vuelo con jq"
published: true
tags: ["tip", "api"]
canonical_url: https://marceloandrader.github.io/blog/2021/01/27/formatear-y-convertir-json-al-vuelo-con-jq/
---

[jq](https://stedolan.github.io/jq/) es una herramienta que permite formatear y/o convertir la respuesta de un JSON API a cualquier cosa que se les ocurra.

## Formatear:

Cuando se tiene que verificar el resultado de una petición a un API, y el API responde con el JSON más  eficiente, sin espacios o retornos de línea obtienes algo como:


```bash
$ curl localhost:8000
{"ok":true,"message":"Creado correctamente"}
```

Pero si usas JQ:

```bash
$ curl localhost:8000 | jq 
{
  "ok": true,
  "message": "Creado correctamente"
}
```

Y además de formatear para que sea más legible, también añade colores en la respuesta.

## Convertir:

A veces se necesita obtener solo cierto campo de una respuesta del API, por ejemplo si quisiera solo tener el campo `message` de la respuesta, haría:

```bash
$ curl -s localhost:8000 | jq '.message'
"Creado correctamente"
```

Esto solo es una mínima parte de lo que puede hacer, también es posible hacer cálculos y muchas otras cosas.

Esto es de gran utilidad por ejemplo cuando interactúas con API de terceros para escribir un script, lo he usado cuando llamo a las API de Amazon Web Services como parte de un script de despliegue por ejemplo.