Webエンジニア学習に有益な無料コンテンツ

以前に学習ロードマップとして良書の紹介をしましたが、

今回は体系的まとめられたサイトの紹介をしたいと思います。

約1年情報収集し、その中で特にすごいと思ったサイトを紹介したいと思います。

# Webデザインやプログラミングの基礎学習

HOME | CBC　| Webデザインやプログラミングの基礎学習

ここはすごいです。
初心＆初級者だけでなく、中級者でも学べる質の濃いコンテンツがおいてあります。
また、WindowsとMacの両方について書いており、所持マシンがどっちであっても対応可能となっております。

そして、理論だけではなく、その目安の学習時間まで書かれており、
ここを超えるのはほぼないのでは？と思えるほどです。

しかも、これだけのコンテンツでありながら、「無料」です。

どういうふうに学べばよいかわからないレベルの人であれば、
まずはここをオススメします。

# Web制作、Web開発の歩き方

これから始める方へ

ここは、初心＆初級者向けです。

基礎について、しっかり記載されています。
Web制作やWeb開発がどういうものか分かっていないという人は、
是非一読されることをオススメします。

# 初心者が絵で理解する Docker

概要｜初心者が絵で理解する Docker

昨今のWeb開発では、欠かさせない存在になっているDocker。

そのDockerの基礎的なことが丁寧に記載されています。
Dockerを触るようになったら、最初に読んでおきたい良記事です。

Dockerがよく分かっていないという方は、是非一読されることをオススメします。

# W3Schools.com

W3C チュートリアル

初心者向けです。

Bootstrap　や　Ajaxについて、丁寧にまとめてあり、大変重宝しています。

# ChromeのデベロッパーツールでJavaScriptをデバッグする方法

ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA

中級者向けです。

ある程度できるようになってくると、いきなりデバッグできるかが大事になってきます。

そのデバッグのやり方が丁寧に記載されています。
ここに書かれていることは、プロがやっていることなので、
非常に有益かと思います。

# Envader

エンベーダー | エンジニア予備軍のためのITインフラ学習ゲーム

インフラ系の教材です。環境構築等を学べます。

プログラム系は多いですが、こういうのは少ないので、
インフラ系に興味のある方はお勧めです。

# paiza

ログイン

プログラミングの勉強とともに、転職試験対策の両方になります。

転職を見据えている方であれば、転職試験対策にもなり、一石二鳥かもしれません。

# Next.js+TypeScriptでシンプルなニュースサイトを作ってみた。

Next.js+TypeScriptでシンプルなニュースサイトを作ってみた。 - Qiita

APIとの連携の仕方が、初心者でもわかるように丁寧に記載されています。
APIを使うと動的なサイトを作れるので、かなりおすすめです。

# 【実録】フロントエンジニアとして働くまでの学習法(2021年最新)

【実録】フロントエンジニアとして実務現場で働くまで(2021年最新版)

HTMLとCSSを使った簡単なwebサイトは作成できるレベルの人で、フロントエンジニア志望の人におすすめです。

udemyとyoutubeと本による勉強方法が記載されています。

# データベース

データベースについて詳しく書かれています。

データベーススペシャリスト試験 正規化を分かりやすく解説 第4回｜ピーコックアンダーソンデータベーススペシャリスト試験 正規化を分かりやすく解説 第4回

# 読書（専門書）

kindle unlimited
定額で様々な本が読み放題。特に技術書の入門編のものが読み放題なので、いつもお世話になっています。

amazon audible
時短で読書できるので、とても重宝しています。