teleren/devto huggingface dataset:
Microprofile Starter
Tags: java, webdev, javaee, microprofile
Published: 2022-03-06 11:33:36

Usually, when using Java for Microservices development, there is a trend to start with existing frameworks like Spring, Quarkus, etc. This is a very productive way, though without knowing the basics of Java Web sphere, it can be more like sticking to one way of development. JavaEE in older times was rather hard to learn and understand that sometimes caused Java Web development to be treated as not the best option. But today, JavaEE or now JakartaEE is a modern and very convenient way for web (in particular, microservices world) development.

MicroProfile (https://microprofile.io/) is a set of implemeted specifications that optimizes Enterprise Java
for a Microservices Architecture. The Microprofile Starter helps to bootstrap the microservices development journey, by selecting the runtime they’re most comfortable with from the list of available implementations for the MicroProfile version selected:

- Helidon
- Payara
- Quarkus
- Open Liberty
- etc.

The MP starter page (https://start.microprofile.io/) helps to easily create the backbone of the web app:

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

You just select the necessary options (just like for Spring Starter) and have the archive ready to be loaded into the IDE!

So, in a few steps you have the standardized Java JaxRS web app that adds a lot of JakartaEE and Microprofile specs: Authentication, Metrics, JWT, Health and so on.
Azure Trial Hackathon - CloudVoter - Vote for your favorite Public Cloud provider
Tags: azuretrialhack
Published: 2022-03-06 11:27:05

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


### Overview of My Submission
[Note]: # (Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)


### Submission Category: 

[Note]: # (AI Aces, Computing Captains, Low-Code Legends, Java Jackpot, or Wacky Wildcards:)

Category chosen by me is - Computing Captains
I have hosted my application on AKS , and used ACR to host the container images

### Link to Code on GitHub

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
[Note]: # (Your repository must include a README)
[Note]: # (You must use and list a permissive license for your code: MIT, Apache-2)

{% github https://github.com/turjachaudhuri/microsoft-azure-trial-hackathon-dev-to %}

### Additional Resources / Info

[Note:] # Screenshots/demo videos are encouraged!

This screenshots shows the actual app page , that is running on AKS.
It is a simple voting app , backed by a Redis cache (as backend).
The app is accessible at - http://20.62.221.90/

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

As you can see , Azure is clearly the winner.

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. Prizes for winning projects with multiple collaborators will be sent to the person who posts this submission and they will distribute the prize evenly. DEV will not split prizes as per our rules)

[Reminder]: # (Submissions are due on March 8, 2022 @ 11:59 PM UTC)
Azure Trial Hackathon Submission - Favorite Cloud Provider Voting App
Published: 2022-03-06 11:22:29

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


### Overview of My Submission
[Note]: # (Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)


### Submission Category: 

[Note]: # (AI Aces, Computing Captains, Low-Code Legends, Java Jackpot, or Wacky Wildcards:)

Category chosen by me is - Computing Captains
I have hosted my application on AKS , and used ACR to host the container images

### Link to Code on GitHub

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
[Note]: # (Your repository must include a README)
[Note]: # (You must use and list a permissive license for your code: MIT, Apache-2)

{% github https://github.com/turjachaudhuri/microsoft-azure-trial-hackathon-dev-to %}
### Additional Resources / Info

[Note:] # Screenshots/demo videos are encouraged!

This screenshots shows the actual app page , that is running on AKS.
It is a simple voting app , backed by a Redis cache (as backend).
The app is accessible at - http://20.62.221.90/

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9b7j4r2vu7x8m9qwey9p.PNG)

As you can see , Azure is clearly the winner.

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. Prizes for winning projects with multiple collaborators will be sent to the person who posts this submission and they will distribute the prize evenly. DEV will not split prizes as per our rules)

[Reminder]: # (Submissions are due on March 8, 2022 @ 11:59 PM UTC)
Cara Mengaktifkan Split Screen di Redmi Note 10 Pro
Tags: split, screen
Published: 2022-03-06 10:52:57


![Cara Mengaktifkan Split Screen di Redmi Note 10 Pro](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e3yigrwklp5ya22gr4h7.jpg)

Ingin menikmati dua aplikasi sekaligus di Xiaomi Redmi Note 10 Pro? Berikut cara mengaktifkan split screen (Multi-window mode) di Redmi Note 10 Pro. Anda bisa menggunakan dua aplikasi sekaligus entah itu chat di messenger sambil menonton video atau lainnya. Tidak semua aplikasi mendukung fitur multitasking layar terbagi ini di perangkat Redmi Anda.

Lihat selengkapnya : [Agandroid.com](https://www.agandroid.com/2022/03/cara-mengaktifkan-split-screen-di-redmi-note-10-pro.html)
Github : [github.com/agandroid](https://github.com/agandroid)
Bitly : [https://bit.ly/3HMJuw0](https://bit.ly/3HMJuw0)
Create README files for your project in 30 seconds ⚡
Tags: productivity, opensource, showdev, rust
Published: 2022-03-06 10:33:16

I'm the type of person who keeps creating different repositories and small open-source projects.
One major problem I was having was, making the README files would be so boring :(

After completing the [monkeytype bot](https://github.com/dhravya/typemonkey) project, I had to write a README for it. Like any other programmer, instead of taking 5 minutes to write the readme, I spent the next 2 hours automating the same - in Rust.

I was looking for a good, useful, but easy project to practice and polish my Rust skills, and this was the perfect idea, since it’s so useful for me.

So here it is! The README generator
![short demo](https://us-east-1.tixte.net/uploads/img.dhravya.dev/l0f1y5zuy0a.gif)

Here's the project on github:
![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=dhravya&repo=readme-generator)

If you want to read about the process of making it, read my blog post here - https://blog.dhravya.dev/readme-generator/
I didn't publish it to dev.to because, honestly, most people would find it boring lol

## How to use it
If you have `cargo` installed, it's remarkably easy to install and use-
```
cargo install readme-generator
readme-generator.exe
```
 
That's it! 

If you don't have cargo installed, you'll have to download the exe file from github here: https://github.com/Dhravya/readme-generator/releases

Please leave your feedback here on how I can improve this project and if you used it, leave a ⭐ on Github and comment on this post!
Frameworks are intimidating and overwhelming when you’re learning
Tags: beginners, codenewbie
Published: 2022-03-06 09:40:52

So I gotta ask the dev community a question. But before I do, let me just give my question some backstory.  

I’m not new to coding html and css. I’ve been doing it for myself in a hobby-like manner for years.  And when I say years, I mean I wrote the html for my Geocities site in notepad. (Dang I don’t feel that old… but I digress).

I’m returning to html and css with a vengeance. Learning, coding, experimenting, reading, more experimenting, breaking things and fixing them again. It’s all fun and games and then I read about Bootstrap, and Vue, and React, and SCSS … 

… and it’s soooo intimidating. Especially when the impression I’m getting is that these tools make web page development faster. 

So here’s my question …

Why use those tools? Can you not write code without them and be just as efficient and proficient?
Groww Web App scraping and automation demo using Selenium and BS4.
Published: 2022-03-06 10:30:07


## Groww Web App scraping and automation demo using Selenium and BS4.

![](https://cdn-images-1.medium.com/max/2000/1*7Wtb3uepHdRjVLJqpqypSA.png)

Automation is everywhere. Seeing your any tasks or any works and we don’t have to do manually and it performs automatically. It is pretty amazing.

Groww is an online investment platform that allows investors to invest in mutual funds and stocks. If someone wants to scrape our own data like to know how much investment we have done.

Before writing code we need to install some of the packages:

    pip install selenium
    pip install webdriver-manager
    pip install beautifulsoup4

We are going to log in to the Groww web application we extract the content of the page using bs4.

First Importing the packages:
{% gist https://gist.github.com/shoeb370/7cd0d21cd992a468e6b81999fef91bb4.js %}{% gist https://gist.github.com/shoeb370/ed60f7c4a9ce47029c7cb5a449563524.js %}{% gist https://gist.github.com/shoeb370/67393be93175c53975f0badbb0240566.js %}
After login into our dashboard. I am going to click on my Investment tab and I am collecting all my details.
{% gist https://gist.github.com/shoeb370/51ead8d2f1a46226716ca073bfc6b10c.js %}
So we get the data. And you can use your regex or any transformations to get your likeable data.

If you have any queries you can drop a message on:

email id: shoebahmed370@gmail.com
[**Shoeb Ahmed - Trainee Software Engineer - Aress Software | LinkedIn**](https://www.linkedin.com/in/shoeb-ahmed-97211211a/)
Life biases
Tags: codeofafrica, awesomitylab, stereotypes, graphql
Published: 2022-03-06 10:24:30

The human brain is said to be a dual-processor, with a logical conscious system and a non-reflexive system, both of which are wired to make judgments about people's race and sex, as well as trustworthiness, to mention a few. A variety of circumstances impact our thoughts and behaviors, many of which are beyond our awareness and control.

![brain](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0jpo1oz4wuql0wv820ls.jpg)
We are taught not to judge a book by its cover, yet judgment is simple and requires little thought or reasoning, so it's often seen as an attempt to build hierarchies of better than and less than, superior to and inferior, to define worth in everyone and everything we encounter.
> **Thinking is difficult, that's why most people judge. ~ Carl Jung.**

![core-values](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nepfqpbq77fzdfay5nkc.jpg)
Knowing what you want out of life is the first step in getting it. Values are described as moral concepts, attitudes toward the world, or conventions and behaviors that are deemed 'good' in a given group, community, or organization.
Companies like [CodeOfAfrica](https://codeofafrica.com/EN/value-proposition) and [Awesomity Lab](https://awesomity.rw/) use clearly defined values to ensure that everyone is working towards the same goals.


![restapi](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4x0lqc4flkjbfdyzyx6i.png)
[REST](https://restfulapi.net/) is seen by many developers as a road to avoid at all costs. Understanding the workings of REST has proven to be more difficult than anticipated for many developers, including myself. REST has proven to be too rigid to keep up with the constantly changing needs of the customers who use it.
![graphql](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbh1hp6ychiesnnbaxe0.png)
As a lifesaver to many, [GraphQL](https://graphql.org/) stepped in to reduce the number of API lines produced and database queries done.
Understanding GraphQl in the hours leading up to the Friday presentation was difficult and time consuming, but my teammate [Maniple KWIZERA](https://dev.to/maniplek) and I were able to prepare and deliver a good and insightful presentation.

![races](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gggpsjngpetuj8lfpqpt.png)
To summarize, we should learn to focus on our commonalities rather than our differences, instill values in ourselves and others, and seek to overcome preconceptions in order to better understand cultural diversity.
Major Differences between  Web 2.0 and Web 3.0
Published: 2022-03-06 10:22:07

web 2.0 is the second generation of interoperable internet services. earlier the user could only consume content, now he has the opportunity to independently produce it and exchange it with other site (user-generated content). this became the basic for the commercialization of the internet entire areas of activity.

web 3.0 is the generation of the internet services that focuses on the decentralizing processes and eliminating any middleman trying to take control of everyone and everything, in addition web 3.0 uses encryption and distributed ledger technology to address the trust issues present with web 2.0. but decentralizing web 3.0 is not only about security but also about more effective interaction
due to artificial intelligence 

 web 2.0 and web 3.0 are consistent technologies with a common background. but they  solve their problems in different ways, the main difference can be described as the fact hat web2.0 aims to read and writ content and web 3.0 at the write content and web 2.0 aim to read and write content and web 3.0 at the essence  ( semantic web ) in other words the main goal web 2.0 was to unite people around the data they were interested in, and web 3.0 combines this data in meaning information thanks to the notorious decentralization. with web 2.0 the network itself assumed responsibility for storing inflation, which caused specific difficulties with the access and fears for safety and confidentiality of online data. this problem was solved by exchange , which can now exist at any points at once.

Blockgames (https://blockgames.gg/),
Nestcoin (https://nestcoin.com/),
Zuriteam ( https://zuri.team/ ).
what to write about
Published: 2022-03-06 10:20:00

meantime i'm writing tech articles while i'm coding as i found myself good at teaching and explaining, So what topics in your opinion i need to write about?
below is some topics i'll write about it.
#webdev #Web #webdevelopment #tech #writing #teaching #coding

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oj1nqgyt7oxb7vcwzmes.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4h0jvp6dj0xb8777ckf.png)
I made a Node.js colors library in 192 bytes minzipped (+ code explanation!)
Tags: javascript, node, showdev
Published: 2022-03-06 10:19:50

A few minutes ago, I published [PlanckColors](https://www.npmjs.com/package/planckcolors). It's probably the smallest node module for colors on the internet, at just 119 bytes minzipped! It's so small, here's the source code:

```javascript
let p=['black','red','green','yellow','blue','magenta','cyan','white'],x={},q=['reset','bold','dim','italic','underline','blink',,'reverse','hide','strike'],s=(S='',A=30,T=p)=>T.map((a,i)=>x[a+S]=t=>`\x1b[${i+A}${B}m${t}\x1b[0m`)&&s;s()('Bg',40)('',0,q);export default x;
```

That's it! :exploding_head:

## Planck?

The Planck length is the smallest possible distance between two things. Anything closer than that is considered to be at the same place.

The next smallest name, `yoctocolors` was already taken, so I settled for PlanckColors :sunglasses:

## WTF is going on in this code?!?!

```javascript
let p = ['black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan', 'white'],
		// colors
		// the colors are positioned to line up with their ansi escape;
		// black is code 30 (0), red is 31 (1), etc.

	q = ['reset', 'bold', 'dim', 'italic', 'underline', 'blink', , 'reverse', 'hide', 'strike'],
		// styles                                              A
	    //                                                     |
	    // same here; reset is 0, bold is 1, etc               |
	    // notice the double comma. It's used to skip items in an array,
		// so we can skip index 6 which has no style associated with it.

	x = {},
	    // the final object containing all the functions

    // This function is used to add new colors.
	s = (
		S = '', // a suffix to add to the color's name
		A = 30, // the number to add to each color,
		        // for example, black is at index 0. 30 + 0 = 30, which is the escape code for black
		T = p   // the array from which to add colors. The default is p
	) => T
		.map(   // using map, as it is shorter than `forEach`
				(
					a, // color
					i  // index
				) => x[a + S] = // set the color to...
						t => `\x1b[${i + A}${B}m${t}\x1b[0m`) // a function which returns colored text...
						&& s; // and return the function itself, so we can chain calls

s()          // call with all the default arguments
 ('Bg', 40)  // call with bg prefix, and add 40 so we get background escape codes
 ('', 0, q); // call with the styles array

export default x; // finally, export our colors
```

## Should I ditch chalk and use this?

You can!

The only thing to consider is the fact that this library doesn't provide any color detection out of the box. However, since this module only provides 16 colors, it may not be such a big issue. Most terminals support 16 colors.

If you do end up using this, let me know!
Shortcut keys to shut down Mac (MacBook Pro, Mini ...)
Tags: shortcut, mac, shutdown, howto
Published: 2022-03-06 10:18:12

I am a keyboard guy and hate mouse. Moving your cursor to the far top-left corner of a 49-inch screen, and select & click the menu item, and then moving cursor back to the screen center, click OK to confirm, is too painful to me. 

![WFT](https://media.makeameme.org/created/what-the-fuck-5c1b01.jpg)

If you have the same experience, you are not alone!
![You are not alone](https://foodaddiction.com/wp-content/uploads/2021/12/yana-e1517346991892.jpg)

If you google it, you will find that you can shut down Mac Using Keyboard Shortcut(key combination) as shown below:

```
Command + Option + Control + ⏏ (Eject / Power)
```
However, if you like me, either you are using Mac Mini, or you don't have a keyboard with the "Eject" key, the above trick may not work for you.

In addition, I dislike doing a task by pressing 4 keys simutaneously. 3 keys, by far are the most I can afford.

What is even worse, I cannot remember the key combations, is it 
- `Command + Option + Control + ⏏ ` or 
- `Command + Shift + Control + ⏏ `  ? 

I often confuse myself. 

# Solution

What I expect is something like:
```
Shift + Command + Q  ➟ Shut down OSX
Shift + Command + L  ➟ Lock screen
Shift + Command + R  ➟ Restart OSX
Shift + Command + S  ➟ Sleep
``` 
Simple, intuitive and easy to remember!

Here is how to do so:


- Click system menu, and then "System Preferences ..."

![Settings](https://cdn.osxdaily.com/wp-content/uploads/2017/08/create-custom-keyboard-shortcut-mac-1-610x468.jpg)

 
- Select the `App Shortcuts` on the left, and click the "+" button on the right side panel

![Click Keyboard Setting](https://cdn.osxdaily.com/wp-content/uploads/2017/08/create-custom-keyboard-shortcut-mac-2-610x542.jpg)

- In the pop up dialog, type below words EXACTLY in the "Menu Title:" box:

```
Shut Down...
```

- Associate the `Shift + Command + Q` shortcut

![Shift + Command + Q](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/npuiu3os2u5e52goe9li.png)

That is it.
Shortcut to shut down Mac
Tags: shortcut, mac, shutdown, howto
Published: 2022-03-06 10:07:13

If you google it, you will find that you can shut down Mac Using Keyboard Shortcut(key combination) as shown below:

```
Command + Option + Control + Eject / Power

```
However, if you like me, either you are using Mac Mini, or you don't have a keyboard with the "Eject" key, the above trick may not work for you.

In addition, I dislike doing a task by pressing 4 keys simutaneously. 3 keys, by far are the most I can afford.

What is even worse, I cannot remember the key combations, is it `Command + Option + Control + Eject / Power` or `Command + Shift + Control + Eject / Power`? I often confuse myself. 

What I expect is something like:
```
Shift + Command + Q
``` 
Simple, intuitive and easy to remember!
Completed, webinar booking website template with HTML CSS
Tags: beginners, tutorial, css, 100daysofcode
Published: 2022-03-06 09:58:56

👋 Hi dear Folks, I am atul from [atulcodex.com](https://atulcodex.com)

In this dev post, I am going to talk about my 5th responsive website of our #10websitewithhtmlcss challenge. If you don't know about the challenge "10 websites with HTML CSS" as you can understand with the name you are going to see another 5 responsive websites built with just HTML and CSS except for this one.

## Webinar Booking Website

![Webinar booking website](https://i.ibb.co/kcQ58Sw/webinar-booking-website.png)

This is the webinar booking website or you can say funnel website. useful for webinar organizers who can collect attendee's pieces of information so that they can arrange the numbers of seats for candidates. This simple and clean website is responsive on all devices like smartphones, laptops, desktops even TV also.

**_Ohh, sorry I forget to show you other 4 websites which I have made before this one. This is the link of all of that._**

{% link https://dev.to/atulcodex/headphone-responsive-landing-page-with-html-css-5fi0 %}

{% link https://dev.to/atulcodex/furniture-store-responsive-landing-page-with-html-css-2glb %}

{% link https://dev.to/atulcodex/fitness-website-with-html-css-4p1d %}

{% link https://dev.to/atulcodex/i-have-made-a-funnel-website-with-just-html-css-2mii %}

---

{% youtube 8dktCdTy8hU %}

### And this is the video of our website, If you haven't find the live demo button.

---

Yes, you are right the website is open source too, click the link to fork the repository and don't forget to hit the star.

{% github https://github.com/atulcodex/webinar-booking %}

#### features
- HTML5 & CSS3
- No framework
- Funnel ready design
- Responsive Template
- Free icons used
- Pixel Perfect
- Clean & Unique Design
- Easy to customize
- Retina Ready
- Unlimited Colors
- Boxed or Wide layout
- SEO friendly
- Super fast loading speed . . . .


[![Webinar booking website template](https://i.ibb.co/vwN8cgW/live-demo.png)](https://webinar-booking.netlify.app/)

The main goal of this challenge, videos, blog and effort is to understand and explain that responsive website design is not that hard. We can make much beautiful and responsive websites with just HTML and CSS. As you can see. 👑

And last don't hesitate, to ask your questions about the challenge and share your feedback's for these responsive website design. I love to answer your questions.

### 😇😍🥰