本記事では、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フレームワークを使った開発
- はじめに
- 入会フォームをHTML/CSSで作成しよう
- レスポンシブWebデザインで、スマホ対応のサイトを作ろう
- Bootstrapで素早くWebページを作ろう
- JavaScriptで今日の日付を表示しよう
- イベントドリブンな、ストップウォッチプログラムを作成しよう
- Ajax通信でフォトライブラリーを作成しよう
- 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を使ったソースコードのバージョン管理
- コース概要
- ウェブ開発の概要を知ろう
- 開発環境を準備しよう
- HTML入門
- HTMLステップアップ編
- CSS入門
- 【β版・試験的公開】ポートフォリオサイト・作品紹介サイトを制作しよう
- 実践：ウェブサイトのコーディング
- Bootstrap5の基本を習得しよう
- 実践：Bootstrap5でフォトギャラリーを制作しよう
- JavaScript 入門
- JavaScript DOM操作
- JavaScript イベントとイベントハンドラ
- 新・Rubyの開発環境構築をしよう
- Ruby入門
- MySQL入門
- Ruby on Rails 7 入門・導入編
- Ruby on Rails 7 入門・タスク管理アプリを作成しよう
- Git / GitHub入門・ソースコードバージョン管理入門
- 【旧版】フロントエンド開発概要
- 【旧版】AWS Cloud9による開発環境構築
- 【旧版】Ruby on Rails 5 入門
- ボーナスレクチャー
【JavaScript＆CSS】ガチで学びたい人のためのWEB開発徹底実践（フロントエンド編）
| 作成者 | CodeMafia |
| 学習時間 | 19.5時間 |
| レビュー | (4,811件) |
コース受講で学べること
- 本格的なWEBサイトを作成する方法
- CSS(Sass)・JavaScriptの基礎
- CSS、JavaScriptの実践的な記述
- CSS、JavaScriptアニメーションの実装
- 最新の実践的なWEB画面の作成方法
- CSS、JavaScriptのコードの最適化、安定化
- 維持管理、持続可能なコードの記述方法
- はじめに
- 超初心者の方はここからスタート
- コード記述の効率化を学ぼう
- CSSの基礎から始めよう(Transition編)
- CSSを極めよう(Animation編)
- JavaScriptの基礎を固めよう！
- JavaScriptのより実践的な記述について学ぼう！
- Webサイト作成
- インターネットに公開してみよう
- さいごに
HTML5+CSS3 手を動かしてマスターする WEBデザイン／プログラミング動画講座
| 作成者 | 村守 康 |
| 学習時間 | 10.5時間 |
| レビュー | (1,012件) |
コース受講で学べること
- WEBサイトの基本的な仕組み
- HTMLファイル、CSSファイルの役割が理解できサイトコーディングの基礎
- html5とCSS3に準拠したWEBページ制作
- Webサイトの仕組み
- HTMLとCSSの基礎知識
- Test_Siteの制作
- トップページの制作
- コンテンツの制作
- Side_naviの制作
- Main_boxの制作
- corporate.htmlの制作
- modelhouse.htmlの制作
- お問合せformページの制作
HTML、CSS をマスターして、未経験からWEBデザイナー・エンジニアを養成 最高の実践コース
| 作成者 | 村守 康 |
| 学習時間 | 17.5時間 |
| レビュー | (980件) |
コース受講で学べること
- HTML5とCSS3の最新技術を詳細な理論解説と豊富な制作
- 最新のCSS Grid Layoutを使ったWEBサイト開発
- スマートフォン、タブレット、PCすべてに対応できるレスポンシブデザイン
- Adobe XDを使った実践的なコーディング技術
- Webサイトの仕組み
- HTMLとCSSの基礎
- HTMLとCSSの文法
- CSS Grid Layoutの基本
- iPadProサイズページの制作
- iPhoneサイズページの制作
- レスポンシブWEBデザイン
- Mejiroサイトのレスポンシブ化
- indexページの制作
- contactページの制作
- 野鳥観察会ページの制作
Webデザイナー志望の人におすすめ
未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース
| 作成者 | NEST online |
| 学習時間 | 41.5時間 |
| レビュー | (9,522件) |
コース受講で学べること
- Webサイト制作の一連の流れを理解
- Photoshopで、バナーやフライヤーの作成
- 実践的なWebサイトグラフィックデザインの作成
- 実践的なWebサイトのコーディング
- 【Photoshop】これからはじめるPhotoshop基礎
- 【Photoshop】選択範囲と画像の操作
- 【Photoshop】レイヤー
- 【Photoshop】ブラシ・シェイプ・グラデーション
- 【Photoshop】テキストツール
- 【Photoshop】マスク
- 【Photoshop】色調補正とレタッチ
- 【実践Webデザイン】ワイヤーフレーム制作
- 【実践Webデザイン】初心者のためのウェブデザインテクニック
- 【実践Webデザイン】[初級]クリニックのWebサイト〜トップページ編〜
- 【実践Webデザイン】[中級者向け]美容室のWebサイト制作〜トップページ編〜
- 【実践Webデザイン】[中級者向け]美容室のWebサイト制作〜下層ページ編〜
- 【実践Webデザイン】[上級者向け]Webメディア〜トップページ編〜
- 【実践Webデザイン】[上級者向け]Webメディア〜記事ページ編〜
- 【HTML】HTML入門
- 【HTML】フォーム
- 【HTML】テーブル
- 【HTML】テキストとリスト
- 【HTML】リンクと画像・動画・オーディオ
- 【HTML】HTMLテクニック
- 【HTML】要素のセクショニング
- 【CSS】CSS入門
- 【CSS】テキストのスタイル
- 【CSS】ボックスのスタイル
- 【CSS】背景・シャドウ・リスト
- 【CSS】レイアウト
- 【CSS】セレクタ
- 【CSS】セレクタ応用
- 【実践コーディング】[初心者向け]クリニックサイトのマークアップ
- 【実践コーディング】[中級者向け]美容院のWebサイト〜トップページ編〜
- 【実践コーディング】[中級者向け]美容院のWebサイト〜下層ページ編〜
- 【実践コーディング】[上級者向け]Webマガジンサイトのマークアップ
Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座
| 作成者 | Shunsuke Sawada |
| 学習時間 | 19.5時間 |
| レビュー | (1,495件) |
コース受講で学べること
- ゴール設定や見積もりの作成など、現場で必要なプロジェクトの進め方
- デザインのルールを使って、効率的に機能的なWebデザインを考える力
- Sketchを使ったワイヤーフレームやデザインの作成
- HTML/CSSコーディング
- Webサイトのモバイル最適化をレスポンシブレイアウト
- はじめに
- ウェブサイトの企画 / ヒアリング・トンマナ・モバイル対応・予算
- Sketchの基本〜応用
- ワイヤーフレームを作成する
- トレースからデザインを始める
- デザインの原則
- カフェのウェブサイトを企画
- カフェサイトのデザイン
- HTMLの基本
- CSSの基本
- カフェのウェブサイトをマークアップしよう
- レスポンシブデザインでモバイル対応
- 【おまけ】ウェブサイトを公開する
