teleren/devto huggingface dataset:
Creating a Tear-off Calendar with Azure Functions
Tags: azuretrialhack, javascript, webdev, azure
Published: 2022-03-08 13:01:01

[Instructions]: # (To submit to the Microsoft Azure Trial Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
The project I have created is some kind of tear-off calendar, but because of only being for practicing and trying many different possibilities, a lot of things could or should be done different! But maybe you can still find code, which is useful for you.

In the repository you will find the code for the functions and some other files (actually the content to be in the "site" folder), which need to be saved to the file system. A standard plan has been used.

There are basically four different endpoints offered by the Azure Function App, which can be used with your browser:

- Main page of the calendar, you can click to remove one calendar page
- Tear-off page, which is accessed by the main page and also can be used with URL to remove one
- Reset page to create a new calendar (you can use query parameter "days" with a number)
- Overview page with the current pages saved to a file

In case this is interesting for you and you want more information, feel free to ask with the comments for it. I am glad to help.


### Submission Category: 

Computing Captains


### Link to Code on GitHub
Github code: [Code](https://github.com/VeryUncommonCreativeUsername/AzureFunctionHackathonApp)
The repository contains the content of the "site" folder. This is why you would need to create or update this folder on the server.


### Additional Resources / Info

Please note, that not only Azure Functions itselves have been used with a Standard Plan (not usage), but also files saved to the file system of the server.
This project is only for education and experiments.
MAJOR DIFFERENCES BETWEEN WEB2 AND WEB3
Published: 2022-03-08 12:57:49

Web 2.0, according to Investopedia, defines the current state of the internet, which includes more user-generated content and end-user usability than its predecessor, Web1. Rich user experience, user engagement, dynamic content, metadata, web standards, and scalability are just a few of the outstanding qualities of Web 2.0. 

Web 3.0, on the other hand, refers to the third generation of internet services for websites and applications that will focus on providing a data-driven and semantic web employing a machine-based understanding of data. Decentralization, trust-less and permission-less, artificial intelligence and machine learning, and contentedness and ubiquity are all characteristics of web 3.0.

Web 2.0 employs read-write, web apps, blogs, and tagging, whereas Web 3.0 employs semantic web, widgets, drag-and-drop mashups, economy or user behaviors, user interaction, and consolidation of dynamic content. Web 2.0 has become dominated by a group of technical behemoths that function mainly as an oligopoly, albeit unintentionally. Web 3.0, on the other hand, offers a blockchain-based architecture that allows for the essential decentralization.

Find more information on Web 2.0 and Web 3.0 here:
1. Blockgames' site (https://blockgames.gg/)
2. Nestcoin's site (https://nestcoin.com/)
3. Zuriteam's site (https://zuri.team/)
React, Vue and Svelte: Comparing the basics - Intro
Tags: javascript, react, vue, svelte
Published: 2022-03-08 12:56:33

Hi! 

> Short story:
* working as a Frontend developer with the current Stack: `Angular 8+`
* personal project with `Vue 3.2`
* changing my own website with `Svelte`.
* previously shipped React Native apps to production.

All of this made me think about comparing the basics between `React`, `Vue` and `Svelte` or at least finding similarities between them.

Yes, I'm talking about `Angular` and the component part could be compared to other frameworks but because Angular is not just a "View" library, I decided not to bring it to the cheatsheet series.

I assume you have knowledge in `HTML`, `CSS`, `JavaScript` and any of these frameworks.

The new approach of `Vue 3` with `Composition API / SFC` makes him really close to `Svelte`. And vice-versa.

Versions:
* React `17.0.2`
* Vue `3.2.25`
* Svelte `3.44.0`

Live examples are added to this article, made with Stackblitz. They are based on `ViteJS` and you have to `npm run dev` inside the terminal to see them running.

Enjoy this series!
How to Hire Angular JS Developers
Published: 2022-03-08 12:55:20

AngularJS is an open-source web application framework that was designed by Google to develop rich and dynamic web apps. Angular JS developers are among the most in-demand developers today.

**If you’re looking to hire dedicated Angular JS developers, then the following tips can help you find a good developer fast.**

**1. Define your needs:**
The clear your needs the faster your chances of finding and hiring a good AngularJS developer

**2. Decide on the ideal location of your candidate:**
Hiring remote developers from skilled IT workforce countries like India can reduce the cost of development drastically.

**3. Check out the AngularJS Portfolio:**
The portfolio will reveal the skills of the developer and their capability to fulfill your needs.

**4. Total & Industry Experience:**
Experience of the developer plays a larger role in problem-solving during, before, and after development for complex projects.

So get started with **_hiring dedicated AngularJS developers_** at an affordable rate with high skills.
Apesar de tudo, Paxixa codou em 2022
Tags: wecoded, braziliandevs
Published: 2022-03-08 12:49:15


**Meu maior objetivo técnico é** me sentir mais comfortavel com JavaScript.

**Minhas maiores conquistas técnicas são** ter uma [BattleSnake funcional](https://play.battlesnake.com/).

**Comprometo-me a quebrar o preconceito na tecnologia com** a Feministech. Nossa comunidade tem o foco de aumentar a representividade nao apenas de mulheres, mas também de pessoas não binárias em tech, apoiando e educando sobre criação de conteúdo, que é uma ótima ferramenta de rerpesentação.

**Ao longo da minha carreira (como dev, em tecnologia, etc), superei** ambientes de trabalho aonde não havia espaço pra crescimento nem aprendizado e chefes machistas. 

**Advogar por mim mesma significa** primeiramente saber o que é aceitavel e o que não pra mim, e deixar claro isso para as pessoas da minha comunidade. 

**Comprometo-me a apoiar mulheres, pessoas não-binárias e outros grupos menos reprentados em tecnologia** porque Feminismo de verdade, é aquele que se importa com todas as lutas, não apenas a da mulher cishet branca. 

**Estou animada com** todos os planos que temos na Feministech para esse ano de 2022! Muitos eventos por ai!

[Siga a Feministech](https://twitter.com/feminis_tech)
   para participar dos nossos eventos e consumir o conteúdo de qualidade que as mulheres e pessoas não binárias da nossa comunidade criam <3
Distinctions between Web 2 and Web 3 
Published: 2022-03-08 12:48:56

“Web 2.0 is the business revolution in the computer industry caused by the move to the internet as a platform, and any attempt to understand the rules for success on that new platform.”– Tim O’ Reilly.

It’s an improved version of the first worldwide web, characterized specifically by the change from static to dynamic or user-generated content and also the growth of social media. 

The concept behind Web 2.0 refers to rich web applications, web-oriented architecture, and social web. It refer to changes in the ways web pages are designed and used by the users, without any change in any technical specifications.

Web 3.0 is the upcoming third generation of the internet where websites and apps will be able to process information in a smart human-like way through technologies like machine learning (ML), Big Data, decentralized ledger technology (DLT), etc. Web 3.0 was originally called the Semantic Web by World Wide Web inventor Tim Berners-Lee, and was aimed at being a more autonomous, intelligent, and open internet. Web 3 is the technology that houses the blockchain

## Below are the distinctions between Web 2 and Web 3

1. Web 3 is a fully decentralized platform which means every participant have a shared copy and governed by the community while web 2 is controlled and governed by the platform owners. 

2. Personal data and information are secured and can not be accessed by anyone on the platform hence made the platform safe while in Web 2, personal data can be accessed, sold and reused for commercial purpose.

3. Example of web 3 platforms are [Steemit](https://steemit.com/), [Diaspora](https://diasporafoundation.org/), [Augur](https://augur.net/), [Opensea](https://opensea.io/), [Everledger](https://everledger.io/) among many others while examples of Web 2 platforms are [Facebook](https://facebook.com), [Twitter](https://twitter.com), [Binance](https://www.binance.com/), [Upwork](https://upwork.com/)  

You can learn more about the web3 space just by enrolling on [Blockgame](https://blockgames.gg/) for an in-depth training powered by [Nestcoin](https://nestcoin.com/) in partnership with [Zuri Team](https://zuri.team/)
How Allure Report integrated with Cypress project
Published: 2022-03-08 12:39:55

#cypressio #cypress #allure #automationtesting


*** How Allure Report integrated with Cypress project ***

https://lnkd.in/gjBjCraJ

https://www.linkedin.com/in/kailash-pathak-aws-pmi-acp%C2%AE-itil%C2%AE-prince2-practitioner%C2%AE-istqb-certified-293805169/recent-activity/shares/
Next.js compiler error in basic script
Published: 2022-03-08 12:32:02

Can someone please tell me why the Next.js compiler cannot parse and compile a basic JSX script such as this one?


---- contents of index.js ---- file

const IndexPage = () => {
    return {
        <div>Hello from Pluralsight</div>
    };
}

export default IndexPage ;

error - ./pages/index.js
Error: error: Unexpected token `< (jsx tag start)`. Expected identifier, string literal, numeric literal or [ for the computed key

  |
3 |         <div>Hello</div>
  |         ^


    The error I get is:


Caused by:
    0: failed to process js file
    1: Syntax Error
(node:25380) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API
(Use `node --trace-deprecation ...` to show where the warning was created)
wait  - compiling /_error (client and server)...
error - ./pages/index.js
Error: error: Unexpected token `< (jsx tag start)`. Expected identifier, string literal, numeric literal or [ for the computed key

  |
3 |         <div>Hello from Pluralsight</div>
  |         ^

Caused by:
    0: failed to process js file



I am running Next.js v12.1.0 with Node v16.14.0 on a Windows 11 professional machine.

Thanks,



Saad
Nevertheless, I became a programmer
Tags: wecoded, beginners, womenintech
Published: 2022-03-08 12:27:25

This Women's Month, I will share to you how did I became from looking for flowery words and writing a novel into using tags and code.

I was dreaming of becoming a journalist when I was a first year of junior high school. I was in a newspaper club for 6 years and I was invested in writing short stories and news in the school. Until, I met HTML/CSS and Visual Basic Programming on a Computer class of my 3rd year and last year of junior high. Whenever we have activities in Computer class, we came as pairs and I was always the programmer partner. At first, I was hesitant of changing careers because I want to pursue writing. After I graduated my junior high life, I decided to pursue writing through my senior high school life which I took up Humanities and Social Sciences course. 

Fast forward to my last year of my Senior High, my mom/my boss was looking for a web developer as a backup for her startup. I was an intern in her startup and I do communications and marketing during my internship. Somehow, she discovered my coding skills during my junior high school years and I have some projects that I have created. She encouraged me to switch my position from communications to a Web Developer Intern. So that's where I learned Python Programming, React JS, and CSS Frameworks. During that time, my dream of becoming a writer was fading away but it became a new career choice.

When I chose my college degree, I was really hesitant to get a computer-related degree program but my mind was encouraged to go to a computer-related degree which is Information Technology course. Until now, I am still coding and as DEV.to said "Nevertheless, Amber Coded 2022"... 

Right now, I do mobile and web development and also UI/UX designer at Cawil.AI Solutions which is an AI Startup in the Philippines. I am now an Information Technology student at Silliman University. I am proud of what I have right now. I enjoyed coding that I found a skill right off in the classroom.

About my writing skills, I am still writing and on hiatus for writing novels due to my school and work. Right now, I will focus on my career.
Solving for 3 wordle start words
Tags: typescript, programming, discuss, datascience
Published: 2022-03-08 11:29:49

I'd love some feedback on my blog post [How to wordle my way out of housework](https://www.pinnsg.com/wordle-out-of-housework/)

Discussion ideas:
* How can we rank words better?
* What's the weight between first/second/third word
* How much should a vowel impact the weight?
* Is there a better way to weigh letters?
Gaming Dashboard UI
Tags: javascript, webdev, react, css
Published: 2022-03-08 11:20:22


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

#gaming #dashboard #ui #design

Design Tools: XD, Adobe Illustrator

----------

🔥Potfolio: https://designcoder.netlify.app

📩e-mail: syed.simanta10@gmail.com

----

ui, ui design, vue, react, js, javascript, ux, tailwind, bootstrap, front end, wordpress, website animation, website, crypto, crypto trading
Building Blocks
Tags: wecoded
Published: 2022-03-08 11:12:44

Hello world, 
I'm  Naeema Bargir, a React developer and just as you I have a some coding memories to share you...
I don't  know where to start. still let's start:) !!!
    Still I remember my college professor suggest me to learn HTML in a free time that lead me to fall in love with this coding world. so day by day my love for language are increased and I started to explore new adventure. I have started with HTML only then I was comforted with these coding stuffs and I started to learn lot of things, lot of programming languages. Now I'm always coding.
   I can say only because of this suggestion now I stand up on my own legs. I got my first internship as a frontend developer and after a year of learning and exploring now I am React Developer.so overall from electronics background to react developer it was big journey for me but now I can happily and proudly say I belongs to Coding world. #shecoded


## My biggest technical goals are…
1. Explore new technical skills
2. Become a MERN Developer

 I can say from electronic background to get job in software technology is a biggest achievement I ever have.🥂

 One more thing I don't think there is any biasing for any one. Each one have opportunity you have to know how to grab it and give tough  fight to achieve your goals. We are queens we know how to stand for our rights 👸.

I’m excited about to learn new things and thank you GitHub and Dev for giving this amazing collection of stories it was a so inspiring.

Happy International women's day to all of us 👸
Keep on wining!!!!
How to navigate to the previos page with react-router v6
Tags: react
Published: 2022-03-08 11:10:16

If found an approach that i do not like that much but it works

So if you want to return to the previous page using react router v6 you can do the following

```
import { useNavigate } from 'react-router-dom';

const Component = () => {
   const navigate = useNavigate()
  return(
   <div>
     <button onClick={() => navigate(-1)}
   </div>
)
}
```

Hope someone found it helpful.

Lautaro
Nevertheless, Anuradha Coded!
Tags: wecoded
Published: 2022-03-08 10:40:09

> Happy International women's day 

## I have been coding
since 8.5 years now, and I am going on strong. 

It has been a terrific journey so far - from being born in a remote area of India where no one even thought girls could dream, to being the first kid of my village to go to a proper school, first of my generation to do engineering and become a software engineer. 

Yes, not the first girl but the first one, paving the way for everyone else.


## My recent achievements
- being recognized as a [Google developers Expert](https://developers.google.com/community/experts) and [Microsoft MVP](https://mvp.microsoft.com/en-us/PublicProfile/5004678?fullName=Anuradha%20Kumari)
- [Speaking](https://www.anuradhakumari.com/talks) at amazing events like DevFest India, NextJS conf, React India conf, Devfest UKI, Google I/O Extended, GDSC WOW, CityJS and many more...
- mentoring at Women Developers Academy, Europe and Road to GDG programs
- Creating content on [my YouTube channel](https://www.youtube.com/channel/UCzv8q9-tSIQuTDzgB1BgXMQ) for web accessibility and career guidance


## Throughout my career as a women in tech, I have been fighting and try to overcome
- imposter syndrome
- being passed on over promotions and other opportunities
- my voice and my opinions discarded as not important
- inappropriate gender-based judgements
- demotivation
- lower pay


## Advocating for myself looks like
- speaking up for myself, voicing my concerns
- not settling for less


## I pledge to support women, non-binary folks, and other minorities in tech by
- To guide and help them realize and reach their potential
- Motivate and create way for all who come after me 
- Support and amplify our voices


## This journey has not been easy, but totally worth it
A lot barriers I broke, challenges I overcame and milestones I am proud of. 

And I did not do that alone, I had my allies supporting me at each step: my parents, my brothers and few incredible friends all along the way. 

## I would like to thank
everyone who supports, guides and motivates the women, non-binary and the underrepresented people. You are making a difference, a positive impact and you should know that you are appreciated.

## I would like to applaud each and every women
We are facing barriers and climbing mountains that might be invisible to many others, and we keep on fighting, keep on winning, and keep on moving forward.

## Shine on
Once again,

> Happy International women's day to all of us 👸

We are the Queens: strong, compassionate, beautiful, ambitious and everything that we want to be.

Let's own our crown and shine on ✨
Beta testers needed for GoodData Cloud!
Tags: beta, testing, testdev, cloud
Published: 2022-03-08 10:55:26

Are you an early adopter? GoodData is looking for 10 beta testers to provide feedback on the pre-release version of GoodData Cloud — our brand-new fully managed, AWS-hosted, cloud-native product. 💥

Job titles needed: Product managers, data architects, data engineers, application engineers, software engineers, and similar.


Help GoodData shape the future of analytics by applying here: https://forms.gle/RhkreiTrceXTZUPN8
Make Elasticsearch 6.x Cluster Writable from Readonly
Tags: elasticsearch, cloud, readonly, cluster
Published: 2022-03-08 10:35:18

Sometimes you might get 

> `Error: disk usage exceeded flood-stage watermark, index has read-only-allow-delete block`

or 

> `ClusterBlockException[blocked by: [FORBIDDEN/12/index read-only / allow delete (api)];]`

This error indicates a data node is critically low on disk space and has reached the flood-stage disk usage watermark. To prevent a full disk, when a node reaches this watermark, Elasticsearch blocks writes to any index with a shard on the node. If the block affects related system indices, Kibana and other Elastic Stack features may become unavailable.

This means you'll only be able to read the Indices, Delete the Indices but cannot write new Indices.


## Get the Cluster Settings

> `curl elasticsearch-sc:9200/_settings?pretty`

You'll see the read_only_allow_delete following as true for the Indices that means the cluster is in read-only mode

> `        "blocks" : {
          "read_only_allow_delete" : "true"
        },`
 
After the Disk Cleanup, When you have deleted the non-required Indices or after adding more space to the cluster, The Cluster needs to be put back to the writable mode

## Putting Cluster back to Writable Mode

> `curl -XPUT -H "Content-Type: application/json" \
     http://elasticsearch-sc:9200/_all/_settings \
       -d '{"index.blocks.read_only_allow_delete": null}'`
 

You can check the cluster settings again to confirm the change
Expand Collapse Element / Section using 4 Css Properties
Tags: css, webdev, javascript
Published: 2022-03-08 10:28:05

Explained how to implement Expand and Collapse Element or Section using 4 Css Properties that are Visibility ,Opacity,Height and Display.

🔥🔥🔥🔥🔥🔥🔥🔥
------------------------------------------------
Timeline :
00:10 Visibility
02:05 Opacity
03:18 Height
06:06 Height with Opacity
06:30 Transform Scale
07:10 Display Block to None

{%youtube kSEdMoZEGjI%}
Typescript Tuples, and how they work
Tags: typescript, beginners, tutorial, javascript
Published: 2022-03-08 10:17:34

[In Javascript, we are expecting a new primitive data type called a Tuple to appear soon](https://fjolt.com/article/javascript-records-and-tuples). In Typescript, however, the concept of Tuple already exists.

A Tuple in Typescript is, much like in Javascript, an array, and it has a known length where every item has a known type.

## How to define a Tuple in Typescript
Defining a Tuple in Typescript is straightforward. All you need to do, is define the type as an array of known types. For example, the following constant is a tuple:

```typescript
const myTuple:[ string, number ] = [ "some", 15 ]
```

When we define first define a Tuple, it should be an array, it should have a known length, and each element should have a known type.

## Defining an Array of Tuples in Typescript
We can also define an array of Tuples in Typescript. This is done by adding `[]` to the end of our Tuple type definition:

```typescript
let myTuple:[ string, number ][] = [ [ "some", 15 ], [ "other", 20 ], [ "tuple", 50 ] ];
```

## Mutating a Typescript Tuple
Unlike the tuple type in vanilla Javascript, Typescript Tuples by default are mutable - so they can be changed. As such, we can update a Tuple by simply referring to the element we want to update, and redefining it, assuming it isn't a constant:

```typescript
let myTuple:[ string, number ] = [ "some", 15 ]

myTuple[1] = 20;
```

If we tried to change an element of our Tuple to a different type, however, we would get a type error. For example, if we tried to run `myTuple[1] = "string"`, we would get the following error:

```typescript
Type 'string' is not assignable to type 'number'.
```

Interestingly, if we try to extend the length of a Tuple by using `myTuple.push(5)`, we will not get an error unless we are using `push()` on a constant, or if the type we use is not in the original type list.

This means that once a Tuple is defined, it no longer has to be of known length, as long as each element conforms to one of the original types we defined when first creating our Tuple. So `myTuple.push(5)` works in the case above - but `myTuple.push(true)` does not as true is boolean.

## Creating read only Tuples in Typescript
If we want to create an immutable, read only Tuple in Typescript, we can use the readonly keyword when defining our Tuple.

To do that, we would define our variable as this:

```typescript
const myArray:readonly[number, string] = [10, 'test'];
```

If we try to mutate or change this Tuple, we will get an error. For example, if we use `push()` now, we will get the following error:

```typescrip
Property 'push' does not exist on type 'readonly [number, string]'.
```

Similarly, `myArray[0] = 15` will return the following error:

```typescript
Cannot assign to '0' because it is a read-only property.
```