teleren/devto huggingface dataset:
Free Material UI and React Dashboard for web developers (open-source)
Published: 2022-01-05 18:30:32


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

Vision UI Dashboard React is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using MUI's style props.

You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Free MUI Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Check it out: https://www.creative-tim.com/product/vision-ui-dashboard-react
Holiday Void Install
Tags: linux, devops, webdev
Published: 2022-01-02 18:00:11

What would I describe a hacker Christmas to be? This year it was the gift of hoodies, mirror shades, end-to-end encryption on mobile, and provisioning a “deck” all for @reallyjanejones. The choice for hardware was an Asus Eee PC with the Intel Atom.

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

The choice for OS was Void Linux and was pleasantly surprised to see that Unix philosophy in practice with this distro.

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

Nothing really kicked off that wasn’t allowed beforehand which is another thing I really like about Void.

If you made it this far I’ll go ahead and let you know, of course, Wi-Fi and ACPI and Battery all work on this machine.

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

I did some work messing with a self-made web server and moving files to an ARM machine and this whole install was a success. No real hoops to jump through.

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

So, if you were looking for a quick way to put something completely mobile with a full keyboard together I highly recommend this combination. For web dev I am just swapping out video clips here and did xbps-install xterm to get UXTerm which seems to be able to handle ZSH on FreeBSD as well as PowerLevel

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1cc87blg1hr9q9ks2fdj.jpeg)

I don’t see any reason to move off of Vim and ffmpeg either so the term emulation works out well as I shuffle clips from Intel to ARM. For many tasks the fact the Atom processor is used in automotive can be seen, for instance, in starting up and shutting down the deck the speeds for that are ludicrous.

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

Playout for video and multimedia tasks are not the point of using an Atom of this vintage however for ad-hoc web dev this machine really is worth the effort.
Welcome Thread - v158
Tags: welcome
Published: 2022-01-05 18:21:48

---
title: Welcome Thread - v158
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![T-Rex Saying "Hey Friend"](https://media.giphy.com/media/WrlVBo6lEJEVA8EJOs/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Jenkins Basic
Tags: devops, testing, programming, beginners
Published: 2022-01-05 16:42:54

Jenkins is a powerful application that allows continuous integration and continuous delivery of project activities.
- It is a free source that can handle any kind of build or continuous integration. You can integrate Jenkins with other tools.

**<u>Download Jenkins</u>**
Jenkins official link : https://www.jenkins.io/download/ 
If you click the given link, you can get the home page of the Jenkins official website as shown below. Download war file as highlighted below

![Jenkins website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/avimril357829v2ogtm2.png)

**<u>Starting Jenkins</u>**
Open the command prompt. From the command prompt, browse to the directory where the jenkins.war file is present. 
Run the following command

```
D:\>Java –jar Jenkins.war
```
After the command is run, various tasks will run automatically. 

Once the processing is complete without major errors, the following line will come in the output of the command prompt.

```
INFO: Jenkins is fully up and running
```
**<u>Accessing Jenkins</u>**

Once Jenkins is up and running, one can access Jenkins from the link − http://localhost:8080

This link will bring up the Jenkins dashboard.

![Jenkins webpage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ed3vq575u28wwj19j1w.png)
 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y4y8kcw9b3p727425rda.png)
Checkout next Blog for Advanced Jenkins with more info..!
Have a Nice day..... :)
Everything You Need To Know To Get Started With ReactJS.
Published: 2022-01-05 17:57:57

ReactJS can be quite overwhelming and intimidating when getting started.

Below is everything you need to know to set off your journey of learning ReactJS on the right foot as a developer.

## What is ReactJS?

React is a free and open-source front-end JavaScript framework for building user interfaces based on UI components.

Before we go to why you should learn React, you can check out an ebook that has been helping me to:

- Grow my Twitter account.
- Get unlimited tweet ideas.
- Write good threads that get engagements.

Before and after getting the ebook.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7e42752hk9zfkc61awns.jpeg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r83scuefnzla3wewundr.jpeg)
Get it [here](https://gumroad.com/a/970413171/PeYHf)

## Why should you learn ReactJS?

- React developers are in high demand.
- It is easy to learn.
- It helps to build rich user interfaces.
- Can build mobile apps using React Native

## Benefits of ReactJS

- Speed
- Flexibility
- Usability

## Things to learn before learning ReactJS

- HTML
- CSS
- Javascript
- Package Manager (Node and NPM)
- Command-line

## What to learn in Javascript before learning ReactJS

General Javascript concepts:

- Variables
- Functions
- Data types
- Conditional statements

Modern Javascript concepts:

- ES6 classes
- let/const
- Arrow functions
- Destructuring assignment
- ES6 modules
- Asynchronous Javascript

## Dev Environment Tools

- Node
- Browser - Chrome
- Text Editor - Visual Studio Code
- React Developer Tools

## VS Code Extensions

- Prettier-code formatter
- ES7 React/Redux/GraphQL/React-Native snippets

## Conclusion

All the best in your journey of learning React.

You can follow me at [Bonnie](https://twitter.com/The_GreatBonnie) as I will be sharing my journey.

Also, subscribe to [my weekly newsletter](https://www.getrevue.co/profile/the_greatbonnie) where I share inspiring, valuable and quality content on Personal Development, Web Development and Technical Writing.
Got em' ...
Tags: csharp
Published: 2022-01-05 17:51:07

Had a really strange thing happen today while developing using Blazor.

Things were working fine, and then my Blazor app started making calls to the server using a library called "Got" (https://github.com/sindresorhus/got)

This is fine, apart from that it stripped all the http header data that we were working with. In the end we had to bin blazor and went back to using JavaScript and XMLHttpRequests.

I think the only thing that was annoying, is I have no idea where and when this "got" library appeared from, who included it into the Blazor app and why?

Anyways, that is all.

p.s. why name an app/lib "got", it's like calling an app "the". Makes troubleshooting and finding any relevant search terms near impossible to find.
🎄 CodeCast's Coding Advent: Day Thirty-One 🎄
Tags: codecast, webdev, beginners, programming
Published: 2022-01-05 17:37:44

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

It's the last day of our coding advent and today we're sharing our favourite resource of all...us!

Obviously, we ❤️  [CodeCast](codecast.io) but we think you will too! We're an all-in-one media & code-sharing platform. If you want to know exactly what we're about check out our video below!

https://www.youtube.com/watch?v=eqehwwFnSoM

You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
✨ CodeCast's Coding Advent: Day Thirty
Tags: design, webdev, beginners, tutorial
Published: 2022-01-05 17:37:21

![Day 30](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cypuyo0ndpmjlahsec3w.png)

## DAY 30

It's almost the new year so let's get festive. Checkout out this Codepen by Swarup Kumar Kuila that shares an animated new year SVG!

https://codepen.io/uiswarup/details/JjojQby

You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
🐧 CodeCast's Coding Advent: Day Twenty-Nine 🐧
Tags: github, git, webdev, beginners
Published: 2022-01-05 17:36:54

![Day 29](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jt4sj4k7q913z27iap2p.png)

## DAY 29

Git. The incredibly useful and often frustrating tool has become a staple in the industry. So what if there was some sort of cheat sheet...

Tara Prasad Routray created this incredible post that will help you with just that!

https://levelup.gitconnected.com/top-30-git-commands-you-should-know-to-master-git-cli-f04e041779bc

You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
🎁 CodeCast's Coding Advent: Day Twenty-Eight 🎁
Tags: programming, webdev, beginners
Published: 2022-01-05 17:36:36


![Day 28](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mqvwqgo7zw4q6a56w0vp.png)

## DAY 28

What's a better resource than a community?! Join our @discord server and be a part of our community of devs! 

https://discord.gg/TwUbh7EyxB

You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
⭐️ CodeCast's Coding Advent: Day Twenty-Seven ⭐️
Tags: elixir, beginners, programming, webdev
Published: 2022-01-05 17:36:01


![Day 27](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v13y6k8d37msirzciowk.png)

Let's learn some Elixir! Our founder Tam has created an ongoing series where he is teaching Elixir. Check out the first Cast in the series below.

https://www.codecast.io/casts/40aQWRabpR8A-intro-to-elixir-lesson-one-hello-world-


You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
🎄 CodeCast's Coding Advent: Day Twenty-Six 🎄
Tags: javascript, webdev, programming, tutorial
Published: 2022-01-05 17:35:37


![Day 26](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/53etbu04zq4dqbsq28em.png)

## DAY 26

We've shared some CSS snow, but what about some JS rain?! Check out this tutorial by Jatin Sharma on @dev-a-forem-community!

https://dev.to/j471n/colorful-rain-with-js-514j

You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
🎅🏽 CodeCast's Coding Advent: Day Twenty-Five 🎅🏽
Tags: css, beginners, programming, html
Published: 2022-01-05 17:35:12


![Day 25](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tqa3kqrrpjr36h41eamd.png)

## DAY 25

MERRY CHRISTMAS! We hope you're having a wonderful holiday season.

Today, we're featuring one of our fave games, https://flexboxfroggy.com/! Master FlexBox by playing a game - we can't think of anything better than that!

You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
How To Became Aws Community Builder Arabic Version
Tags: aws, career, cloud
Published: 2022-01-05 17:34:41

## ؟؟ AWS Community Builders كيف اصبحت  
كثيرا ما يطرح علي هذا السؤال وعن ماذا يعني ان تكون جزئا من هذه المنظومة ؟؟
...... سوف أحاول في هذا المقال ان اجيب عن هذه التسأولات 
أولا وقبل كل شي يجب ان تكون شخص طموح ولكن متواضع ولديك رغبة في  التعلم. أنت تحب ان تشارك المعلومات المتعلقة بالحوسبة السحابية مع العالم ومقابلة الاشخاص الآخرين الذين يشاركونك نفس الاهتمامات  

لا تخف ان احسست بانك غير ملائم للتقديم في هذه المرحلة او من اين قد ابدأ لاكون مؤهل للدخول الى هذه البرنامج الاجابة الخبر السار ان اعضاء الكوميونتي منتشرون حول العالم وسوف يكونون سعيدين بالمساعدة 

## ما هي الفائدة من البرنامج

1. يعتبر اضافة جيدة الى السيرة الذاتية 
2.  فاوتشر مجاني للشهادة الي تود تمتحن فيها قد تصل قيمته ل $300 
3. AWS خمسمئة دولار في حسابك تساعدك في تطبيق واستخدام خدمات 
4. التعرف على اشخاص اخرين وتكوين نيتورك تشاركك نفس الاهتمامات
5. AWSلديك افضلية الحصول على اخر التطورات والخدمات التي تقدمها  
6. بعض الهدايا الخاصة باعضاء البرنامج 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a6346k6zixsrhz9jowu4.jpg)
## كيف اقوم بالتقديم 
تُفتح الطلبات مرتين سنويًا ويمكنك التقديم من خلال رابط التقديم ادناه 
[AWS Community Builder](https://aws.amazon.com/developer/community/community-builders/)
ستجد اخر التحديثات في الصفحة وعند التقديم سيطلب التطبيق معلومات .AWS عنك وعن مشاركتك في مجتمع 

الاشخاص القادمون من خلفيات غير تقنية مرحب بهم ايضا في البرنامج 
 تشجع الجميع على ان يكونوا جزئا من هذه العائلة AWS 
  فان الدخول في AWS Hero بما انه لا يوجد مسار رسمي للتقديم على 
 هو بداية جيدة ومكان جيد للبدءAWS community builder عائلة ال 


## AWS  عن من تبحث
  الامر ليس سرا وتجدونه في صفحة التقديم وهذه هي الترجمة الحرفية 

>   عشاق الحوسبة السحابية وقادة الفكر الناشئين المتحمسين لمشاركة المعرفة والتواصل مع المجتمع التقني 
 
لم يتم وضع معايير محددة ، لذلك لا داعي للقلق بشأن الحاجة إلى نشر عشر منشورات مدونة ، أو تصوير خمسة مقاطع فيديو على يوتيوب، 
أو انك تحتاج ثلاث سنوات من الخبرة في المجال   
بل على العكس لا يعني انك اذا قد كنت تمتلك الخبرة التقنية وانك 
 انك فد ضمنت مكانا في البرنامج AWS حاصل على شهادات من  
المفتاح هو أنهم يريدون من الأشخاص الذين يتوقون إلى مشاركت 
 AWS حماسهم وشغفهم تجاه كل ما يتعلق بـ  


## ماذا علي أن أفعل للمشاركة؟ 

### 1.  [AWS user groups] (https://aws.amazon.com/developer/community/usergroups/)ألتطوع في  
### 2. أللقاء المحاضرات
### 3. المقالات
### 4. التجمعات التقنية
### 5. التواصل الاجتماعي 
### 6. Podcast
### 7. التطبيق العملي


## ممن يمكنني طلب النصيحة؟ 
افضل طريقة هي التواصل مع احد اعضاء البرنامج والسؤال عن كيفية التقديم والقبول وهم كثر ولابد انك على علم باحدهم اذا لم تكن على 
AWS  او في تجمعات linkedin  اتصال باحدهم قم بالبحث في 

## ماذا يحصل ان لم اقبل في البرنامج
البرنامج تنافسي ، ولن يتم قبول الجميع في طلبهم الأول. وهذا جيد

يتم إعادة فتح جولات الطلبات مرتين في السنة ، لذلك سيكون هناك المزيد من الفرص. باستخدام بعض النصائح من المقالة والنصائح من بناة المجتمع الآخرين ، يمكنك أيضًا تعزيز تطبيقك في المرة القادمة. فرصتك في النجاح تتحسن فقط

في الاخير لا تردد في سؤالي اذا كان لديك اي استفسار
Evolution of Web 1.0 to 3.0
Tags: web3
Published: 2022-01-02 17:24:05

**INTRODUCTION:**

World Wide Web is the primary tool used by billions of people to share, read, and write information to interact with other people via internet. In this Blog, we will learn how the web is evolving from the static web in Web 1.0, and the dynamic participatory Web 2.0, the internet is entering it’s next large-scale iteration. We will look back at how the web has evolved, where it’s going next, and why this matters.


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

## Web 1.0:

Web 1.0 also can be referred as syntactic we or read only web. The users have access to only read the content or information from web. Only static websites and personal sites are in use in web 1.0. Web 1.0 lasted approximately from 1991 to 2004.

## Web 2.0:

The Web 2.0 also referred as Social Web or read-write web.
Web 2.0 provides interaction between web users and communicate with other users. In Web 2.0 every user can be a content producers and content is distributed and shared between sites. 

Some of the famous Web 2.0 applications are Facebook, Youtube, Flickr, Twitter etc., The web technologies like HTML5, CSS3 and Javascript frameworks like ReactJs, AngularJs, VueJs etc., 

Web2 applications often experience data breaches. In Web2.0, you don’t have any control over your data or how it is stored. In fact, companies often track and save user data without their users' consent. All of this data is then owned and controlled by the companies in charge of these platforms. Servers that support online applications can go down which affects user experience or worker income.

Because applications are governed by central authorities, free speech is also at risk on Web2. Governments will often shut down servers or seize bank accounts if they believe a person is voicing an opinion that goes against their propaganda. With centralized servers, it is easy for governments to intervene, control, or shut down applications as they see fit. 

Web 2.0 lasted from 2000–2010 and continues even now.

## Web 3.0:

The Web 3.0 also referred as Semantic Web or read-write-execute is the era(2010 and above) which refers to the future of web. In this era computers can interpret information like humans via Artificial Intelligence and Machine Learning. Which help to intelligently generate and distribute useful content tailored to a particular need of a user.

_What if computers can understand meaning behind information
What if they can learn “what we are interested in”
Then they can help us find what we want
It can recognize People, Place, Events, Companies, Product, Movies etc.,
It can understand the relationship between things_


Some of the examples of web 3.0 are Apple’s Siri, Googles Cloud API.

**Thank you!!**
✨ CodeCast Coding Advent: Day Twenty-Four ✨
Tags: javascript, webdev, tutorial, programming
Published: 2022-01-05 17:34:30


![Day 24](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/73h9cwshe5g8a9s4x596.png)

## DAY 24

Merry Christmas Eve! Nothing says Christmas quite like a good coding resource ...right?

Want to learn JavaScript? Check out the first cast in a new series on CodeCast!

https://www.codecast.io/casts/wn95BRw25dm1-javascript-basics-pt-1-intro-to-javascript


You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
️ CodeCast's Coding Advent: Day Twenty-Three ️
Tags: webdev, beginners, tutorial, career
Published: 2022-01-05 17:32:31

![Day 23](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fcwdkrymp4jfrhiwtn1y.png)

## DAY 23

Yesterday we discussed branding. Today, we're keeping the theme rolling with Part 3 of the Portfolio series!

https://www.codecast.io/casts/9yNpJY6n5v2l-creating-a-portfolio-website-part-3-building-the-main-section
You can also be sure to follow us on [Instagram](https://www.instagram.com/codecastapp/), [Twitter](https://twitter.com/CodeCastApp), [Facebook](https://www.facebook.com/codecastapp), and [LinkedIn](https://www.linkedin.com/company/code-cast/) to see our daily advent releases there!
Bash aliases to back in terminal with optional show file list preview. 
Tags: beginners, bash, alias, productivity
Published: 2022-01-05 17:10:05

Hey my name is Bart. I would like to share with one of my bash aliases!

I really like automate every repetitive work and reduce the steps required to do a work, so in this example I'll show you how to reduce amount of pressed keys to back e.g. 3 times. 

Instead of:
```
cd ../../..
```

Just write 3 signs using this alias:

```
..3
```

If you want back and see a list then just add one more dot.

In case you want to back 10 times then use **..5** twice :) 

- **..** is go back 
- **...** is go back and show a list of directories 
- **5** is example amount steps to back. _TIP: you can count **/** signs in directory_

```
alias ..='cd ..'
alias ..1='cd ..'
alias ..2='cd ../..'
alias ..3='cd ../../..'
alias ..4='cd ../../../..'
alias ..5='cd ../../../../..'
alias ...='cd .. && ll'
alias ...1='cd .. && ll'
alias ...2='cd ../.. && ll'
alias ...3='cd ../../.. && ll'
alias ...4='cd ../../../.. && ll'
alias ...5='cd ../../../../.. && ll'
```

I hope that this alias will be useful for you too. 

I have more much more interesting aliases. I just wanted to write first post with really simple example.

Let me know in the comment if you like it and if I should share with you some next aliases ideas or automate tips :)
Free AWS + React ebook 👇
Tags: webdev, serverless, react, javascript
Published: 2022-01-05 17:09:52

## 
This ebook is brought to you by [SST](https://serverless-stack.com/)

Know more about serverless-stack here 👇🏻

{% link https://dev.to/manitej/first-look-at-serverless-stack-build-full-stack-serverless-apps-on-aws-311h %}

⭐️ on GitHub to support us!

{% github serverless-stack/serverless-stack no-readme %}

This guide is meant for full-stack developers or developers that would like to build full stack serverless applications. By providing a step-by-step guide for both the frontend and the backend we hope that it addresses all the different aspects of building serverless applications. There are quite a few other tutorials on the web but we think it would be useful to have a single point of reference for the entire process. This guide is meant to serve as a resource for learning about how to build and deploy serverless applications, as opposed to laying out the best possible way of doing so.

So you might be a backend developer who would like to learn more about the frontend portion of building serverless apps or a frontend developer that would like to learn more about the backend; this guide should have you covered.

We are also catering this solely towards JavaScript developers for now. We might target other languages and environments in the future. But we think this is a good starting point because it can be really beneficial as a full-stack developer to use a single language (JavaScript) and environment (Node.js) to build your entire application.

## How to download?

Go to [this](https://serverless-stack.com/#guide) link and enter your email to receive the copy into your inbox. Thats it :)