teleren/devto huggingface dataset:
Arch Linux: Full Walkthrough [March 2021 Edition]
Tags: linux, productivity, opensource, beginners
Published: 2021-03-18 17:29:15

---
title: Arch Linux: Full Walkthrough [March 2021 Edition]
published: true
description: Learn how to use Docker from scratch starting with a single PHP file.
tags: linux, productivity, opensource, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1agrvn3ha5ypq0xx6r14.png
---

Hello everyone, 

I wanted to share a new video that I recently created geared towards beginners that are looking to learn how to install Arch Linux from scratch. 

What is Arch Linux you might ask?

Arch Linux is a Linux distribution for computers with x86-64 processors.Arch Linux is focused on simplicity, modernity, pragmatism, user centrality, and versatility. In practice, this means the project attempts to have minimal distribution-specific changes, and therefore minimal breakage with updates, and be pragmatic over ideological design choices and focus on customizability rather than user-friendliness.

That last sentence sums it up. So that is why I have created a video to show you how to install it step-by-step. 

Video (31 mins)

{% youtube bWfX3kbVV7Q %}

Conclusion

Stay tuned for [future Twitch streams](https://twitch.tv/mbcrump) as we learn about security and app development or you can watch the condensed version of all of my streams by subscribing to my [YouTube](https://youtube.com/mbcrump). 

Stay connected with me on social platforms for daily software development news.

-[Twitter](https://twitter.com/intent/follow?screen_name=mbcrump) | [Twitch](https://twitch.tv/mbcrump) | [Instagram](https://instagram.com/mbcrump) | [YouTube](https://youtube.com/mbcrump) | [GitHub](https://github.com/mbcrump) | [Website](https://www.michaelcrump.net)
Java 16 features every Java developer should know
Tags: java
Published: 2021-03-18 17:21:33

Java 16 just released.
Though there are many features bundled in this release not every feature need to be known by day to day java developers.

There are six of them which will improve developer productivity.
Those features are :

1) Records
2) Pattern matching for instanceof
3) Sealed classes and interfaces
4) Packaging tool : jpackage
5) Stream.toList() method
6) Day Period Support for DateTimeFormatter

Here is a detailed explanation of all the features:

https://fullstackdeveloper.guru/2021/03/18/java-16-features-every-java-developer-should-know/
Archey-CLI Clone For macOS
Tags: javascript, macos, commandline, terminal
Published: 2021-03-18 17:19:03

---
title: Archey-CLI Clone For macOS
published: true
description: My first Javascript CLI app. Clone of Archey
tags: javascript,macos,commandline,terminal
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4pj32ziyt9d6j1x1bb5v.png
---

# Hello!

This morning I published my first npm package, [@jarmentor/archey-js](https://github.com/jarmentor/archey-js).

Archey is just a more informative welcome message for macOS terminal.

## Install and Run

```bash
npm i -g @jarmentor/archey-js

archey-js  
```


## Explore

Check it out on [npm](https://www.npmjs.com/package/@jarmentor/archey-js).
Explore the [repository](https://github.com/jarmentor/archey-js) on GitHub.
How to redirect to an external URL in Spring Boot REST (Post/Redirect/Get design pattern)?
Tags: springboot, java
Published: 2021-03-18 17:18:59

We can redirect to an external URL after making an API request to a backend application using Post/Redirect/Get design pattern

Here is a simple example of how to do that in backend code using Spring Boot REST Controller:

https://fullstackdeveloper.guru/2021/03/12/how-to-redirect-to-an-external-url-from-spring-boot-rest-controller/
Animated Particles Effect CSS3
Tags: css3, html, 100daysofcode, particles
Published: 2021-03-18 16:59:06

the day 88 of challenge #100DaysOfCode

Animated Particles Effect Using HTML5 & CS3

Demo : https://particles-effectcss3.netlify.app/

Code : https://github.com/saidMounaim/100DaysOfCode/tree/main/Day88

Tutorial : https://www.youtube.com/watch?v=ajZjivqBdcY&ab_channel=OnlineTutorials
#100daysOfCode
Published: 2021-03-18 16:54:50

So, I'm Ashutosh Yadav, lots of love from India, will be starting #100daysOfCode, in which I'll be brushing up my skills for web development, I'll also be delivering some good projects, which will be based on JavaScript mostly. Also will be helping my fellowmates on Dev to increase their ability, knowledge and skills using this awesome languages.
Let's Build for Ruby and Rails Developers - Part 19
Tags: rails, ruby, showdev
Published: 2021-03-30 14:36:12

---
title: Let's Build for Ruby and Rails Developers - Part 19
published: true
date: 2021-03-18 15:28:46 UTC
tags: rails, ruby, showdev
canonical_url: https://web-crunch.com/posts/lets-build-for-ruby-and-rails-developers-part-19
---

{% youtube Nfkm0rwhap0 %}


Continuing on from [part 18](https://dev.to/justalever/let-s-build-for-ruby-and-rails-developers-part-18-2ckk-temp-slug-4964827) I progress with front-end validation using the [Vuelidate](https://vuelidate.js.org/) library for [Vue.js](https://vuejs.org/).

### Details of part 19

In part 19, I stumble a bit getting our Vue central store pattern to play nicely with Vuelidate. After a bit of hackery, I figured out an approach to validate the fields of the new job form I'm wanting to.

Below the form itself is the step-by-step form wizard pagination. You'll see a "Continue" button which I only want to enable if all fields are first valid. This makes the experience a bit less error-prone for the end-user so they don't forget important data required to post on railsdevs.com.

Luckily, with the bulk of the front-end validation out of the way we are very close to wrapping up the form itself minus a few issues with image uploads, state management and more. Ideally, I want to queue up some different states based on responses back from the Rails app behind the scenes. An example might include if a credit card is declined. I want to return this message to the user so they know what actually happened.

There is a lot still to do but I can see the light at the end of the tunnel. I'm super excited to progress so we can start working on more backend and admin-level controls.

Plans here include:

- A place to review job submissions and alter their status
- Email delivery for job posts, status updates, and digests for public-facing users who want to get updated rails or ruby jobs in their inbox.  
- Start the community-side of the app including profiles, stats, and more per developer
- Integrate a SaaS-based search tool for finding developers that match an employer's needs. This needs more research/conceptualization but I discussed the initial idea more in [part 1](https://dev.to/justalever/let-s-build-for-ruby-and-rails-developers-2g1).

Be sure to [check out the whole collection](https://web-crunch.com/collections/lets-build-for-ruby-and-rails-developers) if you're new to this series!
Create Our Dev 🐸
Published: 2021-03-18 16:53:43

# This is the Main Title
---
Markdown allows us to write HTML in a quick and fluid way. We use this on the regular for our code reviews, comment sections and README files again and again. 

At first glance the importance of Markdown may not seem all that important. You would be right wrong! Readability in your PRs and being able to communicate your point clearly and cleanly is crucial. Its not uncommon for engineers to create documents ahead of time to their team members for future features on apps that support Markdown to get their point across!

1. List Item
2. List Item
    1. List Sublist 1
    2. List Sublist 2
3. LIst Item 3

## Challenge: 2nd Paragraph

##### Step 1
> "Add a 2nd paragraph to your article."

##### Step 2 
**Bold something** in either paragraphs.

##### Step 3
*Italicize* something in either paragraphs.

##### Step 4
~~Strikethrough~~ something in either paragraphs.
Vite + Rust 💖 WebAssembly
Tags: vite, rust, webassembly, rsw
Published: 2021-03-18 16:36:56

---
title: Vite + Rust 💖 WebAssembly
published: true
description: 
tags: 
  - vite
  - rust
  - webAssembly
  - rsw
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j516j6dpre6s4uy09y2m.png
---

* [Demo](https://github.com/lencx/learn-wasm): 🥸 Learning WebAssembly
* [vite-plugin-rsw](https://github.com/lencx/vite-plugin-rsw): 🧩 wasm-pack plugin for vite@v2
* [rsw-node](https://github.com/lencx/rsw-node): ⚪️ `wasm-pack build` executed in remote deployment
How to Ask a Good Question on Stack Overflow!?!
Tags: beginners, codenewbie, discuss
Published: 2021-03-18 16:32:43

---
title: How to Ask a Good Question on Stack Overflow!?!
published: true
description: Understand Stack Overflow Better
tags: #beginners, #codenewbie, #discuss
---

I had been on S.O. for over a year (maybe longer) before I gained any substantial privileges. At [500 points](https://stackoverflow.com/help/privileges), I got to [Access Review Queues](https://stackoverflow.com/help/privileges/access-review-queues). 

When I found out about Review Queues, I became almost patriotic, lol. I wanted to give back to my new programmer country-men and women. So I dove in.

>[Review queues help those] "who may not fully understand the best way to ask and answer questions" - Stackoverflow

When you join Stack Overflow, you get 1 point (woo-who), and your questions are diverted for review. It turns out all newbie questions and answers are vetted before being posted.  *I bet most of you didn't know that.*

What did I learn? 
- There really is a right and wrong way to ask questions.
- Very few people know how to ask a good question right away.
- Many tongue-tied programmer Reviewers referred newbies to a [pat-posted-answer](https://stackoverflow.com/help/how-to-ask) that absolved them from explaining anything AND (for the most past) being decent to people.

*Asking good questions and Googling things is a BIG part of programming and it doesn't need to be difficult.*  
Remember a few things.

- **KISS, keep it simple. Ask ONE thing at a time.**

**BAD:**
- "I have this problem X... If the problem is not X, Could it be a..., b..., c..., d..., e..?" 
    - *NOTE: Each letter is followed by a VERY long explanation.* 
- "I have this problem.  And by the way, I have seven more unrelated ones, while I am here."  

**GOOD:**  
"When I read in X.csv file, I am not getting Y, but instead I find Z. 
Here is my input, output and a small segment of code.
What could I change?" 

*What have you experienced on Stack Overflow?* 

*Next time!* What is a minimal reproducible example?
CSS variable chapter five "how to change CSS variable value with JavaScript" 🔥️
Tags: css, codenewbie, todayilearned, codepen
Published: 2021-03-18 16:19:36

Hey dear coding people,

Hope you are doing well in your coding journey

![life](https://media.giphy.com/media/Iu7j72LXNtu5eIcNi3/source.gif)

In the last DEV post, we have learned about "theming" 🎀️

{% link https://dev.to/atulcodex/css-variable-chapter-four-theming-ckp %}

And in this post, we are going to learn about "how to change CSS variable value with javascript"🔖️

Ummmm,😚️ one question is might be crawling in your brain that why we want to change this like why somebody wants to change the CSS variable value with javascript. So my answer is just it's very useful like our DEV community theming function "DARK MODE" and "BLACK MODE".🌛️

![Learning CSS variables](https://source.unsplash.com/1600x900/?learning)

NOTE: CSS variable is livied in [DOM(Document Object Model)](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction). We can't make changes in [SASS](https://sass-lang.com/) and LESS(http://lesscss.org/) CSS variable with javascript.

*Now let's dirty our hands with CSS code*🙌️

Here I'm assuming that you are a little bit familiar with JavaScript and if not don't sweat it I'm here to assist you at every step.

![](https://source.unsplash.com/1600x900/?video-leacture)

This is our default webpage

{% codepen https://codepen.io/atulcodex/pen/LYbaZgW %}

So now we want to make changes in our CSS variables values

To do that we have to write these 4 lines of JavaScript code in the js file📂️

### 📌️ First line
``` var root = document.querySelector(':root'); ```
In this javascript like of code we are targetting our CSS :root global variable and storing in javascript variable named root.


### 📌️ Second line
``` var rootStyle = getComputedStyle(root); ```
In this line we are getting our :root variable properties like "--red, --yellow, etc" and storing those properties to a javascript value named rootStyle.


###📌️ Third line
``` var red = rootStyle.getPropertyValue('--red'); ```
In this line we getting "--red" property value and storing it to javascript variable named red.


###📌️ Fourth line
``` root.style.setProperty('--red', 'black'); ```
In this line we are setting or changing the "--red" variable value to black.

Taddddddadadda😉️

You have changed the css variable value with javascript

![](https://source.unsplash.com/1600x900/?done)

If you have any doughts in this process, I recommend you have to play with this codepen project✌️

{% codepen https://codepen.io/atulcodex/pen/yLVrRdv %}

And still, you have any difficulties in this project you have simply comment below this post me and our @dev community is ready to assist you 🤞️:)
Day 79 Of 100DaysOfCode: Data Science For Everyone From Datacamp
Tags: 100daysofcode, womenintech, codenewbie, womenwhocode
Published: 2021-03-18 16:18:19

Today is my 79th day of #100daysofcode and #python learning journey. Today I wrote blog on my personal GitHub in mathematics and python related topic. Keep learning from DataCamp. In the DataCamp, I did study on the topic Data Science for Everyone. Also I completed some assignments.

And I gave my few hours to my own project. Able to completed some part of it. I prepared CSV file for the news data.
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Day 79 Of <a href="https://twitter.com/hashtag/100DaysOfcode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfcode</a> and <a href="https://twitter.com/hashtag/python?src=hash&amp;ref_src=twsrc%5Etfw">#python</a><br>Datascience for Evereyone From [Datacamp](<a href="https://t.co/rxTDZmE0gm">https://t.co/rxTDZmE0gm</a>)<a href="https://twitter.com/hashtag/WomenWhoCode?src=hash&amp;ref_src=twsrc%5Etfw">#WomenWhoCode</a> <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a> <a href="https://twitter.com/hashtag/Beginner?src=hash&amp;ref_src=twsrc%5Etfw">#Beginner</a> <a href="https://t.co/zK85hCgYQT">pic.twitter.com/zK85hCgYQT</a></p>&mdash; Durga Pokharel (@mathdurga) <a href="https://twitter.com/mathdurga/status/1372579015869931521?ref_src=twsrc%5Etfw">March 18, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Week 3 - Summary
Tags: diary, learning
Published: 2021-03-18 16:15:16

So, it begins! Week three began to see more of a lean towards experimentation and curiosity driven independent research compared to the initial two weeks – no ‘tutorial hell’ for me thank you!
 
Having said that, I did spend a lot of my practical application time working through the ‘Responsive Web Design’ module on freeCodeCamp, in particular the end projects (three completed). It was really useful to work on these, taking them as far as I could on my own, and then when I reached my limit examine their code and work through with the Chrome Dev tools to see how and why I couldn’t get something to work. This highlighted that whilst HTML and CSS are straightforward, remembering how to do specific things and putting it into practice requires.. practice!

JavaScript. Can’t wait to get stuck into this programming language and breath some real interactivity into the equation. I watched a few tutorial videos, a basic introduction and how it relates to the Document Object Model, and functions;

I think JavaScript is what I will need to complete my ‘HTML Tags’ page; a dynamic ‘cheat sheet’ that contains all the tags and all the information, as on W3Schools, but all collected on one static page instead of across many (none of the resources seem convenient enough for my taste).
 
Another part of the equation will be JSON. I figured out how to store the first two HTML tags worth of information inside a JSON file, and will use the JSON file to hold all of the information required for the page. But after writing out two of the entries I realized I don’t want to spend an entire week copying and filing all the information from W3Schools manually! Why should I, when I know automation could solve this.

Automation will be the final part of the equation. When I get stuck into Python I’ll create a simple web scrapper to pull out all of the necessary information from W3Schools and file it into my JSON. Or at least that’s what I will aim for! I assume it is possible, unless the website blocks such methods perhaps?

Part of the week I spent digging into side-tracks relating to CSS. For example, 

* Beizer curves; the mathematics behind how the values are calculated, visually, was very insightful. 
* Linear gradients; how these can be modified, and even used as masks on text to create a nice header title effect. 
* Psuedo-elements; adding extra shapes to objects, tool-tips, extra form elements.
* Accessibility; with CSS putting content off the screen but still ‘there’. Genius!

I’m loving how much there is to know and the ability to be instantly creative, create instant problems, then problem solve instantly!
Hacktoberfest - A Beginner's experience
Tags: beginners, hacktoberfest, github
Published: 2021-03-18 16:09:36



Hello there,
First and foremost, Wishing you all a great year ahead. I had an amazing start to my new year when I received the Hacktoberfest T-shirt. The best thing that happened to me last year was Hacktoberfest 2020. I’m here to share my experiences about the event so that any newcomers like me would relate to it in the future.

####Hacktoberfest 2020
[Hacktoberfest](https://hacktoberfest.digitalocean.com) is a month-long event happening every October, in which we have to make four or more valid pull requests to public Github repositories. When we accomplish that, we will be eligible to get a limited edition Hacktoberfest T-shirt or we can choose to donate a tree.

####Why Hacktoberfest?
I got to know about Hacktoberfest when I saw a tweet from Digital ocean. I didn't know much about open source and github and hence, I was hesitant to register. But, at the same time I wanted to give it a try. While registering, the only thought I had was, ‘I have 31 days to contribute. At the best, I can succeed making at least four valid pull-requests. If not, I could learn about contributing to open source and about github. So, why not give a try?’. 	

####Getting Started on Github
Now that I have registered and understood the participation rules, I wanted to find how to make a pull request in github. First, let’s sign up/sign in to  github [here](https://github.com/login). To know about creating a pull request , read through [github docs](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request). Also, there is a valuable repository called [firstcontributions](https://github.com/firstcontributions/first-contributions) which will guide us about a few of the basic git commands required to make our contributions and how to use them. When we follow the steps given, we’ll end up making our first contribution to their repository. 

####Finding repositories to contribute
There are [resources](https://hacktoberfest.digitalocean.com/details) listed by the Hacktoberfest team that help us find an issue suitable for a beginner. Among which, I have used [Good First Issues](https://goodfirstissues.com/) in which we can filter issues based on programming language or issue label or repository. In my case, it is easier for me to find issues with the label ‘Hacktoberfest’ and ‘Python’ programming language.

Towards the end of the month, I made five eligible pull requests. Yes, I did it. Since this was my first hacktoberfest, I chose to get the T-shirt and here it is.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qfo2ul4dorz1qcifz81.JPG)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kcjpnoy30v7h3evz3i1v.JPG)

It’ll be a bit overwhelming at first, but when we start making our first contribution, we’ll get to know about it. Remember the quote **“Don’t let the entire staircase overwhelm you. Just focus on that first step.”**
Ajax crud in laravel
Tags: laravel, javascript
Published: 2021-03-18 16:06:14

Are you looking for Ajax CRUD with Laravel 8 then I hope you are land in a perfect place. Here i give you a very simple easy way to explain how to create a ajax crud with laravel 8 tutorial with a CRUD example. I will show you (Create, Read, Update, Delete) Step by step for any beginners. 
Read more :
https://codingspoint.com/laravel-8-ajax-crud-tutorial-with-example-for-beginners/
How to Setup Typescript in Laravel Vue Application?
Tags: laravel, vue, typescript, javascript
Published: 2021-03-18 16:03:49

Hello Laravel and Vue Js lovers,Welcome to in this brand new tutorial. Today i will show you how we can work with Laravel vue js and also Typescript. Here in this quick example i will show you how we can setup vue js with typescript in our Laravel application.i will show you How to Setup Typescript in Laravel Vue Application.....
Read more: https://codingspoint.com/how-to-setup-typescript-in-laravel-vue-application/
Variables, var, const, and let in conversation
Tags: javascript, beginners
Published: 2021-03-18 15:10:27

Unveiling the Drama: Variables, const, let, and var in JavaScript—A Riveting Conversation!

##Variables:
Hey there! If you think I'm just a container, you're missing the big picture. Greetings, my components! Without you, my declaration is incomplete.

##var:
Hello *'const'* and *'let'*! Hey *'let,'* you've been getting all the attention lately, but what makes you so special?

##let:
Umm, well...

##const:
Hold on, *'let'*! Let me introduce myself first. I am the *'const'* keyword, the guardian of constant variables. Once declared, there's no turning back.

##let:
I declare variables, and yeah, they can be reassigned everywhere in your program. I see all scopes, by the way.

##var:
Oh, *'let'*, I only see function scope. How can we simplify things for developers?

##let:
Take a look at this demo:
```javascript
function diffVarAndLet() {
	// Extra scope
	if (true) {
		let x = "Look, I'm in a scope";
		// 'let' -> My life starts and ends only in this scope
		var y = "See, I don't care about scope!";
	}
	
	console.log(y); // Output: See, I don't care about scope!
	console.log(x); // Remember, I warned you about my life! Output: ReferenceError: x is not defined
}
```
In short, I'm here to solve a problem you didn't even know existed—*scopes*!

##var:
Excellent! Thank you. Together, we can elevate JavaScript. If you're new to JavaScript, go with 'let'—it rarely disappoints. Only the intermediates and experts truly understand when I'm needed.

##const:
Variable, you claim not to be a container—so what are you?

##Variable:
I'm used to mapping to a value in memory for reference purposes."

Get ready for an exhilarating journey through the world of JavaScript variables! 🚀
Day 31
Tags: 100daysofcode
Published: 2021-03-18 15:56:21

Day 31/100 of #100DaysOfCode

Codewars | JavaScript Higher Order Functions are easy - JavaScript Bangla ( বাংলা ) Tutorial

Hours coded: 2.9
Lines of code: 264
Keystrokes: 2630

via @software_hq's #vscode extension https://www.software.com/100-days-of-code