teleren/devto huggingface dataset:
Who Teaches You Professionalism The Most? 3 Effective Tools
Tags: career, beginners
Published: 2022-05-23 17:14:00

It’s true that we learn throughout our lives. Many times we learn from mistakes and sometimes we learn from others.

I always have a sensitive personality, and I focused deeply on many things - even on human nature and psychology.

I use to believe that I deeply understand the matter and learn many things from each incident. No matter whether it happens to me or others.

But nowadays as I am appointed as head of an institution, I have realized that I didn’t learn throughout my life as I am learning now.

Actually, creativity, sensitivity, and ethics aren’t enough to live a successful life - at least professional life.

We all are attached to professional lives to some extent. This is how we make a living. And we learn professionalism the most by practically doing things.

Here are my findings on what has taught me the most in running the institution.


# Experience: #

It’s possible that you might have read tons of books to improve your professional life. You might also be a remote employee and working with many employers on Freelancer, Upwork, and other marketplaces.

But still, you are not practically experiencing things as others who are feeling the real essence of each emotional change attached to each event.

In other words, you might have read many books on the taste of an Apple but you haven’t tasted it yet. You might understand the taste but you can’t be even close to the real one.

This is how experience influences your personality.

Thus even after running [an informational blog](https://sturdybusiness.com/), interacting with different people on different marketplaces, and working in collaborations, I had no idea what actually professionalism means.

It’s way different than being professional in freelancing markets places and with friends.

# My fellow HODs #

Thanks to my fellow HODs who have vast experience in running institutions, they have helped me the most after the experience.

 As being new, I keep discussing with them, and they tell me if I am doing it the right way or not.

Their stories and practical guidance give me the courage to make tough decisions.

It also makes me able to make fewer mistakes.


# Your subordinates teach you unconsciously #

As you have newly joined a department. Your subordinates try to come close to you.

If you are a new one, it’s important to let them come close, and share their thoughts.

Listening to them will make you realize what already has been in the department, and what they disliked the most.

Sooner they will start trusting you and you will get some loyal subordinates.

Those subordinates will teach you if you are doing things right or not. Because they will automatically share with you the remarks of your subordinates and will make you realize if you are doing right or not.

Many times they also guide you to take better steps
Basics to Master topics in javascript 🔥🔥everyone must know
Tags: javascript, beginners, typescript, architecture
Published: 2022-05-23 17:03:49

### ⚡ Important Basic Topics ⚡ 

👉 Syntax
👉 Variables
👉 If else statements 
👉 Operators
👉 Loops
👉 Functions 
👉 Events 
👉 Cookies 
👉 Keywords
👉 Dialogue Boxes

### ⚡ Javascript Advanced Topics ⚡ 

👉 Error Handling 
👉 Validations 
👉 Animations 
👉 Multimedia 
👉 Debugging 
👉 Closure 
👉 Scope 
👉 IIFEs
👉 Arrow Functions 
👉 Async Programming

### ⚡ JAVASCRIPT OBJECTS ⚡ 

👉 Numbers 
👉 Boolean 
👉 Strings 
👉 Arrays
👉 Date 
👉 Math 
👉 RegExp
👉 HTML Dom

⭐ Additional ⭐ 

### ⚡ Some famous resources from where you can learn javascript  ⚡ 

👉 freeCodeCamp
👉 Udemy
👉 Scrimba
👉 CodeMentor
👉 Sololearn
👉 W3Schools
👉 Codecademy
👉 GitHub 

### ⚡ Some famous youtube Channels to learn web develoopment ⚡ 

👉 Traversy Media
👉 Kevin Povell
👉 Web Dev Simplified
👉 Coder Coder
👉 DevEd
👉 Programming with Mosh-
👉 Treehouse
👉 DevTips
👉 Fireship



### Let me know any other resources you know :)
Talk Talk: 'One AWS team’s move to docs as code: what worked, what didn’t, what’s next' (Write the Docs 2022)
Tags: writing
Published: 2022-05-23 17:03:30

✨ **What is this post about**: As a part of my professional growth, I make time to watch conference talks on Ruby, Rails, JS, React, tech writing, and tech trivia. Previously, I'd just watch them but now I will take and publish notes for future reference.

✨ **Talk:** 'One AWS team’s move to docs as code: what worked, what didn’t, what’s next' by Marcia Riefer Johnston and Dave May

✨ **One-paragraph summary**: A talk that portrays the journey that the AWS took to switch from authoring the docs in Word (until 2020) to the 'docs-as-code' approach. 

✨ **Impression**: Very fascinating journey in time.

---

## Table of contents

- [Notes](#notes)
- [Read more](#read-more)

---

## Notes

- talk about implementing the collaborative process of doc authoring (or docs-as-code)
- "Docs as code" - *treat documentation the way you treat code:*
  - version control
  - doc artifacts automatically
  - trusted set of reviewers
- **Previous process** (publishing in Word until 2020)
  - engineer built the software (quickstart)
  - engineer created a doc in word
  - tech writer edited it
  - both collaborated in email (back and forth)
    - tedious
    - problematic versioning of Word
  - publishing to pdf
- **New process** (docs-as-code)
  - engineer built the software (quickstart)
  - engineer created a doc in AsciiDoc in VSCode
    - "it feels like a step back because it's lacking WYSIWYG"
    - no worries about formatting, about fonts or margins
  - tech writer edited it in AsciiDoc in VSCode
  - both collaborated in github
    - transparency in history
    - less tedious
    - open source
    - easier for pull requests, editing
    - all changes are tracked
    - all changes are published automatically
  - published to GitHub pages
    - automatically (script and cascading stylesheets)
- **Automation!** A game changer in:
  - GitHub page creation
  - formatting
  - version history tracking
- **Initial pains**
  - unneeded code tests delayed publishing (a typo fix can take hours because of the end-to-end testing process)
  - repetitive content is a pain to maintain if it changes (retroactively, manually)
  - doc process got confusing for authors
- **Outcome**
  - moving from Word to docs-as-code reduced the time from publishing time by 25% (and then after improvements by further 50%)
- **Next steps**
  - dependency on CI/CD developers on debugging
  - automate doc testing, linting
  - adding version control to boilerplate updates
  - adding more doctyped & code variants
  - managing translations

---

## Read more

- [Docs as code](writethedocs.org/guide/docs-as-code):
Question: How to import Nuxt object in External JS file? to allow me to use all project plugins
Tags: nuxt, vue, javascript
Published: 2022-05-23 16:39:16

How to import Nuxt object in External JS file?
to allow me to use all project plugins
such as 
this.$axios
this.$store

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ja7y3xl2vds8w7qbn8qk.png)
Docker Extension CLI uygulaması kurulumu
Tags: docker, extension, eklenti, cli
Published: 2022-05-23 16:38:31

Geçen hafta **Docker Desktop** uygulamasının GNU/Linux sürümü duyurulmuştu. Ben de Docker Desktop'ı kurduktan sonra fark ettim ki bir de "beta" olarak sunulan Docker Extensions özelliği bulunmakta.

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

Normal şekilde Docker Eklentisi eklemek arayüz üzerinden mümkün olsa da özellikle eklenti geliştirmek ve Docker Eklenti'nin diğer yeteneklerini kullanmak için CLI paketini kurmak gerekiyor.

# Docker CLI'ı nasıl kurabilirim?

Sisteminize docker desktop haliyle docker'ı kurduğunuzda "docker extension" komutunu kullanmaya çalıştığınızda docker'ın böyle bir özelliği olmadığını söyleyen bir hata ile karşılaşıyorsunuz. 

```
docker: 'extension' is not a docker command
See 'docker --help'
```

Github adresindeki güncel docker eklenti CLI paketi için Linux tar.gz paketini indirmeniz gerekiyor.

https://github.com/docker/extensions-sdk/releases

Sonrasında tar.gz içerisinde bulunan docker-extension binary dosyası, **normal kullanıcı olarak** aşağıda belirtilen konuma kopyalanması gerekiyor.

```bash
tar -xvzf desktop-extension-cli-linux-amd64.tar.gz
mkdir -p ~/.docker/cli-plugins
mv docker-extension ~/.docker/cli-plugins
```

Bu adımdan sonra "docker extension" komutu çalıştırılabilir olmakta.

# Eklenti komutları hakkında özet

Eğer sisteminize docker desktop veya cli üzerinden eklenti eklerseniz, var olan eklentileri aşağıdaki komut ile listeleyebiliyorsunuz:

```bash
docker extension ls
```

Docker extension hub üzerinden eklenti eklemek için aşağıdaki gibi komut kullanılabilmekte

```bash
docker extension install aliorhun/ornekeklenti:1.1.0
```

Docker eklentisinin güncel bir sürümüne geçiş için ise benzer şekilde güncelleme yapabilirsiniz.

```bash
docker extension update aliorhun/ornekeklenti:1.1.0
```

Ve tabi ki silmek için de rahatlıkla eklentiyi kaldırabilirsiniz.

```bash
docker extension rm aliorhun/ornekeklenti
```
Day-92 Training At Ryaz
Tags: javascript, webdev, beginners, programming
Published: 2022-05-23 16:32:41

Date:23/05/2022
Day:Moday

today, I started at about 10:30 am as I was in progress to complete the java script cource and the bidding project so, today I started with the left over task. so, firstly I started with the enhancement and improving the ui of my bidding project as well as the basic features of the project so, firstly I started with adding the categories like I added carbide,scooter,mobile,laptops so, firstly I added these categories in the both data base and the code so, by adding this I got the 6 default and 6 categories in the list so, after I examined it so, it only took category by data base so, I did insertion in the data base itself so, it worked for me and after this I corrected some frontend as I adjusted the padding of the form fields and also wanted to enhance it more so, this way my day ended up and I got to learn many new things.
Parsing Width/Height from SVG File using ColdFusion
Published: 2022-05-23 16:29:06

Someone on the [Lucee website](https://dev.lucee.org/t/how-to-get-svg-image-file-width-height-and-size-in-lucee/10231) asked how to get width/height of SVG image file in Lucee.  I tend use a lot of SVG images when generating PDFs using WKHTMLTOPDF with ColdFusion 2016-2021 and Lucee. I thought I'd try writing a cross-compatible UDF to parse this information.  I've added support for desc, title and id metadata.  The dimensions will be pulled from `svg.viewBox` (if exists) rather than `width` and `height` tags as I noticed that these dimensions seemed to be used more often with some generators. (NOTE: While the "S" in SVG means that images "scaleable", the dimensions are still extremely beneficial when embedding so you can explicitly code the dimensions using the correct aspect ratio.)

Some SVG images used decimal width/height values while others used integers.  Some also contained a "px" unit.  I chose to output a numeric `double` or `integer` value without the unit.  I also read that the default dimensions used by Chrome was `300x150`, so it defaults to these dimensions if nothing can be parsed.

Here's the UDF.  Enjoy!

https://gist.github.com/JamoCA/baa454a6a5381e7339548a1f627ce1c3

{% gist https://gist.github.com/JamoCA/baa454a6a5381e7339548a1f627ce1c3 %}
Utilizar 'touch' en PowerShell
Tags: webdev, programming, tutorial, powershell
Published: 2022-05-23 16:22:33

Si estas tratando de utilizar la **PowerShell** pero tu vienes de Linux/Unix puede que algunos comandos no los puedas utilizar aquí, como es el caso del comando **touch**, este comando es para crear archivos dentro de tu terminal, por ejemplo:
```bash
touch index.js
```
Si tu utilizas este comando en tu **PowerShell**, no va a funcionar, es por eso que hoy te voy a mostrar como poder utilizar este comando en tu **PowerShell**.

## Implementa touch en PowerShell
Primero, debes abrir tu perfil en tu editor de código favorito, en mi caso es nvim.
```bash
nvim $PROFILE
```
Dentro, debemos colocar el siguiente código.
```bash
function Touch-File() {
    $fileName = $args[0]
    # Comprobar si el archivo existe
    if (-not(Test-Path $fileName)) {
        # Si no existe, crealo
        New-Item -ItemType File -Name $fileName
    }
    else {
        #Si existe, actualiza el timestamp
        (Get-ChildItem $fileName).LastWriteTime = Get-Date
    }
}

### Creando un alias para touch

# Checar si el alias touch existe
if (-not(Test-Path -Path Alias:Touch)) {
    New-Alias -Name Touch Touch-File -Force
}
```
Estamos haciendo un par de cosas aquí:

- Primero, creamos una función llamada **Touch-File**

- Dentro de la función, capturamos el primer argumento que se le pasa y lo asignamos a la variable **$fileName**

- Después, comprobamos si el archivo existe. Si no es así, creamos un archivo vacío con el nombre de la variable **$fileName**. Esto se hace usando el **cmdlet New-Item**, especificando que el objeto que queremos es un archivo y pasando el nombre del archivo

- Si el archivo existe, actualizamos su hora de última actualización. Esto se hace configurando la propiedad **LastWriteTime** del archivo

- Finalmente, después de crear la función, creamos un alias para que podamos usar **Touch-File** o el **Touch** más corto. Usamos el parámetro **–Force** para que en caso de que ya exista el alias, lo re-vinculamos

Ten en cuenta que no puedes establecer el alias desde dentro de la función, ya que parece que no puede crear un alias para una función que no se ha analizado y vinculado por completo.

Para probar esto, debes cerrar y abrir una nueva ventana de PowerShell y pruébalo.

```bash
touch index.txt
```
Ahora deberías ver el nuevo archivo creado.
![Prueba](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuk79dn5yfwe3ujrssrs.png)

###### Si quieres ver mas tutoriales como este puedes entrar a mi perfil y ahí encontraras una gran variedad de tips y tutoriales.👉[**Tips y Tutoriales.**](https://dev.to/rogerdimonte)
New tips & tricks for your Azure Static Web Apps
Tags: webdev, beginners, javascript, staticwebapps
Published: 2022-05-23 16:13:53

---
title: New tips & tricks for your Azure Static Web Apps
published: true
description: Get your web app project moving forward with this series of practical videos on Azure Static Web Apps.
tags: 'webdev, beginners, javascript, staticwebapps'
cover_image: 'https://raw.githubusercontent.com/sinedied/articles/main/articles/azure/swa-tips/assets/swa-03-banner.jpg'
canonical_url: null
id: 1087054
---

About a year ago, we published [a series of videos](https://aka.ms/StaticWebAppsTips) to help you get the most out of Azure Static Web Apps. It's time to update it with fresh tips, as we got new exciting tools to improve your dev experience!

> If you've never heard of Static Web Apps (or SWA for short), it's a web app hosting service provided by Azure, offering streamlined full-stack development with many built-in features like authentication, customizable routing, serverless functions and more. It also has a great [free tier](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-yolasors) 😉

## Tip #18: Run, build and deploy your apps with the new SWA CLI

With the release of [the new SWA CLI](https://github.com/Azure/static-web-apps-cli), it's never been easier to get started with Azure Static Web Apps! With the new commands you can configure your project to test it locally with the emulator, and deploy it directly from the CLI in a few minutes. It also support multiple configurations, and it's compatible with monorepos. Watch the video to learn how to get started with the new commands.

{% youtube zchTNKmay6M %}

## Tip #19: End-to-end browser debugging of your Static Web Apps with VS Code

I love web development, but when you're trying to debug your app, whether it's the HTML, CSS or JavaScript, it always involves a lot of painful back and forth between your code editor and the browser. But thanks to [this new VS Code extension](https://aka.ms/devtools-for-code), you can now preview and debug your apps without having to leave your editor, all from a single window! And it even comes with built-in hints and support for accessibility testing, so you won't have any excuses to not make your app accessible.

{% youtube l39cjaosxKw %}

## Tell us your feedback!

We're also here on dev.to to listen and help as much as we can! 🙂

Please tell us your experience, your difficulties and questions, and what videos you would like to see next in this series!
GitIcons - add folder icons to your repos
Tags: mac, github, icons
Published: 2022-05-23 15:58:55

---
title: GitIcons - add folder icons to your repos
published: true
description: Mac App that adds folder icons to your repos
tags: mac, github, icons
cover_image: https://raw.githubusercontent.com/samdenty/git-icons/master/banner.gif
---

git-icons is built in Rust,   and uses the Rust Crate [`repo_icons`](https://github.com/samdenty/repo_icons) to fetch the icons for a given repository.

Once the icons are fetched, it writes them to the `Icon?` file inside all your repo directories.

It also has SQLite persistence with [Diesel.rs](http://diesel.rs/). This allows you to use a custom icon for a repository, or switch between the different icons returned by `repo_icons`

[Download the app for Mac now](https://github.com/samdenty/git-icons/releases) or [give it a star](https://github.com/samdenty/git-icons)


{% embed https://www.youtube.com/watch?v=jrO3qSEpAFU %}
Codepen Shortcuts
Tags: codepen, tips
Published: 2022-05-23 15:56:29

I learned on some useful Codepen shortcuts so decided to share them. 

## Auto Complete Tags.
In the [codepen](https://codepen.io) HTML section if you type a tag and then TAB it auto completes the tag. Type `div` then hit the TAB key and it autocompletes with open and closing tags. Your cursor will be between the tags.

```html
<div></div>
```

## Multiples
If you want multiple copies of a tag use an asterisk '*', type your tag followed by an asterisk and the number of items you want. `div*5` and TAB gives you five empty div tags. No spaces keep it as a single unit of text, then click TAB. It should show you a preview of the tags.

```html
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
```
## Classes
To add a class use dot notation. `div.post` and TAB will give you an div tag with the class name of post. Works with most tags. Type tag.classname and TAB. You can do this with other tags like, article or section. Just using div tags for sake of consistency.

```html
<div class="post"></div>
```

## All together

Yes you can combine these for efficiency.
`div.news*10` gives you 10 divs with the news class.

```html
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
  <div class="news"></div>
```

[codepen](https://codepen.io)

>CodePen is the best place to build, test, and discover front-end code. CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

That's all for this time. I hope you learned something. 

I wrote this in response to @nickytonline [What did you learn this week?](https://dev.to/nickytonline/february-19th-2022-what-did-you-learn-this-week-93m) thread. Follow it to see what other DEV members are learning.
Should I do a series on TIL, Time I Learned something?


```
-$JarvisScript git push
```

{% twitter 1518582892334620675 %}
I just finished reading "Pro ASP.NET Core 6" and this is my review.
Tags: review, books, dotnet
Published: 2022-05-23 15:53:00

A few weeks back I had the chance to read this book and now, I would like to share my feelings with everybody.


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

**The author**

I do not think I should introduce the author of this precious book. 

**Adam Freeman** 
He is an experienced IT professional who has held senior positions in a range of companies, most recently serving as chief technology officer and chief operating officer of a global bank. Now retired, he spends his time writing and long-distance running.

With advent of ASP.NET MVC 4, I started following him and now its time to say thanks to him for what he has written and shared with all of us. 

.NET echo system especially ASP.NET Core 6 is replete with new features that should be discovered or some parts that can be a bit complex at least at the first impression. Then, reading this book is the solution. In each chapter, the fundamental concepts are explained for middle/senior developers.

**Let’s have a look at the table of contents:**

- Putting ASP.NET Core in Context
- Getting Started
- Your First ASP.NET Core Application
- Using the Development Tools
- Essential C# Features
- Testing ASP.NET Core Applications
- SportsStore: A Real Application
- SportsStore: Navigation and Cart
- SportsStore: Completing the Cart
- SportsStore: Administration
- SportsStore: Security and Deployment
- Understanding the ASP.NET Core Platform
- Using URL Routing
- Using Dependency Injection
- Using the Platform Features, Part 1
- Using the Platform Features, Part 2
- Working with Data
- Creating the Example Project
- Creating RESTful Web Services
- Advanced Web Service Features 
- Using Controllers with Views, Part I
- Using Controllers with Views, Part II
- Using Razor Pages
- Using View Components
- Using Tag Helpers
- Using the Built-in Tag Helpers
- Using the Forms Tag Helpers
- Using Model Binding 
- Using Model Validation
- Using Filters
- Creating Form Applications
- Creating the Example Project
- Using Blazor Server, Part 1
- Using Blazor Server, Part 2
- Advanced Blazor Features
- Blazor Forms and Data
- Using Blazor Web Assembly
- Using ASP.NET Core Identity
- Applying ASP.NET Core Identity

**My evaluation**

You can start a real project from scratch by reading this book. Every page of this book would shed a light on a dark portion of ASP.NET Core Development in your mind. I can only recommend reading this book, and it is definitely a useful book to keep on your desk because it can always be useful during the development of a project.

**Conclusion**
You can find this book directly on Amazon : [Pro ASP.NET Core 6](https://www.amazon.com/Pro-ASP-NET-Core-Cloud-Ready-Applications/dp/1484279565/ref=sr_1_1?crid=32EG7ZNLQI1Y2&keywords=Pro+ASP.NET+Core+6&qid=1653320969&sprefix=pro+asp.net+core+6%2Caps%2C358&sr=8-1)
HackerRank — Problem Solving — JavaScript — Compare the Triplets
Tags: javascript, programming, problemsolving, hackerrank
Published: 2022-05-23 15:48:22


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

The task is to find their comparison points by comparing a[0] with b[0], a[1] with b[1], and a[2] with b[2].

- If a[i] > b[i], then Alice is awarded 1 point.

- If a[i] < b[i], then Bob is awarded 1 point.

- If a[i] = b[i], then neither person receives a point.

Comparison points is the total points a person earned.Given a and b, determine their respective comparison points.

**Solution:**

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

**Explanation:**

- **Step 01:** Take two variables named "first" and "second". Then store an initial value as 0 for both of them.

- **Step 02:** Iterate a for loop through the given array(the array can be the first one or the second one, as long as they are equal in length, we can use any of them).

- **Step 03:** If the element of first array is greater the second array, we will increment the "first" variable by 1. However, if the element of second array is greater the first array, we will increment the "second" variable by 1. Lastly, in case the the elements of both array contain the same value, we will not make any changes.

- **Step 04:** Return the "first" and "second" variables in the form of an array where first element is the "first" variable and the second element is the "second" variable.