未経験からエンジニアになりたい人必見!
おすすめプログラミングスクール3選!

【2022年最新版】UdemyでおすすめのHTML/CSS動画7選

本記事では、Udemyに掲載されているおすすめのHTML/CSS講座を紹介しています。

Udemyとは?

Udemyとは、IT技術・音楽・写真などの幅広いテーマの中から学びたいもの好きな時に学ぶことができるオンライン学習プラットフォームで、利用者数は2021年に4,400万人を超えています。

IT技術などの専門的な分野で初学者が参考書を買って独学で勉強すると、半分以上が挫折してしまいます。その理由の多くは、分からない箇所で躓いて周りに聞ける人が周りに居ないことです。

Udemyの場合、動画で分からないポイントがあったら講師の方に質問することができます。また過去に受講している生徒からの質問も確認することができます。

FAQ

Udemyを使ったことがない人が気になるポイントについて、FAQ形式で記載しています。

このFAQはUdemy公式ホームページに書かれている内容のみを載せているのでご安心ください。

購入したコースの返金をすることは可能ですか?
購入後30日以内であれば返金することが可能です。
Udemyでの支払い方法は何がありますか?
「クレジットカード/デビットカード」「PayPal」「App Store」「Google Play」「Udemyクレジット」があります。
購入したコースに期限はありますか?
学習期限はありません。アカウントが有効且つコースのライセンスを所有し続ける限り、コースを修了した後でも引き続き受講できます。

エンジニア志望の人におすすめ

ちゃんと学ぶ、HTML+CSS & JavaScript入門講座

作成者たにぐち まこと
学習時間9時間
レビュー (8,925件)
動画情報
コース受講で学べること
  • スマートデバイスに対応した「レスポンシブWebデザイン」の制作
  • CSSフレームワークを用いたWebサイトデザイン制作
  • JavaScriptの基本的な使い方
  • jQuery/Vue.jsなどのJavaScriptフレームワークを使った開発
  1. はじめに
  2. 入会フォームをHTML/CSSで作成しよう
  3. レスポンシブWebデザインで、スマホ対応のサイトを作ろう
  4. Bootstrapで素早くWebページを作ろう
  5. JavaScriptで今日の日付を表示しよう
  6. イベントドリブンな、ストップウォッチプログラムを作成しよう
  7. Ajax通信でフォトライブラリーを作成しよう
  8. JavaScriptライブラリーを利用しよう

動画の詳細はこちら

ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!

作成者中村 裕太
学習時間23.5時間
レビュー (5,478件)
動画情報
コース受講で学べること
  • HTML5とCSS3を使ってWebサイトのコーディング
  • Bootstrapを使ってレスポンシブ対応のWebサイトのコーディング
  • JavaScriptを使って動的なWebサイトを開発
  • MySQLを使ってデータベースの設定と操作
  • RubyとRuby on Railsを使ってWebアプリケーションの構築
  • AWS Cloud9を使ったクラウド統合開発環境を設定して利用
  • Git / GitHubを使ったソースコードのバージョン管理
  1. コース概要
  2. ウェブ開発の概要を知ろう
  3. 開発環境を準備しよう
  4. HTML入門
  5. HTMLステップアップ編
  6. CSS入門
  7. 【β版・試験的公開】ポートフォリオサイト・作品紹介サイトを制作しよう
  8. 実践:ウェブサイトのコーディング
  9. Bootstrap5の基本を習得しよう
  10. 実践:Bootstrap5でフォトギャラリーを制作しよう
  11. JavaScript 入門
  12. JavaScript DOM操作
  13. JavaScript イベントとイベントハンドラ
  14. 新・Rubyの開発環境構築をしよう
  15. Ruby入門
  16. MySQL入門
  17. Ruby on Rails 7 入門・導入編
  18. Ruby on Rails 7 入門・タスク管理アプリを作成しよう
  19. Git / GitHub入門・ソースコードバージョン管理入門
  20. 【旧版】フロントエンド開発概要
  21. 【旧版】AWS Cloud9による開発環境構築
  22. 【旧版】Ruby on Rails 5 入門
  23. ボーナスレクチャー

動画の詳細はこちら

【JavaScript&CSS】ガチで学びたい人のためのWEB開発徹底実践(フロントエンド編)

作成者CodeMafia
学習時間19.5時間
レビュー (4,811件)
動画情報
コース受講で学べること
  • 本格的なWEBサイトを作成する方法
  • CSS(Sass)・JavaScriptの基礎
  • CSS、JavaScriptの実践的な記述
  • CSS、JavaScriptアニメーションの実装
  • 最新の実践的なWEB画面の作成方法
  • CSS、JavaScriptのコードの最適化、安定化
  • 維持管理、持続可能なコードの記述方法
  1. はじめに
  2. 超初心者の方はここからスタート
  3. コード記述の効率化を学ぼう
  4. CSSの基礎から始めよう(Transition編)
  5. CSSを極めよう(Animation編)
  6. JavaScriptの基礎を固めよう!
  7. JavaScriptのより実践的な記述について学ぼう!
  8. Webサイト作成
  9. インターネットに公開してみよう
  10. さいごに

動画の詳細はこちら

HTML5+CSS3 手を動かしてマスターする WEBデザイン/プログラミング動画講座

作成者村守 康
学習時間10.5時間
レビュー (1,012件)
動画情報
コース受講で学べること
  • WEBサイトの基本的な仕組み
  • HTMLファイル、CSSファイルの役割が理解できサイトコーディングの基礎
  • html5とCSS3に準拠したWEBページ制作
  1. Webサイトの仕組み
  2. HTMLとCSSの基礎知識
  3. Test_Siteの制作
  4. トップページの制作
  5. コンテンツの制作
  6. Side_naviの制作
  7. Main_boxの制作
  8. corporate.htmlの制作
  9. modelhouse.htmlの制作
  10. お問合せformページの制作

動画の詳細はこちら

HTML、CSS をマスターして、未経験からWEBデザイナー・エンジニアを養成 最高の実践コース

作成者村守 康
学習時間17.5時間
レビュー (980件)
動画情報
コース受講で学べること
  • HTML5とCSS3の最新技術を詳細な理論解説と豊富な制作
  • 最新のCSS Grid Layoutを使ったWEBサイト開発
  • スマートフォン、タブレット、PCすべてに対応できるレスポンシブデザイン
  • Adobe XDを使った実践的なコーディング技術
  1. Webサイトの仕組み
  2. HTMLとCSSの基礎
  3. HTMLとCSSの文法
  4. CSS Grid Layoutの基本
  5. iPadProサイズページの制作
  6. iPhoneサイズページの制作
  7. レスポンシブWEBデザイン
  8. Mejiroサイトのレスポンシブ化
  9. indexページの制作
  10. contactページの制作
  11. 野鳥観察会ページの制作

動画の詳細はこちら

Webデザイナー志望の人におすすめ

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

作成者NEST online
学習時間41.5時間
レビュー (9,522件)
動画情報
コース受講で学べること
  • Webサイト制作の一連の流れを理解
  • Photoshopで、バナーやフライヤーの作成
  • 実践的なWebサイトグラフィックデザインの作成
  • 実践的なWebサイトのコーディング
  1. 【Photoshop】これからはじめるPhotoshop基礎
  2. 【Photoshop】選択範囲と画像の操作
  3. 【Photoshop】レイヤー
  4. 【Photoshop】ブラシ・シェイプ・グラデーション
  5. 【Photoshop】テキストツール
  6. 【Photoshop】マスク
  7. 【Photoshop】色調補正とレタッチ
  8. 【実践Webデザイン】ワイヤーフレーム制作
  9. 【実践Webデザイン】初心者のためのウェブデザインテクニック
  10. 【実践Webデザイン】[初級]クリニックのWebサイト〜トップページ編〜
  11. 【実践Webデザイン】[中級者向け]美容室のWebサイト制作〜トップページ編〜
  12. 【実践Webデザイン】[中級者向け]美容室のWebサイト制作〜下層ページ編〜
  13. 【実践Webデザイン】[上級者向け]Webメディア〜トップページ編〜
  14. 【実践Webデザイン】[上級者向け]Webメディア〜記事ページ編〜
  15. 【HTML】HTML入門
  16. 【HTML】フォーム
  17. 【HTML】テーブル
  18. 【HTML】テキストとリスト
  19. 【HTML】リンクと画像・動画・オーディオ
  20. 【HTML】HTMLテクニック
  21. 【HTML】要素のセクショニング
  22. 【CSS】CSS入門
  23. 【CSS】テキストのスタイル
  24. 【CSS】ボックスのスタイル
  25. 【CSS】背景・シャドウ・リスト
  26. 【CSS】レイアウト
  27. 【CSS】セレクタ
  28. 【CSS】セレクタ応用
  29. 【実践コーディング】[初心者向け]クリニックサイトのマークアップ
  30. 【実践コーディング】[中級者向け]美容院のWebサイト〜トップページ編〜
  31. 【実践コーディング】[中級者向け]美容院のWebサイト〜下層ページ編〜
  32. 【実践コーディング】[上級者向け]Webマガジンサイトのマークアップ

動画の詳細はこちら

Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座

作成者Shunsuke Sawada
学習時間19.5時間
レビュー (1,495件)
動画情報
コース受講で学べること
  • ゴール設定や見積もりの作成など、現場で必要なプロジェクトの進め方
  • デザインのルールを使って、効率的に機能的なWebデザインを考える力
  • Sketchを使ったワイヤーフレームやデザインの作成
  • HTML/CSSコーディング
  • Webサイトのモバイル最適化をレスポンシブレイアウト
  1. はじめに
  2. ウェブサイトの企画 / ヒアリング・トンマナ・モバイル対応・予算
  3. Sketchの基本〜応用
  4. ワイヤーフレームを作成する
  5. トレースからデザインを始める
  6. デザインの原則
  7. カフェのウェブサイトを企画
  8. カフェサイトのデザイン
  9. HTMLの基本
  10. CSSの基本
  11. カフェのウェブサイトをマークアップしよう
  12. レスポンシブデザインでモバイル対応
  13. 【おまけ】ウェブサイトを公開する

動画の詳細はこちら