teleren/devto huggingface dataset:
Login Form Using Semantic-UI
Tags: todayilearned, todayisearched, css, html
Published: 2020-02-26 16:39:57

Learn how to make a Login form using Semantic-UI with using the utility classes. So here we design a simple interface of form with the help of input fields. 

What is Semantic UI?

This is a modern CSS framework which is built-in HTML, CSS, Less, and Jquery with gulp.js. This is easy to learn and excellent documentation with mindblowing components to make a human-friendly interface. Also, you can use a via CDN of this framework and easy to use.

 
Currently, We try to make some new using the new CSS framework and also javascript. So here we designed a login form with fully responsive for mobile and tablet views. 

In this element, we used media queries to make this form responsive and user-friendly.


[Download Source code](https://w3hubs.com/login-form-using-semantic-ui/)
Refreshing DxTreeView items and keep selection
Tags: blazor, dotnet, csharp, aspnet
Published: 2020-02-26 16:19:08

Today, I want to refresh the treeview items in a [DevExpress Blazor](https://demos.devexpress.com/blazor/) DxTreeView.

Imagine you edited one of the node's items and want to refresh the whole tree without loosing the selected node.

My DxTreeView
```razor
<DxTreeView @ref="@_treeView" AllowSelectNodes="true" SelectionChanged=@(async e => await SelectChildNodeAsync(e))
    Data=@TreeViewItems
    NameExpression="@(dataItem => ((Model.TreeViewItem)dataItem).Id.ToString())"
    TextExpression="@(dataItem => ((Model.TreeViewItem)dataItem).Name)"
    ChildrenExpression="@(dataItem => ((Model.TreeViewItem)dataItem).Items)">
</DxTreeView>
```

After editing finished, you could programmatically refresh the treeview's datasource, expand and select the current node with the help of the API:
```csharp
TreeViewItems = await DataAccess.GetTreeViewData();
await InvokeAsync(StateHasChanged);
_treeView.ExpandToNode(nodeInfo => nodeInfo.Name == DetailItem.Id.ToString());
_treeView.SelectNode(nodeInfo => nodeInfo.Name == DetailItem.Id.ToString());
```

[See also the issue on GitHub](https://github.com/DevExpress/Blazor/issues/93).
Download Alexa App | Alexa app | Alexa.amazon.com | echo dot setup |alexa app for mac

Tags: javascript
Published: 2020-02-26 16:16:39

Alexa is a device that works on cloud technology. It's a smart speaker that is in trend works by your voice commands. Alexa can play music, radio station, alarm, and many more features. Save your reminders, prepare your shopping list and you can use it for controlling your other smart devices like you ring the door bell, thermostat, security cameras and all.
The top programming languages (and how to learn them) according to more than 100,000 developers
Tags: javascript, bootcamps, career, hiring
Published: 2020-02-26 15:38:56

JavaScript may be the best-known programming language for the second year in a row, but a survey of developers shows that only 5% learned it as their first language. 

The [report from HackerRank](https://research.hackerrank.com/developer-skills/2020) was based on answers from a large sample of 116,648 developers and students about their current skill set, what hiring managers are looking for and how the next generation of developers are educating themselves. 

For those who have already been in the field for a while, to [learn Javascript](https://www.coursecompare.ca/subject/javascript-courses/) is a no-brainer. Only Python and Java came close in the ranking, but it's interesting that, like JavaScript, only 13% of those surveyed said Java was one of their first languages. 

Not surprisingly, full-stack developers were cited as the most in-demand talent pool among hiring managers, but maintaining that level of expertise requires ongoing effort. In fact, 60% of full-stack developers were required to learn a completely new framework in the last year—more than any other role polled, the HackerRank report said. 

What's interesting is how traditional approaches to studying software engineering are changing, particularly among a younger demographic. Here's an excerpt:

"Gen Z is more likely than any previous generation to utilize bootcamps. Nearly one in six say they’ve leveraged bootcamps to learn new skills," the report said. "On the flip side, they’re less likely to learn coding skills from older generations’ go-tos, like books and on-the-job training. As Gen Z comes to rely more heavily on non-traditional education sources like bootcamps, they’re poised to become a key talent pool."

The good news is that the industry seems more than comfortable with computer programming courses that are more focused, shorter-term and don't necessarily give students a formal degree. 

In fact, the research showed that close to one in three hiring managers have recruited someone who had graduated from a bootcamp ([Juno College](https://www.coursecompare.ca/school/juno-college/) and [Lighthouse Labs](https://www.coursecompare.ca/school/lighthouse-labs/) are examples here in Canada, where I'm based). Better yet, the majority of hiring managers said bootcamp grads are either just as equipped or even better equipped than those coming from more traditional schools. 

It's great to see this data, because it suggests that not only are developers finding a way to learn that works for them, but that it's working for employers, too. It's going to become more important to talk about this shift, the report concluded: 

<i>Companies will have to become experts in developer hiring—not by relying on developers’ pedigrees or resumes, but by objectively evaluating their skills and placing them strategically throughout the organizations they work for.</i>
Welcome Thread - v62
Tags: welcome
Published: 2020-02-26 15:31:57

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

![Hi baby sloth!](https://media.giphy.com/media/9Dk1b9ZQt98GShqy8P/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!**
Train with Amazon SageMaker on your local machine
Tags: aws, machinelearning, tutorial
Published: 2020-02-26 17:53:51

---
title: Train with Amazon SageMaker on your local machine
published: true
date: 2020-02-26 15:19:11 UTC
tags: aws, machinelearning, tutorial
canonical_url: https://medium.com/@julsimon/train-with-amazon-sagemaker-on-your-local-machine-3480101afb25
---

In this video, I show you how to train on your local machine using SageMaker APIs. I use Jupyter, and this would also work with your preferred IDE (PyCharm, etc.). This is a friendly and fast way to write and debug your code before running it at scale on managed instances. This technique also saves you money, as you’re not using notebook instances or SageMaker Studio.

{% youtube K3ngZKF31mc %}
AWS AI & Machine Learning Podcast — Episode 11: XGBoost special
Tags: aws, machinelearning, podcast
Published: 2020-02-26 17:54:16

---
title: AWS AI & Machine Learning Podcast — Episode 11: XGBoost special
published: true
date: 2020-02-26 15:17:50 UTC
tags: aws,machinelearning, podcast
canonical_url: https://medium.com/@julsimon/aws-ai-machine-learning-podcast-episode-11-xgboost-special-492f64356a29
---

### AWS AI & Machine Learning Podcast — Episode 11: XGBoost special

In this episode, I talk about XGBoost 1.0, a major milestone for this very popular algorithm. Then, I discuss the three options you have for running XGBoost on Amazon SageMaker: built-in algo, built-in framework, and bring your own container. Code included, of course!

> _Video episodes are available on my_ [_YouTube channel_](https://www.youtube.com/juliensimonfr)_._

> _Audio episodes are available on_ [_Apple Podcasts_](https://podcasts.apple.com/us/podcast/aws-ai-machine-learning-podcast/id1492801210)_,_ [_Spotify,_](https://open.spotify.com/show/1argBtYSeSksGU8dcW4TAS) [_Deezer_](https://www.deezer.com/show/756292)_, and more. Visit my_ [_audio podcast page_](https://julsimon.buzzsprout.com/) _to subscribe and be notified of future episodes._

{% youtube w0F4z0dMdzI %}

<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.buzzsprout.com%2F780458%2F2828287-episode-11-xgboost-special%3Fclient_source%3Dtwitter_card%26player_type%3Dfull_screen&amp;display_name=Buzzsprout&amp;url=https%3A%2F%2Fwww.buzzsprout.com%2F780458%2F2828287&amp;image=https%3A%2F%2Fwww.buzzsprout.com%2Frails%2Factive_storage%2Frepresentations%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGpKZFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ%3D%3D--c836266b57e2bc68585d743589ac963f73619fc3%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCam9VWTI5dFltbHVaVjl2Y0hScGIyNXpld282QzNKbGMybDZaVWtpRFRJMU1IZ3lOVEJlQmpvR1JWUTZER2R5WVhacGRIbEpJZ3RqWlc1MFpYSUdPd2RVT2d0bGVIUmxiblJKSWd3eU5UQjRNalV3QmpzSFZEb01jWFZoYkdsMGVXbFZPZzlqYjJ4dmNuTndZV05sU1NJSmMxSkhRZ1k3QjFRPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--62c0dc9ae0106a9121f982eb952976ff55ebdee3%2Fbackground.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=buzzsprout" width="500" height="210" frameborder="0" scrolling="no"><a href="https://medium.com/media/3a35c5a7417d3d7da2b32feaca598c61/href">https://medium.com/media/3a35c5a7417d3d7da2b32feaca598c61/href</a></iframe>
XAMPP for beginners
Published: 2020-02-26 15:17:26

XAMPP is an open source package, which works on Windows, Linux and Mac. For setting up a local server it is a great option. Test your work locally on you machine before going live. <a href="https://xamppguide.com">Download xampp</a> and install it on your machine, make your machine a local server and test your PHP work save and secure. Then go live after doing changes. Another great feature of the package is simple operation, means that you may start your tools like PHP, MySQL etc easily with just clicking on a start button.
500 ⭐'s on Github - css.gg
Tags: css, php, html, webdev
Published: 2020-02-26 14:39:15

css.gg just reached 500 ⭐️ on Github.

Thank you very much from the bottom of my ❤️ to every single one of you who supported me all this time. 

Cheers 🎉🍾🥂🥳

![css.gg](https://dev-to-uploads.s3.amazonaws.com/i/wkb8s2jxr4wr1bvk89sr.gif)

{% github astrit/css.gg %}
Daily Challenge #195 - No Zeroes for Heroes
Tags: challenge
Published: 2020-02-26 15:05:46

---
title: Daily Challenge #195 - No Zeroes for Heroes
published: true
series: Daily Challenge
description: Remove all trailing zeroes from these numbers. 
tags: challenge
---
###Setup
It has officially been decided that numbers that end with zeroes are boring. They might be fun in your world, but definitely not here. Implement a function to eradicate any trailing zeroes. If the given number is 0, just leave him alone. Poor guy anyway.

###Examples
1450 -> 145
960000 -> 96
1050 -> 105
-1050 -> -105

###Tests
9070
210000
10210
0

***
_This [challenge](https://www.codewars.com/kata/570a6a46455d08ff8d001002) comes from thecodix on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Devs, what design-related topics would you be interested to listen to?
Tags: discuss
Published: 2020-02-26 15:01:46

---
title: Devs, what design-related topics would you be interested to listen to?
published: true
description: 
tags: #discuss
---

Hello everyone! This is my first post at dev.to. I'm a self-taught **Product Designer (UI/UX)** at a tech startup and I've been given the opportunity to speak at a local tech event.

I want to talk about something that inspires or interests the audience (primarily developers). If you are a developer, can you share what topics interest **you**? (something related to design)

Really appreciate your suggestions. Thanks in advance!
JAVASCRIPT toggle upper to lower/lower to upper
Tags: javascript, challenge
Published: 2020-02-26 14:31:45

```
function isUpperCase(str) {
    return str === str.toUpperCase();
}

function isLowerCase(str) {
    return str === str.toLowerCase();
}
  
 
var upperLowerString  = "UpperLowerCasestring";
  upperLowerString = [...upperLowerString];  
var upperLowerStringToggled = upperLowerString.map(f => {
  if(isUpperCase(f))
    return f.toLowerCase();
  else
    return f.toUpperCase();
  
})
.reduce((a,b) => a+b);
 
console.log(upperLowerStringToggled);


```
Blazor: How to bind table row data to button click
Tags: blazor, beginners
Published: 2020-02-26 14:20:45

If you ever wondered how to bind the button in the table row to the item from the collection. Here is little help on how to do that:

![Table](https://dev-to-uploads.s3.amazonaws.com/i/28nb2hqeext7l6qc6tw8.png)

```csharp
@page "/somecomponent"

<h3>Some Component</h3>

<table class="table">
    <thead>
    <tr>
        <th>Name</th>
        <th>Edit</th>
        <th>Remove</th>
    </tr>
    </thead>
    <tbody>
    @foreach (var item in items)
    {
        <tr>
            <td>@item.Name</td>
            <td><button @onclick="@(() => Edit(item))">Edit</button></td>
            <td><button @onclick="@(() => Remove(item))">Remove</button></td>
        </tr>
    }
    </tbody>
</table>

@code {

    List<Item> items;

    protected override void OnInitialized()
    {
        base.OnInitialized();
        // Initialize collection of items get it from some service or context
        items = new List<Item>
    {
            new Item {Id = 1, Name = "Item1"},
            new Item {Id = 2, Name = "Item2"},
            new Item {Id = 3, Name = "Item3"},
        };
    }

    void Edit(Item item) => Console.WriteLine($"Edit item: {item.Name}");
    void Remove(Item item) => Console.WriteLine($"Remove item: {item.Name}");

    class Item
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
}

```
بدترین زبان‌های برنامه نویسی که در سال 2019 نباید به سراغشان بروید
Tags: programing, perl, csharp
Published: 2020-02-26 13:58:07

برخلاف وب سایت‌های زیادی که هر ساله لیست بهترین زبان‌های برنامه‌نویسی را منتشر می‌کنند، چند سالی است که وب سایت codementor برعکس، لیست بدترین زبان‌های برنامه نویسی را ارائه می‌دهد. فاکتورهایی که codementor برای این رتبه‌بندی در نظر می‌گیرد استقبال جامعه برنامه نویسی از زبان‌ها، رشد آن‌ها و بازار کارشان است.

 
بدترین زبان‌های برنامه نویسی 2019

وب سایت codementor بر اساس سه فاکتوری که در بالا گفتیم، بدترین زبان‌های برنامه نویسی را رتبه‌بندی کرده است و در مجموع 5 زبان برنامه نویسی زیر بدترین زبان شناخته شده است:

    Elm
    coffeeScript
    Erlang
    Lua
    Perl

جالب اینجاست که در این لیست 20 عددی، زبان برنامه نویسی C# در رتبه آخر قرار دارد.



https://faceit.ir/articles/%D8%A8%D8%AF%D8%AA%D8%B1%DB%8C%D9%86-%D8%B2%D8%A8%D8%A7%D9%86--%D9%87%D8%A7%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%DA%A9%D9%87-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-2019-%D9%86%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A8%D9%87-%D8%B3%D8%B1%D8%A7%D8%BA%D8%B4%D8%A7%D9%86-%D8%A8%D8%B1%D9%88%DB%8C%D8%AF/

منبع: https://faceit.ir
What makes a developer program successful?
Tags: devrel, motivation, news
Published: 2020-02-26 13:50:57

This is the billion-dollar question. We at [SlashData] (https://www.slashdata.co/?utm_source=devto&utm_medium=DPL_Article) are in a pursuit to answer it for you through our [Developer Program Leaders survey] (https://survey.developereconomics.com/name/dpl4?utm_source=devto&utm_medium=DPL_Article), so you can use our data to make the best decisions. Our 2020 edition is a new chance for developer programs leaders to be part of a global community who shares experiences and best practices on getting the highest Return on Investment from your developer programs.

This short survey (8-10 minutes) addresses topics like the following: 

- FTE headcount for your developer marketing, developer relations, and developer tooling activities.
- Budget for developer marketing, developer relations, and developer tooling activities.
- Gain you estimate that an additional onboarded developer brings to your organisation over their lifetime. 
- The way you justify the budget for your developer program to upper management? 

And once you have completed it, you will get:
- Access to data showing how developers learn how to code. How many learn while on the job? 
- In a draw to win one of 10 copies of our “[Developer Marketing & Relations: Essential Guide] (https://www.developer-marketing.com/?utm_source=devto&utm_medium=DPL_Article)” 2nd Edition book.

**Can we count you in?**

[Take our short survey here.](https://survey.developereconomics.com/name/dpl4?utm_source=devto&utm_medium=DPL_Article)


 *Note: Your feedback will be treated with absolute confidentiality.*
The Front End Podcast - Episode #1
Tags: career, podcast, frontend
Published: 2020-02-26 13:40:21

So, I recently started a podcast called The Front End. Whilst I'm working on a new site, you can [find out more about The Front End Podcast](https://robkendal.co.uk/the-front-end-podcast) on my own website.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bybgfw95xggqefti1uwj.png) 

In The Front End, we explore the in's and out's of life as a developer. We delve into challenging topics around modern-day development and technology including learning and professional growth, programming languages, frameworks, tools, techniques, UX/UI, and careers.

## About episode 1

In the very first episode of The Front End podcast, I give an introduction to the show, talk about my coding origin story and answer one of the most common questions I get asked about life as a developer: do you need a degree to get hired?

Listen direct now, 

{% spotify spotify:episode:5jErvpYD6FTbGCJ1pMdBp9%}


## Listening to the show

You can also listen to the show on a few different platforms, but here are some of the most popular:

- [Listen on Spotify](https://open.spotify.com/episode/5jErvpYD6FTbGCJ1pMdBp9)
- [Anchor Podcasts](https://anchor.fm/the-front-end)
- [Google Podcasts](https://www.google.com/podcasts?feed=aHR0cHM6Ly9hbmNob3IuZm0vcy8xM2IxMjNhNC9wb2RjYXN0L3Jzcw==)
- [Listen on Pocket Casts](https://pca.st/osul2zsa)

## Find out more about the show or become a guest

I'm definitely looking for guests to talk about a range of different development topics from careers to origin stories, learning and professional growth, frameworks and more.

You can [find out more about the show here](https://robkendal.co.uk/the-front-end-podcast) as well as apply to be a guest. 

Thanks for listening!
10 reasons to choose Linux
Tags: webdev, productivity, beginners, linux
Published: 2020-02-26 13:39:33

Hi everyone,

Today, I want to write about the 10 reasons any web developer and programmer should choose Linux as the main Operating System.

Without further ado, let's begin by listing all the 10 reasons:

1. Linux is opensource and it can be very customizable and there are a lot of communities no matter what distribution of Linux we choose.

2. Linux takes security very seriously and there are a lot of opensource solution to help us defend ourself and investigate if a problem arises.

3. Linux doesn't need to defragment the hard drives and it is reported to be more stable for a longer period of time.

4. Updates are customizable and we can install only what we need and ignore the rest. Also in the updates, the programs and apps we use are included. So one click and all the system get updated, along with the apps and programs.


5. There a lot of alternatives to any paid software that is available on other Operating systems.

6. Linux is used in a lot of servers worldwide(I couldn't find a reliable source, but I would say that 90%-97% of servers today, use a Linux distro to power them)

7. Linux provides an excellent start for someone that likes customization and allows us to look under the hood and remove or add what we need or like.

8. Linux can be easily automated and the administration can be done remotely.

9. Even Android that is a very popular OS for tablets and phones uses a Linux based Operating System.

10. Linux can help you run old computers that don't run very well on other operating systems.

What reasons would make you, Dear Reader to choose Linux?

I hope you enjoy this article and if you also find it useful, share it on social.
How to build and publish npm package.
Tags: npm, node, javascript
Published: 2020-02-26 13:35:01

I recently published an article (tutorial) **How to build and publish npm package** on [codebond](codebond.co) in which I visually covered all the steps required to publish and update npm package. 

Checkout full article [here](https://codebond.co/tutorial/nodejs/how-to-build-and-publish-npm-package)

# Build
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/704mp06ezdx7de1h473j.gif)
# Publish
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xmb3epraayw6tib7lyj4.gif)
The Digital Boosters
Tags: digitalmarketing, seo, smo, ppc
Published: 2020-02-26 13:20:12

<a href="https://www.thedigitalboosters.com/">The Digital Boosters</a> focus on growing your business with web marketing services. Whether you want to increase the number of conversions, your website traffic, or both, they can help you design a digital marketing campaign that can help you reach your goals. They offer comprehensive digital marketing services that allow your team to create and implement effective marketing strategies and campaigns.
Getting some experience in php and js
Published: 2020-02-26 13:11:27

Hello guys.I solo learning programming about a year.I need some people whos actually have job,and work with him for get some exp. and maybe earn some money.I don't have any exp in work in team of any type of job,actually i never had a job and don't know how it's looks like.I think i know some of js and php.Thank you guys,msg me if you can help me.
Resolve routing problem in your React App when you deploy to Netlify
Tags: netlify, react, deploy
Published: 2020-02-26 13:09:19

---
title: Resolve routing problem in your React App when you deploy to Netlify
published: true
description: 
tags: netlify, react, deploy
---

Hello, everyone. I recently ran into a problem with routing when I deployed my react app to netlify. You may have ran into something like this before

![Netlify routing page error](https://dev-to-uploads.s3.amazonaws.com/i/aa50vds8n1btaixpq2vi.png)

I found and article on [freecodecamp](https://www.freecodecamp.org/news/how-to-deploy-a-react-application-to-netlify-363b8a98a985/) which gave me a baseline but didn't provide a solution I needed. The article focused on deploying through the netlify cli and through their drag and drop feature on the UI.

This post is a addon for cases where you want to deploy when you push to github.

The solution is to add a `netlify.toml` file to root folder of your app with this piece of code and you are good to go...

![netlify toml code snippet](https://dev-to-uploads.s3.amazonaws.com/i/qusjq59k4tykor73uc8z.png)
How to implement DevSecOps across the entire organisation
Tags: security, devops
Published: 2020-02-26 13:06:57

A [MyDevSecOps live session](https://www.mydevsecops.io/post/how-to-implement-devsecops-across-the-entire-organisation) from Feb 13, 2020 by [Nadira Bejrei](https://twitter.com/nadirabajrei1)

In this session, we will talk about how you can Implementation DevSecOps in the entire organization. The DevSecOps Implementation should cover 4 main things: 1. Culture, 2. Automation, 3. Measurement, 4.Sharing. If your organization only focuses on one of these things then we can't call it DevSecOps. Nadira will help you understand how organizations build culture and implement automation as well as how to measure what you're doing. She'll show you some common collaboration tools for breaking the silos between team members.

{% youtube 0IX-h86wfa8 %}