【図解】Web開発者が「学ぶべきスキル」のまとめサイト！【Web Skills】とは？

みなさんこんにちは！おさかなです！

今回は「Web Skills」について、書いていこうと思います！

それでは、レッツゴー！！！！！

最短ルートでスキルアップしたい！

https://osakanav.com/wappalyzer

「Web Skills」って何？

「Web Skills」とはAndreas Mehlsenさんが作成した、ウェブ開発者が学ぶべきのスキルを「カテゴリ別」にまとめているサイトのことです。(いいね！)
スキルアップのために「何から学べばいいのかわからない！」という方や、「最短ルートで学びたい！」という方に役に立つサイトとなっております！(すごい！)

https://andreasbm.github.io/web-skills/

https://osakanav.com/deep-javascript

実際につかってみよう！

それでは早速サイトにアクセスします！

ざーっと見てみると、こんな感じ！(わかりやすく、まとまってる✨)

カテゴリは全部で13つあります！

1　Fundamentals　基礎
2　Accessibility　アクセシビリティ
3　Web components　ウェブコンポーネント
4　Progressive webapps　プログレッシブウェブアプリ(PWA)
5　Build tools　ビルドツール
6　Frameworks & libraries　フレームワーク & ライブラリ
7　Testing　ソフトウェアテスト
8　Architecture & paradigms　アーキテクチャ & パラダイム
9　Team collaboration　チームコラボレーション
10　Design & ux　デザイン & ユーザーエクスペリエンス(UX)
11　The modern web　モダンウェブ
12　Algorithms & data-structures　アルゴリズム & データ構造
13　Databases & servers　データベース & サーバー

気になるカテゴリを見つけたら、横にスライドして内容をチェックしてみましょう！(よいしょっ！)

それぞれのスキルの「アイコン」にマウスカーソルを持ってくると、学習に役立つ「参考サイト」を紹介してくれます！(助かる〜)

URLを開いてみると…？
めちゃくちゃ役に立ちそうなサイトばかり！

https://learngitbranching.js.org/?locale=ja

(これは良いね！！！)

https://git-hint.netlify.app/

右上のボタンを押すと、樹形図を解除することもできます！(これでも見やすい！)

GitHubでソースコードが公開されているので、興味のある方はぜひチェックしてみてください〜✨

https://github.com/andreasbm/web-skills

これで全ての操作は完了です。(やった～！)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました！

https://osakanav.com/programming-switch-soft