スキルアップ

【初心者向け】独学でWeb制作マスターしたい方におすすめのUdemy教材まとめ

はじめに

独学でWeb制作マスターしたいから、おすすめのUdemy教材教えてほしい
ProgateやドットインストールでHTML・CSSの基礎勉強したけど、次に何をやっていいか分からない

今回はこんな悩みに答えていきます。

本記事の内容

■ 独学でWeb制作をマスターしたい方向けおすすめUdemy教材のご紹介

Web制作をマスターするために必要なスキルは以下の通りです。

■ レスポンシブなサイトが作成できる

■ デザインデータをもとに実装できる

■ Webサイトでよく使う機能(カルーセルやプルダウンメニュー等)をjQueryで実装できる

■ WordPressでオリジナルテーマが作成できる

主にProgateやドットインストールの次の教材を探している方向けに、上記のようなスキルを身につけることができるUdemyの教材を紹介します。

おすすめ①:フロントエンドエンジニアになりたい人のWebプログラミング入門


こんな方におすすめ

■ Web制作のプログラミング基礎知識を網羅的に学びたい方

■ レスポンシブWebデザインの基本を知りたい方

■ CSSフレームワークであるBootstrapを学びたい方

■ JavaScriptの基礎知識を学びたい方

コースの内容

■ 入会フォームをHTML/CSSで作成

■ レスポンシブWebデザインでスマホ対応のWebサイトの作成

■ BootStrapで素早くWebページを作ろう

■ JavaScriptで今日の日付を表示しよう

■ ストップウォッチプログラムを作成しよう

■ Ajax通信でフォトライブラリーを作成しよう

■ JavaScriptライブラリー(jQuery/Vue)を利用しよう

フロントエンドエンジニアになりたい人のWebプログラミング入門は、Web制作のプログラミング基礎知識が網羅的に学べる内容となっております。

特にレスポンシブなWebサイトやBootStrapを使用したWebサイトの作り方が分からない方におすすめです。

実践的なハンズオン教材となっており、効率的に学ぶことができます。

>>詳細はこちら

おすすめ②:【最新2020】HTML5、CSS3をマスターして、未経験からWEBデザイン・エンジニアを目指す実践マスターコース


こんな方におすすめ

■ HTML5とCSS3の最新技術を学びたい方

■ 基礎的なHTMLとCSSの知識はあるが、実際のWebサイト制作は自信のない方

■ レスポンシブWebデザインの実践的なコーディングスキルを身につけたい方

コースの内容

■ Webサイトの仕組み

■ HTMLとCSSの基礎

■ HTMLとCSSの文法

■ CSS Grid Layoutの基本

■ iPadProサイズページの制作

■ iPhoneサイズページの制作

■ レスポンシブWEBデザインの実装方法

【最新2020】HTML5、CSS3をマスターして、未経験からWEBデザイン・エンジニアを目指す実践マスターコースでは、HTMLとCSSの基礎はもちろん、最新のCSS Gridによるレイアウト技術と、あらゆるデバイス機器に対応するレスポンシブページ制作技術が身につけられます。

また、理論や原理だけでなく、実際にいくつものページを手を動かして制作し、ひとつひとつ機能を確実に身につけられるような構成となっており、即戦的なスキルを身につけることが可能です。

>>コース詳細はこちら

おすすめ③:手を動かして6時間でjQueryをマスターしよう。知識、経験ゼロからjQueryを使いこなそう


こんな方におすすめ

■ JavaScriptの基礎を学び終えた方

■ Web制作現場で使用されている実践的なjQueryの使い方を学びたい方

■ Webサイトでよく使う機能(カルーセルやプルダウンメニュー等)の実装方法が分からない方

コースの内容

■ jQueryの概要や概念

■ jQuery文法の基礎

■ 実践的なjQueryの文法

■ アコーディオン・カルーセル・プルダウンメニュー等のよく使用する機能の実装方法

Web制作では、必ずと言っていいほど使用するjQueryですが、手を動かして6時間でjQueryをマスターしよう。知識、経験ゼロからjQueryを使いこなそうではWeb制作現場で使用されている実践的なjQueryの使い方が詳しく解説されております。

Progateやドットインストール等の基礎教材では、実践とかけ離れた例題でいまいちどのように実践で使用するのかイメージできなかったと思いますが、本コースでは Webサイトでよく使う機能(カルーセルやプルダウンメニュー等)を例に実装しながら学べるので即戦力となるスキルが身につきます。

>>コース詳細はこちら

おすすめ④:未経験からプロのWebデザイナーになる!400レッスン以上の完全マスターコース


こんな方におすすめ

■ ワイヤーフレームの作り方を学びたい方

■ フォトショップでデザインデータを作成したい方

■ デザインデータをもとにコーディングするスキルを身につけたい方

■ デザイン作成からコーディングまで一貫してWeb制作過程を学びたい方

コースの内容

■ これからはじめるPhotoshop基礎

■ Webデザイン時によく使うPhotoshop機能の使い方

■ ワイヤーフレーム制作方法

■ 初心者のためのウェブデザインテクニック

■ 【初心者向け】クリニックサイトのデザイン作成

■ 【初心者向け】クリニックサイトのコーディング

■ 【中級者向け】美容院のWEBサイトのデザイン作成

■ 【中級者向け】美容院のWEBサイトのコーディング

■ 【上級者向け】Webマガジンサイトのデザイン作成

■ 【上級者向け】Webマガジンサイトのコーディング

未経験からプロのWebデザイナーになる!400レッスン以上の完全マスターコースは、Webに関する知識、Photoshop、Webのグラフィックデザイン、ワイヤーフレームの作成方法、HTMLとCSS、実践的なコーディングなど、自分1人でサイトを作り上げるのに必要な全てが含まれています。

また、コースが初級・中級・上級に分かれており、全体を通して3つのWebサイトを作成することができます。

デザインはやらないという方も、Photoshopのデザインデータをもとにコーディングをすることは多々あるので、基本的な使い方ぐらいは知っておくとよいでしょう。

このコースをやれば、自分1人でHTML、CSSを使った簡単なWebページを作成できること間違いなしです。

>>コース詳細はこちら

おすすめ⑤:プロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座


こんな方におすすめ

■ Sassでのコーディング方法を学びたい方

■ ワイヤーフレームの作り方を学びたい方

■ フォトショップだけでなく、XDでもデザインデータを作成できるようになりたい方

■ デザインデータをもとにコーディングするスキルを身につけたい方

■ デザイン作成からコーディングまで一貫してWeb制作過程を学びたい方

コースの内容

■ サイト作成にあたって考えるべきこと

■ PhotoshopでのWebデザイン

■ HTMLとCSS(SaSS)の基礎知識

■ デザインデータからHTMLとCSS(SaSS)でコーディング

■ XDでのWebデザイン

■ 実践的なサイトのワイヤーフレーム・デザイン作成

■ 実践的なサイトのコーディング(HTMLとCSS(SaSS))

プロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座では、デザインからコーディングまで一貫してWebサイトを作成できるようになるために必要なエッセンスが学べます。

また、WebデザインツールはPhotoshopだけでなく、近年Webデザインツールで主流のXDの実践的な使い方も解説されております。

さらに、CSSをより便利に効率的にコーディングするためのSaSSでのコーディング方法が解説されており、作成するWebサイトはすべてレスポンシブ対応となっております。

ワンランク上のWeb制作エンジニアになりたい方は必須です。

>>コース詳細はこちら

おすすめ⑥:文系でも解る! WordPressの基礎の理解と、独自デザインをWordpress化にする


こんな方におすすめ

■ 本格的なコーポレートサイトを作成できるようになりたい方

■ WordPressでオリジナルテーマが作成できるようになりたい方

コースの内容

■ 開発環境の準備と構築

■ WordPressオリジナルテーマの構築

■ トップページと下層ページを構築

■ 投稿機能と投稿ページを構築

■ 投稿一覧ページを構築

■ 詳細ページを構築

文系でも解る! WordPressの基礎の理解と、独自デザインをWordpress化にするでは、静的なホームページをWordpress化にする方法について初心者向けにわかりやすく解説されており、ハンズオン形式で学習可能です。

UdemyのWordpress入門講座の中だと、本講座が一番分かりやすく、Wordpressオリジナルテーマ作成に必要な知識が網羅されております。

副業でWeb制作をやる方は、Wordpressでオリジナルテーマが作成できることは必須スキルですので、ぜひこのコースでマスターしましょう。

>>コース詳細ページはこちら

また、Udemy以外のWordpress教材につきましても、以下の記事にまとめておりますので、ぜひご覧ください。

wordpress
【2021年最新版】WordPressオリジナルテーマおすすめ入門書籍や講座まとめWordPressオリジナルテーマ作成したいけど、どうやって学べばよいかわからないという方に向け、おすすめ入門書籍や講座をまとめました。ボク自身が実際にやった書籍や講座の中で、もっとも分かりやすく、実際の案件で使える実践的な内容が盛り込まれているものを厳選して紹介しております。...

まとめ:目的別おすすめUdemy教材

さいごに、これまで紹介した教材は特にどんな方におすすめか目的別に分類しました。

本記事は以上となります!
さいごまで読んでいただきありがとうございましたー!
フリーランスエンジニア転職完全ロードマップ

知り合いから
「フリーランスエンジニアになれば、年収800万円以上の高報酬でかつ、自由な働き方をチョイスできる」
というのを聞いて、フリーランスエンジニアに興味を持ったのですが、
当時SIer企業でエンジニアをやっていたボクはなかなか一歩踏みだせませんでした。

というもの以下のような不安があったからです。

■フリーランスエンジニアってかなりの技術力がないとなれないのではないのか?

■フリーランスエンジニアって不安定なのではないのか?

■フリーランスエンジニアって人脈やコネ、営業力が必要なのではないのか?

しかし、実際にフリーランスエンジニアになってみて気づきました。

これらはすべて間違いです。

過去のボクのようにフリーランスエンジニアに興味あるけど一歩踏み出せないという方向けに
『フリーランスエンジニア転職完全ロードマップ』
という記事を書きました。

この記事読めば、どうすればフリーランスになれるのかが分かりますので、ぜひ一読ください。