「Udemy」Web制作初心者におすすめの講座7選！

信頼と実績のたにぐちまこと(@seltzer)さんの学習講座

（たにぐちまこと(@seltzer)さんはYouTubeでもプログラミングに関する分りやすい動画を配信なさっていますので気になる方は是非一度見てみることをオススメします）

• HTML・CSSを用いたコーディング
• Bootstrapを用いた素早いサイト作成
• JavaScriptの基礎とその応用＆Ajax通信
• jQery＆Vue.js

といった、とても濃い内容がまとまった講座

最終更新も2020年10月ということで、最新の情報が詰まっています！

私のロードマップに沿って学習している方はBootstrapやJavaScriptについてはそこまで深く入り込んでいないと思いますので、この講義である程度使いこなせるだけの知識をつけておくのも良いかもですね！

HTML・CSS/JavaScript＋αの基礎知識と使い方を学びたいという人にオススメの講座です！

Mito Blog

【独学で月10万円】WEB制作学習完全ロードマップ【みとロード】 | Mito Blog プログラミングを始めるために必要なものから具体的な学習方法と注意点など、知識0から案件を獲得するために必要なすべてを習得するまでを示した4万字越えの大容量ロードマ...

またしても信頼と実績のたにぐちまことさんの学習講座

• Webに関する基礎知識
• Photoshopを用いたWebデザイン
• HTML・CSSを用いた「初級編」「中級編」「上級編」の3段階のマークアップ

といった、本来であれば高いお金を払ってスクールに通って学ぶような内容がこれ一本にまとまっています！

HTML・CSSの知識に不安がある方、Photoshopを用いたデザインスキルを習得したい方におすすめの講義となっています！

ただし2点、注意点が、、

Web始めたてで、WEB制作の基本的な一連の流れやPhotoshpを用いたデザインスキルについて学びたい！という方はこの講座の受講を検討してみるのもよいかと思います。

（Photoshpに関しては後で別のおすすめ講座もご紹介します！）

ある程度HTML・CSSなどの知識がついていていてJavaScriptとかにも触れたい！という方は１つ目にご紹介した講座の受講がオススメ

またまたたにぐちまことさんの学習講座

• HTMLベースの「ブログサイト」のWordPress化
• テンプレート階層などの基本的な知識
• 各種テンプレートタグの使い方
• カスタム投稿やショートコードなどの高度な機能

といった、WEBサイトのWordPress化に関する内容がかなり詳しく説明されています。

最終更新は2020年11月。めちゃくちゃ最新ですね！

WordPress学習をしようとしている人にはぜひ見ていただきたい講座となっています。

• HTMLベースの「コーポレートサイト」のWordPress化
• テンプレート階層などの基本的な知識
• テンプレートタグのチートシート付き

こちらは私が始めてWordPressを学習した教材なのですが、難しい説明を省き、チートシートなど用いることでを、無心でWordPress化ができるようになる内容。とにかく簡単。

WordPress化するサイトが「コーポレートサイト」というのも良いところですね！

WordPress化案件はブログ構築よりもコーポレートサイトのWordPress化の方が圧倒的に多いので。

ただここで注意点が一つ、

ただそれでもWordPress化の一連の流れ、全体像をを体系的に学ぶことができるため個人的にはかなりおすすめ。

たにぐちまことさんのWordPress開発マスター講座はかなり深いところまで「マスター」できる分、（めちゃくちゃ分りやすいですが）本当に始めてWordPress化を行う、事前知識が1ミリも知識のない人の中には少し難しいと感じる人もいるかもしれません。

とりあえずたにぐちまことさんのWordPress講座を受けてみて、ついていけないなとおもったらこちらの講座を受けてみると良いと思います。

• UXの概念と基礎知識
• UIデザインの基本ルール
• リリース後のデザイン修正

といった、デザインに欠かせないユーザビリティを向上させる知識を学ぶことができる

Webデザインを行うつもりだけどUI/UXといった言葉の理解が曖昧という人はぜひ見ておきたい講座の一つ

• Adobe XDのほぼ全ての機能
• ワイヤーフレームの作成方法
• デザインカンプ(プロトタイプ)の作成方法

といった、XDを用いたWebデザインのあらゆる知識・スキルが身につく内容

XDはその独自の機能によりWebデザインの行程を効率よく行えることが可能で、プロトタイプの作成やデータの共有機能など、今後のWebデザインツールとしてかなり注目されています。

XDの使い方・デザインカンプの作成手順を体系的に学びたい方にかなりおすすめの講座

• Photoshopの基本的な使い方とその応用

現在Web制作ではPhotoshopで作られたデザインカンプからのコーディングスキルが必須ですね

逆に言えばデザインカンプ作成の現役としてPhotoshopがよく使われているということ。

Photoshopでのデザインカンプ作成のためにその機能と使い方をマスターしたいという人におすすめの講座

番外編でもやはりたにぐちまことさんの学習講座

• PHPの基礎知識とその応用
• データベースの基礎知識
• MySQL（MariaDB）の基礎知識
• これらを用いた簡易アプリの作成

といった、サーバーサイドの知識・スキルが学べる人気講座

PHPはWordPressでも使われている言語ですが、WordPressの学習に際してPHPもしっかり学習しておきたいという人や、サーバーサイドのWebサービスにも興味・関心があるという人にオススメしたい講座となっています

• Web広告市場の基本知識
• LPの運用方法の基礎知識とその応用

LPと聞くと初心者さんには「1ページもののとっつきやすいコーディング案件」のようなイメージがある人もいるかもしれませんが、実際はもっと奥の深いコンテンツです。

LPがもつ広告価値や作成後の運用といったWeb制作者ならぜひ知っておきたい知識を求めている方にオススメ