ユイ
みなさん、こんにちは。WEBデザイナーのユイ(@mndgn_y)です。
今回は、1,500円前後で購入できるコーディング学習におすすめなUdemy教材について解説します。
この記事は以下のような人におすすめ!
- プログラミング学習を始めたい
- プロゲートをクリアしたけど次は何をすればいい?
- 教材にあまりお金をかけれない
- わかりやすい動画教材を探してる
この記事では、独学でフリーランスwebデザイナーになった私が使用していたおすすめの動画教材について解説していきます♪
それではどうぞ〜♪
目次
実践Webサイトコーディング講座
実践Webサイトコーディング講座|HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう
定価 9,600円 → SALE 1,600円前後
HTMLとCSSの基礎がわかっている方が、実践的なWebサイトコーディングを身につけるコース
■こんな方におすすめ!
- 基礎的なHTMLとCSSの知識はあるが、実際のWebサイト制作は自信のない方
- より実践的なコーディングのスキルを身に着けたい方
■このコースの特徴
- 90以上、9時間以上の充実したコース
- 1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供
- 5分程度の動画が90レッスン以上 充実した内容ですが、無理せず学べる
■コース内容
- 【初心者向け】クリニックサイトのマークアップ
- 【中級者向け】美容院のWEBサイト
- 【上級者向け】Webマガジンサイト
コース内容は、初級〜上級に分かれていて、徐々にレベルアップできるようになってます。
これだけ充実した内容が詰まって1,500円は驚きですね…!
先生が優しい声の女性で、癒されながらコーディングが学べます。(笑)
おすすめの学習方法は、↓こんな感じで動画を横に置いて一緒にコーディングするやり方です。
プロゲートではやらなかったmetaタグやtitleタグの記述から始まるので、プロゲートクリア後の方にめちゃくちゃおすすめです!
先生がゆっくり解説しながら進めてくれるので、すごく理解が深まりますし、このコースをやるだけで3つのコーポレートサイトが作成できるので、かなり濃い内容になってます^^
未経験からプロのWebデザイナーになる! 完全マスターコース
未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
定価 24,000円 → SALE 1,500円前後
上記の実践Webサイトコーディング講座と同じネストオンラインさんの学習教材。
↑の教材とは違い、HTML.CSSを基礎から学べるので、プロゲートをやってない完全未経験の方にもおすすめ!
コーディングだけでなく、Photoshop、ワイヤーフレーム、デザインカンプ、バナー、コーディングと、WEB制作の一連の流れが全て詰まった学習教材。贅沢ですね…!
定価は24,000円ですが、セール時は実践Webサイトコーディング講座と変わらない1,500円前後で購入できるので、こちらが断然おすすめです!(実践Webサイトコーディング講座と内容が一部同じです)
■コースの特徴
- Webサイト制作の一連の流れを理解できるようになる
- Photoshopで、バナーやフライヤーが作れるようになる
- 実践的なWebサイトグラフィックデザインができるようになる
- HTMLとCSSができるようになる
- 実践的なWebサイトのコーディングができるようになる
■コースの内容
- Photoshop – 基本操作・バナー作成
- 実践Webデザイン – ワイヤーフレーム制作・デザインカンプ制作
- HTML – 基礎学習・テクニック
- CSS – 基礎学習・セレクタ応用
- 実践コーディング – Photoshopカンプからのコーディング
※実践コーディングは実践Webサイトコーディング講座と同じ内容です。
こちらも、自分のワークスペースと動画を並べて一緒に進める学習方法がおすすめです♪
応用教材
紹介した教材は内容が充実していて魅力的ですが、デメリットを挙げるならリリースが2015年で少し古いというところ。
今は横並びはflexboxが主流ですが、教材の中ではfloatが使われています。
ただ基本的なマークアップスキルが身につくので、足りない部分は他の教材で補うのがおすすめ!
flexboxを学ぶならヒロコードさん↓
CSS設計ならWeb制作者のためのCSS設計の教科書↓
まとめ
今回は、1,500円前後で購入できるコーディング学習におすすめなUdemy教材についてまとめました!
セール時はほとんどの教材が90%OFFになるので、是非試してみてください♪
ツイッターやインスタでもWEB制作、学習、フリーランスの働き方について発信しています♪よかったら覗いてみてくださいね!
プロフィールアイコン
@Peach_Pikarin
イラスト素材
freepik.com