teleren/devto huggingface dataset:
How to Change Font Size in Visual Studio Code | Font Family VSs Code | Font Style in VS Code
Tags: vscode, programming, codenewbie, webdev
Published: 2021-09-15 09:44:42

Hi, in this post we are going to learn the following,
how can I change font size in visual studio code in 2021
How to change font style in vs code?
How to add custom font family vs code?
How do I change font size in Visual Studio Code?
How do I change font size in the code editor?
How do I change font size VSCode in the terminal?
How to change the font in vs code?

Here is the list of 10 Best VS Code Fonts for Web Developers:
1. MonoLisa
2. Fira Code
3. Consolas
4. Apercu Mono
5. Monoid
6. Ubuntu Mono
7. Sudo
8. Droid Sans
9. Roboto
10. Press Start 2P

**Video Tutorial:**

{% youtube PvfOM9qQ7hE %}

Steps to change the font size or font family in the Visual Studio Code:
1. Open your VS Code editor.
2. Type command (CTRL + SHFT + P).
3. Type Settings in the command palette.
4. Now under User click on, Text Editor then Font and find Font Size.
5. Enter your desired font size.

If you found this video helpful please like the video and SUBSCRIBE to this youtube channel to watch more videos like that. What do you think about today's video topic? please share your thoughts and queries in the comments below! 
---------------------------------------------------------
- Please have a look at my website for more details!
         https://hmawebdesign.com
- Place an order for any Web Development work!
         https://www.fiverr.com/haaddison1?up_rollout=true
---------------------------------------------------------------
Java 9 Stream API Improvements
Tags: java
Published: 2021-09-15 09:44:41

Four new operations are added to Stream API in Java 9. They are - takeWhile(), dropWhile(), ofNullable() and iterate().

takeWhile() : If calling stream is ordered, then this method returns a stream containing first n elements of the calling stream which satisfy the given predicate. If the calling stream is unordered then this method returns all or some elements which satisfy the given predicate.

dropWhile() : This method is total opposite of takeWhile(). This method drops first n elements which satisfy the given predicate and returns remaining elements if the calling stream is ordered. If the calling stream is unordered, then this method returns remaining elements after dropping the elements which satisfy the given predicate.

ofNullable() : This method takes one element as an argument and returns a Stream containing that single element if the passed element is non-null. If the passed element is null, it returns an empty Stream.

iterate() : iterate() method is already there in Stream interface from Java 8. But, Java 9 provides another version of iterate() method which takes an extra argument hasNext of type Predicate which decides when to terminate the operation.

For examples how to use these methods, see this post : https://javaconceptoftheday.com/java-9-stream-api-improvements-takewhile-dropwhile-ofnullable-and-iterate/.
Netilify deployment with react router
Tags: createreactapp
Published: 2021-09-15 09:41:48

Recently tried to host a website on netlify whilst shifting from github-pages. Was a little bit of searching only after which it worked.

Steps:
1) Did the usual linking to github and getting a subdomain from 
`https://app.netlify.com`

2) In package.json
   
```
  "homepage": "https://<your_website_name>.netlify.app",
  "scripts":{
  "predeploy": "npm run build",
  "deploy": "netlify deploy"
  } 
```

3) Under `public` folder add a file `_redirects` with contents
   `/*  /index.html  200`.
4) In root directory add a file named `netlify.toml` with content as 
```
[build]
  command = "npm run build"
  publish="/build"
  base = "" 
``` 
5) Then follow the steps here https://www.netlify.com/blog/2016/07/22/deploy-react-apps-in-less-than-30-seconds/
My Variable Difficuilty Tic Tac Toe 
Tags: computerscienceterminalgame, cs101introductiontoprogramming, codecademy, tictactoe
Published: 2021-09-15 09:40:37

For the final project portfolio for CS101 Introduction To Programming on Codecademy, I was tasked with writing a Python Terminal game. I had a little research, watched some very informative guides, and thought a simple game of Tic Tac Toe would be a good first project; but I wanted to add more complexity than a simple game against the CPU. I incorporated 3 difficulty settings for the "AI":

-- Easy, the CPU actively picks the worst move it can make.

-- Medium, the CPU picks a random move every round, ensuring it has a, roughly, equal chance of picking a good or bad move.

-- Hard, the CPU makes the best move it can each round and shouldn't be beatable!

Please feel free to try the game and out and let me know if you manage to beat it on the hardest setting.

https://github.com/Pyro607/Tic-Tac-Tov-vs-AI
智能合約 Smart Contracts 101
Tags: blockchain
Published: 2021-09-15 09:02:21

# **智能合約 Smart Contracts 101**


## 什麼是智能合約

智能合約英文名為 Smart Contracts，由於[區塊鏈技術](https://asper.tw/blockchain/)與去中心化金融 DeFi 蓬勃發展，智能合約也隨之爆紅，其實智能合約起源於西元 1995 年由 [Nick Szabo](https://en.wikipedia.org/wiki/Nick_Szabo) 這位跨領域法律專家所提出，它對於智能合約定義是：能夠讓合約參與者，可使用數位形式定義承諾並且執行協議。


### 智能合約與區塊鏈

智能合約可以說與區塊鏈技術密不可分，可以想成區塊鏈為智能合約的地基，傳統金融都會仰賴中介機制，確保交易信任與安全，不過區塊鏈採用了分散式帳本技術，使區塊鏈具備了不可竄改特性，因為分散式帳本技術，其原理是讓每個人都能持有一份副本，使帳本難以被竄改，就算被竄改，也可透過副本追溯與還原。

而區塊鏈本身透過了三大要角，來維持其運作機制，分別為區塊、節點與礦工，區塊的功能，主要用於放置交易紀錄資料，並透過加密運算機制，讓礦工進行不斷驗證，並開創新區塊以存放交易紀錄資料，而只要第一名完成驗證運算，取得區塊鏈帳本紀錄權利的礦工，就可以獲得報酬。

節點則為儲存整個區塊鏈資料，越多節點相對也越能夠避免資料遭到竄改，礦工則提供區塊鏈運算支援，目前主流加密貨幣如比特幣、以太幣，採用工作量證明([Proof-of-Work](https://en.wikipedia.org/wiki/Proof_of_work))機制，透過不斷讓電腦計算整條區塊鏈，讓礦工獲取獎勵，才能得以運作，不過以太幣為了解決耗能問題，則推出權益證明([Proof-of-Stake](https://www.investopedia.com/terms/p/proof-stake-pos.asp))機制，預計未來將透過持有加密貨幣獲得獎勵，藉此降低能運算對於能源消耗的問題。

當然這一些機制，每個區塊鏈在設計上多半會有些不同而調整，但用區塊鏈作為智能合約的地基，即可發展出一套去中心化金融 [DeFi](https://www.thenewslens.com/article/150430) 生態圈，只要將合約寫入區塊中，便可避免合約資料遭竄改，並透過程式串接、嵌套各式各樣的智能合約共同運作。


### 智能合約 vs 傳統合約

現代的智能合約，是在區塊鏈中訂定合約，而區塊鏈則是一種採用了分散式帳本的去中心化技術，過去人們在訂製合約時，都會需要一個第三方中介機構進行搓合或者介入，如買賣房屋，我們會需要找房屋仲介媒合買賣雙方，接著在移轉資產時，還要經過許多政府機關、銀行貸款等種種程序，執行起來曠日廢時又勞民傷財。

一般如房屋買賣合約中，內容會登載了兩造雙方資訊，還有合約條款，如：須遵循的相關內容，而有的合約會有附加條款，如：收付款條件、漏水保固...等，接著是合約有效期限，雙方簽約後合約便不可任意變動，如需變動，就須將就合約作廢，重新簽立一份新約。

傳統一般合約在執行時，要經過許多人工驗證身分，與確認合約執行狀態，再進行價金移轉，還有跑許多流程、處理各式瑣碎事項，倘若可以自動化這些流程，是不是能節省許多人力物力呢？

而使用智能合約，則允許不用透過在這些第三方機構下，夠安全地進行交易，且這些交易屬於可追蹤、無法逆轉，如此一來，便能夠節省許多時間、金錢交易成本，在便利性上，可以說勝過傳統合約交易模式。


### 智能合約核心

其實智能合約，之所以智能，是因為它能協助我們執行這些重複又繁瑣的流程，透過程式設計，便能自動執行合約上所登載之履行項目，如時間到自動從帳戶中扣款，倘若扣款失敗，則自動執行扣款失敗通知給買方，如超過五天仍未收到款項，接著自動執行法拍程序...等類似流程都可透過程式自動執行，無須人工介入。

其實智能合約本質，可以當作它是一個電腦程式，透過這個程式，將合約邏輯寫入，並讓它自動執行即可。不過並非任何電腦、或者系統就能執行，畢竟智能合約最重要的，就是認證與不可竄改這件事情，否則隨便就能竄改、簽訂合約後反悔，最後卻毫無保障效力，豈不沒保障？

所以智能合約需要有一個基礎建設，來乘載、自動強制執行合約上程式邏輯，達成合約需求，所以當今的智能合約，多半由區塊鏈這個去中心化平台作為主體，目前龍頭為以太坊，畢竟以太坊在區塊鏈上應用相對發展成熟，且不斷進化，使用以太坊作為智能合約基礎建設，也再合適不過，當然或許過幾年，有其它區塊鏈平台崛起取而代之，成為新智能合約平台霸主也說不定。


### 智能合約特性

智能合約對於金流整合相對容易，使用目前以太坊內建機制，進行開發智能合約，在收、付款功能上不會有太大問題，也因為是使用以太坊這個區塊鏈，因此不像傳統金流，會需要某些特定主機維持系統運作，智能合約在以太坊區塊鏈上的節點，都可協助合約運作。

不過智能合約在以太坊寫入資料時，因為是寫入區塊鏈中區塊，這個動作會需要消耗以太坊區塊鏈中運算資源，讓礦工協助驗證、寫入資訊，於是以太坊使用了一個名為 [GAS 的機制](https://ethereum.org/en/developers/docs/gas/)，舉凡交易、執行智能合約、支付儲存費用...等，都會需要用到，才能確保生態圈永續運作。


## 智能合約運作方式

目前坊間主流智能合約，主要為運作於以太坊為大宗，我們可以想成智能合約是一個達成條件，便會自動強制執行的程式，只是將現實中合約，翻譯成系統可以認得、程式得以執行樣態罷了。

智能合約驗證機制十分單純，主要透過數位簽章即可啟動並完成合約簽署，接著再將兩造雙方驗證完成的合約，寫入去中心化平台中，如以太坊這個區塊鏈內，而只要符合合約內觸發要件，如時間到自動給付利息、還款，後續便會自動執行。


### 智能合約安全問題

雖然智能合約就發展面來看，是如此美好，不過在便利的背後，也隱藏了風險，由於智能合約以區塊鏈作為底層，因此只要有用到區塊鏈使用者，都可以看見合約存在，萬一智能合約在撰寫上，程式若不幸有安全漏洞，便會讓大家看見，如無法於第一時間修補，便使攻擊者有機可乘。

過去就曾經發生一個名為 [The DAO 去中心化組織](https://en.wikipedia.org/wiki/The_DAO_(organization))，於 2016 年六月遭到攻擊，並被盜取價值將近五千萬美元的以太幣，而 2018 年四月 BeautyChain 智能合約出現重大漏洞，使 BitEclipse 價值大幅下跌至趨近於零，還有不少智能合約與程式開發上所產生一些問題與漏洞造成損失的案例。

這些種種，肇因於目前智能合約相對發展時間較短，因此尚有一些不足，且專業人員相對匱乏，不過只要假以時日，整個生態系漸漸成長茁壯、成熟起來，勢必相關應用會更加普及、容易上手，不再是科技狂熱者所專屬的應用。
Tired of opening manually the same programs every morning ?
Tags: tmux, shell, vscode, javascript
Published: 2021-09-15 08:40:50

# Tired of opening manually the same programs every morning ? Or every time that you switch projects, running the same command over and over?


##### Well I was in the same place that you, so I did a little research and check what other team member were using to start the day faster

My start of the day is kind of repetitive or let say is almost the same when I start the working day.

— Open the chat application that i user to communicate with my team
— Open my time tracker application — so I can have a clear view of where my time is going every day.
- Open Firefox with a couple tabs that a need for the day
  - Check emails
  - Check the ticket system
  - Check my calendar for the day
  - See the latest changes that the repo have

The solution for me was the fallowing

[tmuxp](https://github.com/tmux-python/tmuxp)

> tmux session manager

INSTALL STEPS

> pip install --user tmuxp

Create and `yml` file in the `~/.config/tmuxp/{filename}.yaml`

Here is mine :

```yml
session_name: Start
start_directory: ~/ # load session relative to config location (project root).
before_script: echo "Starting of the day"
# shell_command_before:
# - '[ -f .venv/bin/activate ] && source .venv/bin/activate && reset'
windows:
  - window_name: Start the day
    focus: true
    layout: tiled
    options:
      main-pane-height: 35
    panes:
      - shell_command:
          - firefox #https://leamsigc.com/ add the link to the tab that firefox sould open
      - shell_command:
          - code # Open vscode
          - bpytop # #https://github.com/aristocratos/bpytop and alternative to htop
      - shell_command:
          - superproductivity & bg # https://super-productivity.com/ Time tricker
          - element-desktop & bg
```

### How to user

Start the day by open the terminal and run the fallowing command

> tmuxp load start #Remember the filename is start for my side so for you it would depend in the faliname

#### Recommendations

- [tmux](https://github.com/tmux/tmux)
- [bpytop](https://github.com/aristocratos/bpytop)
- [super-productivity](https://super-productivity.com/)




{% gist https://gist.github.com/leamsigc/68d3f891d9298c35de273caa2b21e453 %}
How CMS Covers The Skill Gap In Web Development

Tags: wordpress, cms, webdev
Published: 2021-09-15 08:18:20

Content management system plays a vital role in Web development field. The most popular CMS WordPress covers the 40% market share in the web development. There are a-lot of people who don't want to indulge in long term coding process as it's boring for them so they prefer CMS. From mobile responsiveness to attractive site creation, CMS covers all the aspects. 
It shows the better idea to beginners that how they play with margins and paddings of the sections and give the idea of the responsiveness.
The Tacit Knowledge Series
Tags: career, learning
Published: 2021-09-15 08:04:23

---
title: The Tacit Knowledge Series
published: true
description: 
tags: ["career", "learning"]
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pqu8vfsfcvbfua76n88d.jpg
---

From a personal and professional standpoint I'm interested in what is required to keep engineers moving from being experienced and competent to being expert.

Many views point to `tacit knowledge`. But by its very nature tacit knowledge is hard to define and even harder to share.

Shawn Wang describes the problem perfectly in his excellent book **The Coding Career Handbook**...

> *Much of your learning from Junior to Senior involves gaining tacit knowledge. You can read all the programming books in the world, but, by definition, you are still limited to things that people can write down. That is explicit knowledge, and it is only the tip of the iceberg.*


We see tacit knowledge in action every day - when a doctor is able to make a prognosis during a crazy short appointment, or, hopefully more commonly, when an expert engineer looks at a design for all of 5 seconds and can immediately tell you her concerns or questions.
 
In trying to understand how they reached these conclusions so quickly, explanations might start with some principles, then move on to the exceptions and caveats to these principles, and may often ends with something like "*it just feels right*". It's these natural judgements that are made that can't be simply explained so that others could reach the exact same outcome.

For an excellent breakdown of this, with detailed examples in software engineering and other knowledge fields, I highly recommend Cedric Chin's Commonplace article - [Tacit Knowledge is a Real Thing](https://commoncog.com/blog/tacit-knowledge-is-a-real-thing/). 


So I want to tap into the tacit knowledge of those around me. I know I can't replace gaining the experience that will build this knowledge myself, but I hope that by being in tune with it I can see the situations, ask the questions, and hopefully understand the thought processes behind these judgements.

My plan is to pick up on scenarios where experienced engineers might have taken a path through a situation or problem that wasn't obvious to me, pin them down to walk through how they approached it; what experience, principles and ideas they drew on, and then write it down and share it here...

------

### The Tacit Knowledge Series so far

1. [Dependency vulnerabilities](https://logical-progression.matttea.com/post/tacit-vulnerabilities/)
2. [Bigger picture recall](https://logical-progression.matttea.com/post/tacit-bigger-picture-recall/)
3. [Calm context switching](https://logical-progression.matttea.com/post/tacit-context-switching/)


*Originally posted on https://logical-progression.matttea.com*
These 2 GitHub Tools Left Me Awestruck (Really, No Exaggeration)
Tags: github
Published: 2021-09-15 07:59:50

Hello, devs! GitHub is cool but it can be better. This is a super short article because honestly, no one likes to read a long one, so I better get right to the point.

###[1] Install A Code Tree Extension
Install Octotree Chrome extension from Chrome Web Store (https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc). Using this tool, you'll have a code tree pinned to the left of your screen whenever you check out any repo. With this, you'll always have a quick overview of the folder structure of any repo regardless of the file you're currently looking at. 
***Without Octotree***
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eaz0tkdt5e18j02up3qg.PNG)

***With Octotree***
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rsl4cbmb4fy8a2e8itvv.PNG)

###[2] Write Cool READMEs Effortlessly
Use this site (https://readme.so/editor) and write amazing READMEs using WYSIWYG editor without knowing anything about markdowns.
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b8xis0ej57lg6en05nz1.PNG)
5 Ways To Host Your Applications
Tags: react, webdev, programming, 100daysofcode
Published: 2021-09-15 07:46:38

## 1. Surge

Surge is a cloud platform for hosting static websites, which is extremely simple to use but offers customization options for those who need them.

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

## 2. Firebase

Firebase Hosting is a fully managed hosting service for static and dynamic content as well as microservices.

The service is backed by SSD storage and a global CDN (content delivery network).

![Firebase](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3v6uwzvh0pgc1s4chfjn.png)
 

## 3. Vercel

Vercel is a hosting platform for frontend frameworks. After you create a pr it will automatically create an environment for you so that the team can check it before merging it. So useful!

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

## 4. Github Pages

GitHub Pages is a static site hosting service that takes HTML, CSS, and JavaScript files straight from a repository on GitHub, optionally runs the files through a build process and publishes a website

![Github Pages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bzaqtfmk4u0c73ghh8x1.png)
 

## 5. Netlify

Netlify is a web hosting and automation platform that accelerates **development productivity**

I deployed most of my projects to Netlify because it is so easy to use, it is supporting custom domains, and much more.

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

---
**You might be interested in this too**
{% link https://dev.to/afozbek/how-to-deploy-your-app-to-netlify-1ebi %}
 
---

## Links
- [6 Ways to Host Your React JS App For Free](https://dev.to/suhailkakar/6-ways-to-host-your-react-js-app-for-free-2163)
Disk failure prediction in your Ceph cluster using SMART.
Published: 2021-09-15 07:18:02

---
title: Disk failure prediction in your Ceph cluster using SMART.
published: true
description: Keeping track of your disks in a Ceph cluster is important so you could replace them in time before data loss. In this video we look into how to use SMART data to run a machine learning prediction in order predict when a disk fails. SmartMonTools is used locally to fetch the data. The data is saved in the cluster and then the prediction will show you the estimate time until failure.
tags:
cover_image: https://i.ytimg.com/vi/KFBuqTyxalM/maxresdefault.jpg
---

{% youtube KFBuqTyxalM %}

Keeping track of your disks in a Ceph cluster is important so you could replace them in time before data loss. In this video we look into how to use SMART data to run a machine learning prediction in order predict when a disk fails. SmartMonTools is used locally to fetch the data. The data is saved in the cluster and then the prediction will show you the estimate time until failure.
Build a Javascript OTP using HTML SCSS JAVASCRIPT
Tags: javascript, html, css, sass
Published: 2021-09-15 06:51:11

I created this tutorial on my channel or you can read tutorial: [Build a Javascript OTP using HTML SCSS JAVASCRIPT](https://homiedev.com/project-otp-using-html-scss-javascript/)
let check it out 🎉:

{% youtube vE-Mco74PdA %}
My love-hate relationship with the fundamentals
Tags: decodingcoding, beginners, noob, fundamentals
Published: 2021-09-15 06:50:31

---
title: My love-hate relationship with the fundamentals
published: true
description: How not having good coding fundamentals helped AND hindered me
tags: decodingcoding, beginners, noob, fundamentals
cover_image: https://images.unsplash.com/photo-1592609931095-54a2168ae893?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80
---

I have a love-hate relationship with the “fundamentals”. Be it learning to code, picking up new skills and knowledge, developing new habits, I’m the impatient sort who loves to jump right in and try things out, even if I don’t know what I’m doing. I hated how veteran gatekeepers of any field/niche would police newbies by using “the fundamentals” as some sort of an entrance exam. I felt that learning the fundamentals through some 100-hour boring course hinders more than it helps. But sometimes, that’s when the long arm of the fundamentals come back to bite me. With good reason.

Just like how I just solved the epic bug that’s been causing slow page loads on my product [Lifelog](https://golifelog.com). A 4am late night. Three full days of debugging trial by fire. I lost count of how many things I tried, on both frontend and backend. I recall that at some point I felt so demotivated and low in morale that thoughts of giving up altogether came to me. In the end, it was a silly little Javascript function in charge of sorting comments. All that herculean effort and sleepless nights, only to find that the solution was so small and simple. Comically simple.

I find that such scenarios—of inflated perceptions of difficulty unfolding into a laughable realisation of the solution—are usually signs that the fundamentals are missing. If I had taken the boring and labourious yet effective approach of debugging by commenting out code bit by bit, I wouldn’t have needed 4am late nights and three wasted days. Yet, here I am, deeply humbled due to a combination of newbie inexperience, impatience with the fundamentals, and that just-want-to-do-my-own-way personality.

It’s a great learning point, and even greater validation of why the fundamentals matter, not just in coding but any pursuit of skill or knowledge. Not that everyone now has to know the fundamentals before starting any pursuit. But more like the fundamentals cannot be ignored, and incidents like this are signals that I need to brush up on them, rather than haughtily brushing them off like I knew better.

---

This post was first published on [Lifelog](https://golifelog.com/posts/fundamentals-1610092536439).
A good progress bar package
Tags: javascript
Published: 2021-09-15 06:48:29

A neat js progress bar package:

https://www.npmjs.com/package/nprogress

For an example of use with VueJS and axios interceptors see https://www.vuemastery.com/courses/next-level-vue/progress-bar-axios-interceptors. Note: this is a part of a paid course.

It uses axios interceptors as a middleware for invoking the loading bar e.g: 

```
import axios from 'axios'
import NProgress from 'nprogress' // <--- Import the library
    
    const apiClient = axios.create({ ... })
    
    apiClient.interceptors.request.use(config => { // Called on request
      NProgress.start()
      return config
    })
    apiClient.interceptors.response.use(response => { // Called on response
      NProgress.done()
      return response
    })
```
Understanding Network things: part 5 – TLS & mTLS
Tags: network, http, beginners, cloud
Published: 2021-09-15 06:33:10

---
title: Understanding Network things: part 5 – TLS & mTLS
published: true
description: Serie of sketchnotes about Network concepts. Explaining in a visual way network principles.
tags: Network, HTTP, beginners, Cloud
series: Understanding network things in sketchnotes
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dbc3jfz4vd85ru6i90fw.jpg
---

Hi,
I've got a secret for you, since several years. I'm a developer and I'm a mess in undestanding network things! :'(

It's hard to not understanding things that anyone seems to understand and understanding network concepts can be difficult or time-consuming, specially for developers. That the reason I started to create sketchnotes about Network concepts. I think it could be a good way, more visual, to explain it.

In this article let's dig into TLS and mTLS.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dbc3jfz4vd85ru6i90fw.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tuy6oc3da7b5h5bnklss.jpg)

As usual, if you like theses sketchnotes, you can follow me, and tell me what do you think. I will publish others sketchs shortly :-).

If you are interested, I already published sketchnotes about [Kubernetes, Docker and Istio](https://gumroad.com/aurelievache).