teleren/devto huggingface dataset:
How to enable built-in features on Microsoft Windows
Tags: windows
Published: 2021-02-02 12:22:02

---
title: How to enable built-in features on Microsoft Windows
published: true
description: Learn how to enable some built-in features on Microsoft Windows
tags: windows
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/yaov8kkwxydn8g4p3hu2.jpg
series: All about Microsoft Windows
---

## __Introduction__

There are certain built-in features available on Microsoft Windows, examples include [Microsoft .NET Framework 3.5](https://dotnet.microsoft.com/download/dotnet-framework/net35-sp1), in this article you'll learn how to enable these features among others.

Kindly perform the following steps:

## __Step 1__

Launch the _Run_ dialog box by pressing <kbd>Windows key </kbd> and <kbd>R</kbd> simultaneously, this should display the _Run_ dialog box, then type `control appwiz.cpl`.

![Windows Run dialog box with text "control appwiz.cpl"](https://dev-to-uploads.s3.amazonaws.com/i/owqe0i1zomfy2nsmfw8v.png)

This will display the __Program and Features__ window in the Control Panel where you can uninstall programs from your system.

## __Step 2__

On the left side of the window, click on `Turn Windows features on or off`.

![Program and Features window in Windows Control Panel](https://dev-to-uploads.s3.amazonaws.com/i/ngc4fcnzikp8frxyi5tn.png)

This will show the following window:

![Windows optional features as seen in the Control Panel](https://dev-to-uploads.s3.amazonaws.com/i/iolobc74k12xguegp34j.png)

That's it, from this window you can enable or disable the features you want (or don't want).

> NOTE: The <kbd>Windows Key</kbd> is the key on your keyboard with the Windows logo on it.

## __Credits__

Cover photo by [XPS on Unsplash](https://unsplash.com/@xps).
Learning For Loop In Javascript
Tags: javascript, beginners, codenewbie, 100daysofcode
Published: 2023-05-16 10:13:23

Instead of writing out the same code over and over, loops allow us to tell computers to repeat a given block of code on its own. One way to give computers these instructions is with a for loop.

A for loop declares looping instructions, with three important pieces of information separated by semicolons ;:

The *initialization* defines where to begin the loop by declaring (or referencing) the iterator variable.
The stopping condition determines when to stop looping (when the expression evaluates to false)
The iteration statement updates the iterator each time the loop is completed.

The for loops syntax look like this
```javascript
for(let counter = 0; counter < 5; counter++){
       console.log(counter)

}
```
In this example the output would be
```javascript
0
1
2
3
4
5
```
let break it down 
1. The *initialization* is let counter = 0, so the loop will start counting at 0.

2. The *stopping condition* is counter < 4, meaning the loop will run as long as the iterator variable, counter, is less than 4.

3. The *iteration statement* is counter++. This means after each loop, the value of counter will increase by 1. For the first iteration counter will equal 0, for the second iteration counter will equal 1, and so on.

4. The code block is inside of the curly braces, console.log(counter), will execute until the condition evaluates to false. The condition will be false when counter is greater than or equal to 4 — the point that the condition becomes false is sometimes called the stop condition.

This for loop makes it possible to write 0, 1, 2, and 3 programmatically.

Now, make your own! Create a program that loops from 5 to 10 and logs each number to the console.
Dev Environment SSL 
Tags: rails, webdev, tutorial
Published: 2021-02-02 16:56:02


Have you ever wanted to set up SSL for localhost development on your computer? No? Honestly, as hard as this can be at times, me neither. What changed? Recently, I have been working on a Rails contract project, and the project was set up using SSL. I needed to set up SSL on my Linux computer, so I could collaborate on the project. 

Why you may need SSL in development? Check this [tweet](https://twitter.com/getify/status/1023202051902373888) to find the answer.

So there is one solution [Puma-dev](https://github.com/puma/puma-dev#linux-support), however, even though there is Linux support, the solution and set up never worked for me. 

## Solution

```
openssl req -x509 -sha256 -nodes -newkey rsa:2048 -days 365 -keyout localhost.key -out localhost.crt
```
You will be provided with some information fields to fill in about country key, email, etc. However, you can skip this step. This command will create two new files localhost.key and localhost.crt in the current directory. You can move these files anywhere.

### Rails Server and Webpack
Open in your browser: `ssl://localhost:3000?key=/path/to/localhost.key&cert=/path/to/localhost.crt`. Make sure the certificate and key location is correct in the URL string.

You cannot use the standard `rails server` as this defaults to `http://localhost:3000`. Instead, use the following command:
``` 
rails s -b 'ssl://localhost:3000?key=/path/to/localhost.key&cert=/path/to/localhost.crt'
```
Make sure the certificate and key location is correct in the URL string.

FYI: you will have to accept the certificate in your browser the first time you open the URL.

I have included in a ZSH alias, which is much easier to remember:
``` 
alias rss="rails s -b 'ssl://localhost:3000?key=/path/to/localhost.key&cert=/path/to/localhost.crt'"
```
What about Webpack, which I like to start in a separate terminal window? It is actually not that hard and is documented on the repository for webpack: [Webpack SSL](https://github.com/rails/webpacker/blob/9bbc51f333137f51cdd676e2cf4abc3583fa5462/docs/webpack-dev-server.md#webpack-dev-server). Basiclly, we have to enable `https` in `config/webpacker.yml`, start webpacker like normal and accept the certificate. 

## Footnote

This has been fun. Leave a comment or send me a DM on [Twitter](http://twitter.com/EclecticCoding).

Shameless Plug: If you work at a great company, and you are in the market for a Software Developer with a varied skill set and life experiences, and strives to be *better tomorrow than I am today*, send me a message on [Twitter](http://twitter.com/EclecticCoding) and check out my [LinkedIn](http://www.linkedin.com/in/dev-chuck-smith).

Credit: [Localhost SSL](https://github.com/codica2/rails-puma-ssl)
Reasons Why Small Companies Should Adopt Flutter For Mobile
Tags: flutter
Published: 2021-02-06 06:09:04

**Flutter** is on the hype now. Almost most of the developers are learning **Flutter** as their second framework for mobile development. As we already know that we can use flutter for the development of cross-platform native apps that performs almost like a native. 

Giants company like Alibaba has already shifted their app into Flutter. And I think small companies should also start developing their own apps in Flutter. 

Let's see the advantages -
* **Cross-platform native app**: We can develop app not only for Android but also for IOS. A more interesting feature is we will get the native performance from this framework. We don't have to update features for android and ios separately. Even we can write platform-specific code. For rapid development, Flutter is one of the best frameworks.
* **UI Kit**: Actually Flutter is a UI kit for software development. So that it provides a huge number of UI widgets for impressive user interface design.
* **Packages**: [pub.dev](https://pub.dev) is the official package manager site for Flutter. We can easily get any package from here and also upload our own package to the community.
* **Resources**: Documentation of Flutter is well organized. Google provides great documentation for Flutter learners. There are also many YouTubers who are contributing for good content and these content are quite helpful for all level developer.
* **Easy to learn**: Anyone can learn Flutter who has previous experience of mobile development with native Android or IOS. Flutter uses Dart and it's a really interesting language as well as easy to learn.
* **Community**: Though Flutter released last 2017, the Flutter community is quite big already. 
* **Small team**: Small companies have a few amounts of developers. But they need to deliver product quite fast and Flutter is the best choice for this.
CMS, Electron or  Express... show sale data.
Tags: database, react, help, programming
Published: 2021-02-03 13:57:40

Is it ok to create a “admin” by having a separate route with Express, then have endpoints to show what’s “trending” on your own site?, like having the sale numbers, quantity, ect.... 
to show visually? 

Or, is that something to have in a electron App? so it’s not online?
SEO Uzmanı Nedir? Nasıl Olunur?
Tags: seo, seouzmani, uzman
Published: 2021-02-03 18:25:19

Bir SEO uzmanı arama motoru sıralamaları elde etmek için web sitelerini optimize eden kişidir ve <a href="https://halillacin.com.tr/seo/">SEO Uzmanı</a>, arama motorlarından nasıl daha fazla trafik alacağını bilen kişide diyebiliriz.

SEO Uzmanı olarak https://halillacin.com.tr/seo/ blogum da sizlere en iyi şekilde bilgilerimi aktarıyorum. 

<b>Nasıl SEO Uzmanı Olursunuz?</b>

Arama motoru optimizasyonu alanı çok geniş ve kendini sürekli güncelleyen bir alan olduğu için SEO kolayca öğrenilmiyor.

SEO uzmanı olmasının en yaygın yolları şunlardır:

- Bir SEO kursuna katılın
- Kendi web sitelerinizi optimize ederek SEO öğrenin
- Bir pazarlama ajansında çalışın
- SEO müşterilerini ele alın
- Bir SEO sertifikası veya derecesi alın
- "Şirket içi" bir SEO uzmanı olarak çalışın

Bununla birlikte, bir SEO uzmanının sahip olması gereken temel beceriler şunlardır:

- Yüksek hacimli, düşük rekabetli anahtar kelimeler bulma yeteneği
Temel HTML anlayışı
- Bir web sayfasına anahtar kelimeler nasıl ve nerede eklenir?
- Orta ila ileri düzey metin yazarlığı becerileri
- Video ve infografikler gibi görsel içerikte yeterlilik
- Önemli sayfalara bağlantı kurma ve geliştirme yeteneği
- Teknik SEO'nun sıralamaları nasıl etkilediğini anlama
- Ortaya çıkan SEO trendleri ve Google algoritma değişiklikleri hakkında bilgi

Google, algoritmasında 200'den fazla sıralama faktörü kullanır.

Ve hayır, hepsini öğrenmenize gerek yok 🙂

Aslında, 200 sıralama faktörünün çoğu 3 şeyi ölçmenin farklı yollarıdır: alaka düzeyi, yetki ve kalite.

Alaka düzeyi, bir sayfanın birinin aramasıyla ne kadar iyi eşleştiğidir.

Daha fazla bilgi için blogumu takip edebilirsiniz.

https://halillacin.com.tr/
How does Computer Program think?
Tags: programming, technology, computerprogrammer, logicalthinking
Published: 2021-02-03 18:51:56

---
title: How does Computer Program think?
published: true
date: 2021-02-01 03:30:00 UTC
tags: Programming,Technology,computerprogrammer,logicalthinking
canonical_url: https://centocode.com/how-does-computer-program-think/
---

Actually, code will approach a problem depends on how the creator designed it. But computers only can think about the logical process.

The post [How does Computer Program think?](https://centocode.com/how-does-computer-program-think/) appeared first on [CentoCode.com](https://centocode.com).
Verify Account (HTML5, CSS3 & JS)
Tags: 100daysofcode, html, css, javascript
Published: 2021-02-03 20:21:41

today is the Day 45 of my challenge #100DaysOfCode 😍

Verify Account Ui Using HTML5, CSS3 & JS 

Demo : https://verify-accountjs.netlify.app/

Repo: https://github.com/saidMounaim/100DaysOfCode/tree/main/Day45
@ngrx/store - IN ONE FILE!!!
Tags: angular, video, state, tutorial
Published: 2021-02-03 21:31:59

---
title: @ngrx/store - IN ONE FILE!!!
published: true
description: The introduction you craved to @ngrx!!
tags: angular, video, state, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/sicquhrtw6ibrbigbd7n.png
---
{% youtube KPvjZbEsX5M %}

+ Perfect intro for your team to ngrx/store!!
+ Tips and thoughts to help create a solid, systemized state management solution!
+ GTFO with your "BOILERPLATE" - we're doing this in 1 file!!

# Links
+ Follow along with this repo: https://github.com/ZackDeRose/ngrx-pizza-example-app - Solution found in the `final` branch, which you can checkout via the command: `git checkout final`
+ [Stackblitz for the starting point (fork if you want to follow along!)](https://stackblitz.com/edit/ngrx-pizza-example-app-starter)
+ [Stackblitz for the final product](https://stackblitz.com/edit/ngrx-pizza-example-app-finished)
+ [Advanced article on selectors](https://dev.to/zackderose/ngrx-fun-with-createselectorfactory-hng)
+ [NgRx Official Docs](https://ngrx.io)
6 things we can learn from writers
Tags: writing, codenewbie, codequality, programming
Published: 2021-02-04 02:16:53

{% youtube Gkdk38PHPVI %}

**TL; DR**
1. Your first draft always sucks
2. Proofread your own work
3. Let others proofread your work
4. There will probably be a second or third draft
5. A finished piece is better than a perfect work in progress
6. Keep a cohesive narrative
How to detect the user's browser with JavaScript
Tags: beginners, javascript, codenewbie, webdev
Published: 2021-04-11 12:52:05

You can check which browser the user is running using plain JavaScript.

To detect the user browser, you need to analyze the property `userAgent` of the object `navigator`.

If you want to do something specific, for example, provide a polifill for a regular expression when the browser is Safari, you do this:

```javascript
if (navigator.userAgent.includes('Safari')) {
  // the user is running Safari
  // do something useful
}
```

On the other hand, if you want to do something for all browsers but `Chrome`, you check if the `userAgent` doesn’t include your search string:

```javascript
if (!navigator.userAgent.includes('Chrome')) {
  // the user is NOT running Chrome
}
```

## Using `indexOf` and `toLowerCase`

As an alternative to `includes` you can also use the `indexOf` method. If it returns `-1`, this means that the search string wasn’t found.

```javascript
if (navigator.userAgent.indexOf('Chrome') < 0) {
  // the user is NOT running Chrome
}
```

If you’re not sure how exactly the user browser is spelled, you can try using the `toLowerCase` function on the `navigator.userAgent`.

```javascript
if (navigator.userAgent.toLowerCase().indexOf('chrome') < 0) {
  // the user is NOT running Chrome
}
```

[Learn Full Stack JavaScript](https://js.coderslang.com/sign-in)
CSS Battle - #10 Cloaked Spirits
Tags: css, cssbattle
Published: 2021-02-05 12:38:13

**HTML**
```html
<div class="wrapper">
  <div class="column-1"></div>
  <div class="column-2"></div>
  <div class="column-3"></div>
  <div class="circle-1"></div>
  <div class="circle-2"></div>
  <div class="circle-3"></div>
</div>
```

**CSS**
```css
  body {
    margin: 0;
    background: #62306D;
  }
  
  .wrapper {
    height: 100%;
    margin: 50px;
    
    position: relative;
  }
  
  .column-1 {
    position: absolute;
    left: 0;
    bottom:0;
    width: 33.3%;
    height: 50%;
    background: #F7EC7D;
  }
   
  .circle-1 {
    position: absolute;
    left: 0;
    bottom:33.5%;
    width: 100px;
    height: 100px;
    background: #AA445F;
    border-radius: 50%;    
  }
  
  .circle-1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background: #E38F66;
    border-radius: 50%;
  }
  
  .circle-3 {
    position: absolute;
    right: 0;
    bottom:33.5%;
    width: 100px;
    height: 100px;
    background: #AA445F;
    border-radius: 50%;    
  }
  
  .circle-3:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background: #E38F66;
    border-radius: 50%;
  }
  
  .circle-2 {
    position: absolute;
    left: 33.3%;
    top: -0.15%;
    bottom:33.5%;
    width: 100px;
    height: 100px;
    background: #E38F66;
    border-radius: 50%;    
  }
  
  .circle-2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background: #AA445F;
    border-radius: 50%;    
  }
  
  .column-2 {
    position: absolute;
    left: 33.3%;
    bottom:0;
    width: 33.4%;
    height: 82.5%;
    background: #F7EC7D;
  }
  
  .column-3 {
    position: absolute;
    right: 0;
    bottom:0;
    width: 33.3%;
    height: 50%;
    background: #F7EC7D;
  }
```
How do I disable the `Run | Debug` button above Java's main method in VSCode?
Tags: vscode, help, java
Published: 2021-02-06 13:15:17

![An <b>ENTIRE LINE</b> taken up by gray text that says "Run \| Debug".](https://dev-to-uploads.s3.amazonaws.com/i/ipb81k1twslueygh8kup.png)
Understanding Kubernetes in a visual way (in 🎥 video): part 1 – Pods
Tags: kubernetes, devops, docker, beginners
Published: 2021-02-06 22:24:42

---
title: Understanding Kubernetes in a visual way (in 🎥 video): part 1 – Pods
published: true
description: Serie of videos about Kubernetes. Explaining in a visual way Kubernetes principles.
tags: Kubernetes, DevOps, Docker, beginners
series: Understanding Kubernetes in a visual way - (in video) in video
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/83at43nng65f5ycjc3wg.png
---

Understanding Kubernetes can be difficult or time-consuming. In order to spread knowledges about Cloud technologies I started to create sketchnotes about Kubernetes, then I've auto-published a book and since now I've started a new serie of video! :-)

I imagined a serie of short videos with a mix of sketchnotes and speech.

I think it could be a good way, more visual, with audio & video to explain Kubernetes (and others technologies).

The first episode is focused on a very important Kubernetes object: Pods.

{% youtube a1Uwoq1Yv6U %}

The video is in French BUT I done the subtitles in english (and french too).

If you liked the video and are interested to watch another ones, please give me some feedbacks (and you can also subscribe to [my Youtube channel](https://www.youtube.com/channel/UCrRk0kOP58lBMl9B8ZS8Vlg), if you want to ❤️).

Here the illustrations that you can see in the video:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nl9e9uax7qpqpy3xal4c.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n2ux1cu6sz65rjbokw2z.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0a1ruat2ychag38zkvfs.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x7qv6tnehwn54r4r2w6t.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bc06dejnn5qtvdw53rzw.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rmu4hv6lf9j7myqdagcz.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fihlwl1bv0cwtmq711l0.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yh95h85n6kn1t1772eva.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5rypgwp14g58tc7p9byq.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/edyd8fpyzoj0m4cw8soj.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mp2xe67vclm5q53l5ejz.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pznpfmfk096s5pt707x6.jpeg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k4lg1y39kmz339tpel3b.jpeg)

I can also give you, in an article, the full english transcript and sketchnotes in high quality, about this video, if you are interested.

If you are interested, I published all the sketchnotes on Kubernetes (and new ones!) to make a "book" of 120 pages: ["Understanding Kubernetes in a visual way"](https://gumroad.com/aurelievache#uCxcr).

If you like theses sketchnotes, you can follow me, I will publish others sketchs shortly :-).
Day 33:100DaysOfCode

Tags: 100daysofcode, programming, productivity
Published: 2021-02-07 04:17:35

few leetcode ques.
gave codeforces contest div2 was able to solve 2 out of 6.

>
.
>
.
gave atcoder solved two problems..
further studied afl for sem exams.
EOD


You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
Angular KeyValue Pipe 🚀
Tags: angular, javascript, webdev, beginners
Published: 2021-02-08 08:19:36

`KeyValue` pipe is an Angular built-in feature that transforms objects or maps into an array of key-value pairs. 

If you've been working with Angular since its early versions, you might have missed it as the `KeyValue` pipe was introduced in **Angular 6.1**. 

Let's see it in action 🔥

Imagine a simple object that stores student's names as a key and an array of grades as a value.

```typescript
  const students = {
    Susane: [4, 3, 2, 1, 5],
    Jenifer: [3, 5, 2, 2],
    John: [5, 3, 3, 4, 1]
  };
```

With `KeyValuePipe` you can iterate over objects directly from the template. 

```html
<ul *ngFor="let student of (students | keyvalue)">
  <li>{{ student.key }}'s grades: {{ student.value }}</li> 
</ul>
```
It is a clean and declarative solution that will allow you to clean up your templates.

Hope you're having a great one, and I'll see you for more 60 Seconds of Angular posts in the future 🥳
Styling with text-decoration
Tags: beginners, css, tutorial, webdev
Published: 2021-02-07 16:25:51

---
title: Styling with text-decoration
published: true
date: 2021-02-07 00:00:00 UTC
tags: beginners, css, tutorial, webdev
canonical_url: https://nikkipeel.netlify.app/styling-with-text-decoration/
---

Text-decoration is a great way to emphasize text on a webpage. I use the CSS property often for headings or elements that receive focus, such as buttons or anchor tags.

### **Text-decoration**

Text-decoration is shorthand for the following properties:

- `text-decoration-color`: sets the color of the decoration, otherwise the color of the text is inherited
- `text-decoration-line`: sets the type of decoration that is used; the options are: _underline, overline,_ and _line-through_
- `text-decoration-style`: sets the style of the line that is used for the decoration such as _solid, double,wavy, dashed,_ or _dotted_
- `text-decoration-thickness`: sets the thickness of the line used for the decoration

You can use text-decoration with a single property: `text-decoration: underline;`

Or with multiple properties on the same line: `text-decoration: underline solid #444 5px;`

### **Text-underline-offset**

Sometimes, the text-decoration line is obstructed with letters. You can use the property `text-underline-offset` to move the line up or down:

In the following image, the property is used to move the line down slightly:

[![text-underline-offset](https://nikkipeel.netlify.app/static/54582b9b43460590e747d3463889c456/07a9c/offset.png "text-underline-offset")](/static/54582b9b43460590e747d3463889c456/0e758/offset.png)

_Keep in mind this must be declared outside of `text-decoration` because it's styling the line itself and is not a `text-decoration` property_

### **Conclusion**

Along with text-shadow, border, and color, text-decoration is an excellent way to bring attention to various elements of your website. I created a CodePen to demonstrate a few of the different ways we can use this property:

Here is a link to the pen: [codepen: text-decoration](https://codepen.io/nikki-peel/full/zYovZmv)

[![text-decoration demo](https://nikkipeel.netlify.app/static/031fd5113ad2c31d9e9c497efa9243d0/07a9c/text-decoration.png "text-decoration demo")](/static/031fd5113ad2c31d9e9c497efa9243d0/b7535/text-decoration.png)

### **Resources:**

[MDN docs: text-decoration](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)

[WCAG 2.1 - Using visual cues to convey information](https://www.w3.org/WAI/WCAG21/Techniques/general/G182)