teleren/devto huggingface dataset:
hello world...
Published: 2021-12-15 03:37:06

<div>...it's me, Carly.</div>.
<br />
<div>In full transparency, had I realized that writing a technical blog (okay, fine, any blog) would be part of starting a software engineering program, I might not have signed up.</div> 
<br />
<div><i>Seriously.</i></div> 
<br />
<div>Even at a ridiculously novice level, I realized that part of working with code involved alternating between feeling like a tremendous masochist and an infallible god, and often within a few moments' time. I <i>hate</i> being bad at things I've not done before -- it doesn't sit well with my soul -- and I even accepted that this would be a journey of which many stops and waypoints were ones where I debated setting my computer on fire, eating way too many cookies, or both.</div> 
<br />
<div>But having that journey documented? In a way <i>anybody</i> could read how much a novice I am, and see that struggle? OOF.</div> 
<br />
<div>Let's see how this goes...I've got cookies and matches at the ready.</div>
Note to do for all
Tags: vue, webdev, windicss, note
Published: 2021-12-15 03:17:26

I've just created a [note to do](https://github.com/thuongtruong1009/notedev) to build a daily to-do list.
[This project](https://github.com/thuongtruong1009/notedev) is written by me in Vuejs combined with WindiCSS.
The beautiful and intuitive interface plus the dark mode toggle makes viewing easier.
Please support me by giving [this repository](https://github.com/thuongtruong1009/notedev) 1 star, I will develop them further and the language switch function will appear on this site soon.
See source code at: https://github.com/thuongtruong1009/notedev
Introduction to CSS Controls
Tags: webdev, beginners, tutorial, css
Published: 2021-12-15 03:09:20

![Introduction to CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x1ilhnh43v3nv8ci3u7x.jpg)In this post we'll see the basic controls of CSS. As we know CSS stands for Cascading Style Sheets. It is used to define the performance of the document which is written in a markup language like HTML. It does the work of division of performance and content which includes diverse layout, colors, and fonts. The separation gives flexibility and also controls the diverse properties which enable multiple web pages to share formatting by specifying proper CSS. The CSS terms are sustained by World Web Consortium. In addition to this, it also provides specific rules which help in another formatting if the content is being obtained from a mobile device. In our last tutorial we discussed [What is CSS?](https://dev.to/elinabey/what-is-css-59p).

#Basic CSS Controls.

1.CSS Syntax:

There are a set of rules that need to be followed in CSS Controls. The CSS rule-set consists of a selector and a declaration block. The selector is used to point to the HTML tags which users would like to style.

2.Class Selector: 
To select a special class attribute the class selector is used to select the elements from that class. To make use of tags in a particular class a period (.) character is used. It is followed by the name of the class.
```CSS
<h1 class="class-selector">This is Class Selectors</h1>
<style>
  .class-selector{color:blue;}
</style>
```
3.Display:
Many HTML elements are set to this mode of display. By default, the block-level elements take as much space and they cannot be placed on the same line with any other display mode.
```CSS
<h1 class="class-selector">This is Class Selectors</h1>
<style>
  .class-selector{
    display:block;}
</style>
```
4.ID Selector: 
The id selector can use the id of an attribute of an HTML element and help in selecting a specific element.
```CSS
<h1 id="class-selector">This is Class Selectors</h1>
<style>
  #class-selector{color:blue;}
</style>
```
5.Comments:
This CSS Controls are desirable to be used when writing code. Comments are ignored by browsers

```CSS
<h1>This is Comment</h1>
<style>/*This is a comment*/</style>
```
6.Background Color: 
The background-color attribute determines the color which is to be set for the background of an element.
```CSS
<h1 id="class-selector">This is background Color Green</h1>
<style>
  #class-selector{background-color:green;}
</style>
```
This post originally published at [What is CSS Controls](https://softcodeon.com/css/introduction-to-css-controls.htm). If you want to read in detail visit their.

I am new to web development and am going to learn and share good content that can help others. If you have any questions please discuss below.
Thank you.
My creation: A government job site
Published: 2021-12-15 03:01:57

What's up Devs? Hope you are really happy. I am developer from India. Currently I build WP & Blogger website but also trying to learn to develop "custom code" site. Here is a site, I developed recently. This a site in India which provide government job updates time to time. Here it is: [Government Job Site](https://www.fewjob.com/)
Thinking about Open source
Tags: beginners, opensource
Published: 2021-12-15 02:56:11

## Open-source 
Before OSD600, I saw open-source as an interesting, yet difficult field to get in. I thought that people should have been familiar with open-source projects to be able to join as contributors. However, after working on Telescope and Medusa, I learned that even beginner can start with `good first issue` even if they don't have any knowledge on it. The amazing thing about open-sources community is that they can give you opportunity to work on their projects without questioning about your ability. In my eyes, open source is a source code that open for anyone to use, to share and to write. From contributor's point of view, Open source world is like a huge boot-camp where you can learn any topic you like and get practice, get feedback on your code and help resolve real-life challenges. 

## Advices
The advices I would love to give my-self and other new students from day 1 is that you should follow the documentation and ask the right questions. It will save you lots of time when you understand thoroughly the documentation and you know how to ask question. 

## Conclusion
I learn a lot from the OSD600 course and I am grateful for this opportunity. My point of view about blogging has also changed. Before, this is the scariest part of the course. I was terrified of writing something wrong or scared that maybe I am not good enough. However, as Prof David said from beginning:
> A blog gives you a voice, which you can use when and how you want.

Now, I see blog as as a journal of my learning and working journey. It is a safe place that I can express my thoughts.

Cover image from MIT News
How To Validate Password And Confirm Password Using JQuery
Tags: javascript, jquery, validate, password
Published: 2021-12-15 02:55:59

In this tutorial I will show you how to validate password and confirm password using jquery. Validation is basic and important feature for authenticate user. 

So, here I will give you example about password and confirm password validation using jquery. In user registration process, we need to validate password and confirm password validation for cross checking.

So, let's see how to match password and confirm password in jquery validation or how to validate password and confirm password using jquery. 

In jquery we are using on keyup event to check whether password and confirm password is match or not.

```
<html>
  <body>
      <head>
        <meta charset="utf-8">
        <title>How To Validate Password And Confirm Password Using JQuery - techsolutionstuff.com</title>
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
      </head>
      <div class="row">
        <div class="col-md-6 col-md-offset-3"> 
<h4 style="margin-top:50px;"><b>How To Validate Password And Confirm Password Using JQuery - techsolutionstuff.com</b></h4><br />
            Enter Password <input type="password" class="form-control" id="Password" placeholder="Enter a password" name="password"><br /> <br / >
            Enter Confirm Password <input type="password" class="form-control" id="ConfirmPassword" placeholder="Enter a Confirm Password" name="confpassword" >
            <div style="margin-top: 7px;" id="CheckPasswordMatch"></div>
        </div>
      </div>
  <body>
</html>
<script>
$(document).ready(function () {
   $("#ConfirmPassword").on('keyup', function(){
    var password = $("#Password").val();
    var confirmPassword = $("#ConfirmPassword").val();
    if (password != confirmPassword)
        $("#CheckPasswordMatch").html("Password does not match !").css("color","red");
    else
        $("#CheckPasswordMatch").html("Password match !").css("color","green");
   });
});
</script>

```

---

> **_[Read Also : How To Generate Barcode In Laravel](https://techsolutionstuff.com/post/how-to-generate-barcode-in-laravel)_**

---

And you will get output like below image.

![how_to_validate_password_and_confirm_password_using_jquery](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k7x3luxqm2v5uaydyjga.png)

---

You might also like :

- **_[Read Also : How To Send Email In Laravel Example](https://techsolutionstuff.com/post/how-to-send-email-in-laravel-example)_**

- **_[Read Also : Autotab To Next Input Field JQuery Example](https://techsolutionstuff.com/post/autotab-to-next-input-field-jquery-example)_**

- **_[Read Also : Crop Image Before Upload Using Croppie Plugin](https://techsolutionstuff.com/post/crop-image-before-upload-using-croppie-plugin)_**
Forward SMS to email via Twilio and Mailgun
Tags: twilio, mailgun, sms, email
Published: 2021-12-14 22:26:21

Back in 2017 [Phil Nash](https://twitter.com/philnash) wrote a very nice blog post for Twilio called [Forward incoming SMS messages to email with Node.js, SendGrid and Twilio Functions](https://www.twilio.com/blog/2017/07/forward-incoming-sms-messages-to-email-with-node-js-sendgrid-and-twilio-functions.html). I used this exact setup this year for [Ratio](https://ratiopbc.com) because I wanted a dedicated phone number for the business. Voice calls are forwarded directly to my mobile using `TwiML Bins` via the following simple bin:

```xml
<?xml version="1.0" encoding="UTF-8"?>
<Response>
  <Dial>+1971221xxxx</Dial>
</Response>
```

Back to SMS forwarding... we don't get many SMS messages and instead of warning us via email, SendGrid just closed the account. So for some months we weren't getting SMS messages forwarded to our Google Group inbox. Even though I added a credit card, they could not reactivate it, so here I am with a port to [Mailgun](https://www.mailgun.com/).

So, same basic steps as Phil's blog post except `Functions/Functions` are now `Functions/Services` which you can find [here](https://console.twilio.com/us1/develop/functions/services?frameUrl=/console/functions/overview/services).

Create a new function at path `/forward`.

Under `Dependencies` add `mailgun.js` version 4.1.1 and `form-data` version 4.0.0.

Under `Environment Variables` add `MAILGUN_DOMAIN`, `MAILGUN_API_KEY`, `FROM_EMAIL_ADDRESS`, and `TO_EMAIL_ADDRESS`.

I based this function body on the [Mailgun example](https://documentation.mailgun.com/en/latest/quickstart-sending.html#send-via-api):

```javascript
exports.handler = function(context, event, callback) {
  const API_KEY = context.MAILGUN_API_KEY;
  const DOMAIN = context.MAILGUN_DOMAIN;

  const formData = require('form-data');
  const Mailgun = require('mailgun.js');

  const mailgun = new Mailgun(formData);
  const client = mailgun.client({username: 'api', key: API_KEY});

  const messageData = {
    from: context.FROM_EMAIL_ADDRESS,
    to: context.TO_EMAIL_ADDRESS,
    subject: `New SMS message from: ${event.From}`,
    text: event.Body
  };

  client.messages.create(DOMAIN, messageData)
  .then((res) => {
      let twiml = new Twilio.twiml.MessagingResponse();
      callback(null, twiml);
  })
  .catch((err) => {
    console.error(err);
    callback(err);
  });
};
```

Make sure you hooked it up to the correct phone number, then test it out by sending an SMS message to your Twilio number. If you need to debug, look in the [Messaging logs](https://console.twilio.com/us1/monitor/logs/sms?frameUrl=%2Fconsole%2Fsms%2Flogs%3Fx-target-region%3Dus1) in Twilio and the Mailgun `Sending/Logs`.

If you run into issues or have feedback, please don't hesitate to send me an email if you know it, or mention [me on Twitter](https://twitter.com/jc00ke). Thanks!
Bảng giá chi tiết giàn tạ đa năng tại WikiSport
Published: 2021-12-15 01:47:46

Đến với cửa hàng thể thao WikiSport mọi người sẽ được lựa chọn giàn tạ đa năng tốt và giá thành hợp lý nhất. Bời vì WikiSport nhập hàng không qua khâu trung gian, nhân sự là chính chúng tôi phục vụ quý khách nên mức giá luôn rẻ hơn những nơi khác. Và đặc biệt hơn nữa khi bạn mua giàn tạ đa năng tại WikiSport sẽ được chúng tôi cam kết đổi trả miễn phí 7 ngày nếu chất lượng sản phẩm không đúng như cam kết, bảo hành chính hãng trong vòng 1 năm, hỗ trợ giao hàng toàn quốc và nhiều chương trình khuyến mãi hấp dẫn về giá + quà tặng kèm theo.
Dưới đây là bảng giá chi tiết giàn tạ đa năng năm 2021 tại WikiSport:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/04rsebmvtq1a9bz0ljuo.jpg)
Trên đây là toàn bộ giá giàn tạ đa năng đang được bán tại Cửa Hàng Thể Thao WikiSport, giá niêm yết sản phẩm giàn tạ sẽ được chúng tôi cập nhật thường xuyên theo biến động thị trường.
>> Xem thông tin chi tiết tại: [https://wikisport.vn/dung-cu-tap-gym/gian-ta-da-nang/](https://wikisport.vn/dung-cu-tap-gym/gian-ta-da-nang/)

**WikiSport – Cửa hàng dụng cụ thể thao uy tín hàng đầu tại Việt Nam**
- Địa chỉ: Cầu Giấy – Hà Nội
- Website: [https://wikisport.vn/](https://wikisport.vn/)
- Hotline: 0986125949
Final Thoughts on Release 0.4
Tags: opensource, rust, osd600
Published: 2021-12-15 01:28:25

Hey Everyone! As usual the previous relevant post is here.
{% link antoniobennett/pr-update-jin %}

### Final Thoughts

Honestly my final thoughts will be quite short. PLANNING PR'S IS A MUST. To be honest at first it felt like hell going through docs instead of just starting to code and figuring it out along the way but honestly the up front cost is noticed in the reduced time to code...if you don't learn something drastically different along the way. Planning my PR was a huge help and made my goals clear when coding. Overall this PR was super fun. I actually think I want to make my own Discord Bot or maybe I will become an active contributor to Parrot :)
Iya Elepo App Part 1
Tags: radzen, blazor, sqlserver
Published: 2021-12-15 01:27:48

In this tutorial I begin to implement a Server Side Blazor app based on .net 6 for an hypothetical petroleum products sales firm. Starter database and starter RADZEN Server Side Blazor app is implemented in this video.

{% youtube 8fVVLSNrp4k %}

Source code and database files for this tutorial can be found at 
{% github benjaminsqlserver/IyaElepoAppLessonOne %}
Day 30 of #100daysofcode: Re-ducks and Best Practices
Tags: 100daysofcode, react, python, beginners
Published: 2021-12-15 01:23:20

Hey again everybody!

The more I get into Software Engineering, the more interested I am by current 'best practices'. Frequently I have run off writing code before thinking through the complete structure of an app and run into issues down the line due to organization of the code or something similar.

Issues like these are why best practices exist. Today I decided to jump into some of Redux's best practices; namely the structure of the app itself.

## Redux Style

The [official Redux Style Guide](https://redux.js.org/style-guide/style-guide#structure-files-as-feature-folders-with-single-file-logic) suggests using the (very modular) [Ducks](https://github.com/erikras/ducks-modular-redux) structure. Essentially, this structure follows the design pattern of "New Feature? New folder." I am not 100% sure, but this seems to be a newer development in Redux best practices. For example, [favesound-redux](https://github.com/rwieruch/favesound-redux/tree/master/src) splits files into "type" folders. 

![Each folder's title is a "type"](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vj09ai04exmmb5m5rdg9.png)
 
All the actions are shoved together, all the reducers are shoved together, etc...

I think this makes sense to some degree, but I largely agree with the Ducks model. If you are debugging an app, you want to be able to locate all files related to the feature you're debugging. 

![An example of the Ducks structure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ia1ur1stunt8e1jpo4tw.png)

In this scenario, you can see that there is a `features` folder, which contains the `todos` feature.

I highly recommend you read the [Style Guide for Redux](https://redux.js.org/style-guide/style-guide) if you have not already.

## Today
* More LeetCode Tree problems!
* Advent Code days 3 and 4!
* Learned from Redux Style Guide
* Skimmed through a bit more of the Redux tutorial as well as the Redux FAQ Again

## Tomorrow
Start the Study Aid app. I'm not done with my Redux journey, I still feel like there is way, way more to learn.

## Upcoming
* Continued Leetcode practice, FreeCodeCamp progress and Advent of Code
* ***CONTINUED* Sandboxing with Redux**
* Begin the Study Aid app!
* Might return to a little Functional Programming discussion
* Later in the challenge: AWS Deployment, AWS Certification, and Using Docker!?

### Resources
[JS Course - FreeCodeCamp](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)
[Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)
[Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview)
[Redux FAQ](https://redux.js.org/faq)
[Advent of Code](https://adventofcode.com/)
PR Update
Tags: opensource, rust, osd600
Published: 2021-12-15 01:22:28

Hey everyone! As usual the previous relevant post is here :)
{% link antoniobennett/prepping-prs-ifg %}

### What will we be covering?

Well....I got the code working!! So this blog will go into the code I needed to get this [PR](https://github.com/aquelemiguel/parrot/pull/56) done. Honestly it was quite easy but I will get into why in the next blog of my final thoughts. Lets stick to the good stuff in this one :) 

### Code

So as I said in the previous blog I had to find a way to check if the server where the command request is sent has the DJ role. To do this I have this code 
```rust
    let guild = msg.guild(&ctx.cache).await.unwrap();
    let mut roleid = RoleId::default();

    for (_, role) in guild.roles {
        if role.name == "DJ" {
            roleid = role.id;
        }
    }
```
We need the `Role` id to check if the user has the DJ role. This is how we do that
```rust
    let user = &msg.author;
    user.has_role(&ctx.http, guild.id, roleid).await.unwrap()
```

Now lets discuss the 2 strange variables in there. `ctx` and `msg`. `ctx`is the [context](https://docs.rs/serenity/0.10.9/serenity/client/struct.Context.html) of the event fired. This is used when the user tries to use a command to get guild information. `msg` is the [message](https://docs.rs/serenity/0.10.9/serenity/model/channel/struct.Message.html) sent in the discord chat so you can find who sent it and their info. 

What I did is then put this code into a utility function so it can be called to conditionally run a command if the user has the required role.

```rust
pub async fn author_is_dj(ctx: &Context, msg: &Message) -> bool {
    let guild = msg.guild(&ctx.cache).await.unwrap();
    let mut roleid = RoleId::default();

    for (_, role) in guild.roles {
        if role.name == "DJ" {
            roleid = role.id;
        }
    }

    let user = &msg.author;
    user.has_role(&ctx.http, guild.id, roleid).await.unwrap()
}
```

It is then used like this in code

```rust
    if !author_is_dj(ctx, msg).await {
        //Inform user they do not have the required role
        //return
    } else {
        //Run command
    }
```

### What's next?

Well that was all for this blog! Hope you enjoyed it :) The next blog will be my final thoughts on this experience :)
Dequeue
Published: 2021-12-15 01:02:13

 Dequeue

The collections.deque () class is a generalization of stacks and queues and is a deque. The deque () deque supports thread-safe, memory-efficient addition and retrieval of sequence elements from either side with roughly equal O (1) performance in either direction. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sl5jecvq8isubwxz4xuv.jpg)
sh library
Published: 2021-12-15 00:56:56

Python is a great scripting language. Sometimes using the standard libraries os and subprocess becomes a real headache.

The sh library is a great alternative.

With it, you can call any program as a regular function - this is extremely useful for automating workflow and tasks, and everything is done in Python itself.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1iupzom5miijc43g01sr.jpg)
Prepping PR'S
Tags: opensource, rust, osd600
Published: 2021-12-15 00:43:52

Hey Everyone! As usual you can find the previous relevant post below :)
{% link antoniobennett/hacktoberfest-week-2-39l9 %}

So assuming you read that...here we go!

## What are we doing?

For our final class assignment in OSD600 (Open Source Development) we must either implement a new feature or fix a family of bugs in a repo we previously worked on. I opted to go with implementing a new feature. 

### The Issue

So in [Parrot](https://github.com/aquelemiguel/parrot) currently anyone can use a command such as `!play <song>` to or `!shuffle` which shuffles the songs currently in `queue`. This [issue](https://github.com/aquelemiguel/parrot/issues/47) aims to add a feature where a user can only successfully call commands that modify the queue if they have a DJ Role. This would mean that non harmful commands such as `!now_playing` which just returns what is currently playing are fine to be used by anyone on the discord server. 

### How is this going to work?

Honestly I had to rack my brain for a looooong time thinking about this one....I delved into [Serenity.rs](https://docs.rs/serenity/latest/serenity/) Docs for hours. FYI Serenity is a library for the discord API written in Rust and is used in Parrot. 

After many hours I've come up with a plan. Each discord server is represented as a `Guild` struct in serenity. It contains may fields such as `id`, `name` but most importantly `roles` which is a `HashMap<RoleId, Role>` with `Role` being a struct containing more info about that role such as `name` and `id`. The docs for a `Guild` is [here](https://docs.rs/serenity/0.10.9/serenity/model/guild/struct.Guild.html) and `Role` [here](https://docs.rs/serenity/0.10.9/serenity/model/guild/struct.Role.html). 

So with this information what can we do? Well now all I have to do is find a way to check if the DJ role is in the server via the `Guild` struct and then check is the user has said `role` which can be done via the `has_role` method on the `User` struct. The docs on the `User` struct is [here](https://docs.rs/serenity/0.10.9/serenity/model/user/struct.User.html)

### Next Steps

Well now all I have to do is code! The next blog will be an update which will hopefully be all the coding finished and then finally my overall thoughts in a final blog :) See ya!