プログラミング

Web制作の勉強に使っているコンテンツを教えます!

こんにちはの方もこんばんはの方もようこそ、イカスミです。

Web制作の勉強を始めようと考えている方にお聞きします、何で勉強すればいいか、迷うことはありませんか?

そこで、この記事では、Web制作の勉強で、僕が実際に使ったコンテンツを紹介します!

僕もまだまだ勉強中の身ですが、参考になれば幸いです!

この記事でわかること

  • Web制作の勉強で実際に使用したコンテンツ
  • オススメの勉強法

実際に勉強したコンテンツ

僕が実際に使ったコンテンツは、こちらです。

Web制作勉強コンテンツ

  • テックアカデミー 「はじめての副業コース」
  • isara
  • Codestep
  • Udemy

テックアカデミー 「はじめての副業コース」

テックアカデミーは、完全オンライン型のプログラミングスクールです。

その中の「はじめての副業コース」では、HTML・CSS・jQueryといったWeb制作の基礎を学ぶことができる上、実力判定テストに合格すれば、すぐに副業を始めることができます。

こちらの記事で詳しく解説しているので、参考にどうぞ。

isara

画像出典:https://isara.life/

isaraとは、フリーランスエンジニア育成のためのオフラインスクールです。

といっても、ここで紹介する目的はスクール自体ではなく、isaraのホームページにあります。

isaraのホームページは、模写コーディングの教材として最適な内容になっています。

要求される技術

  • flexボックス
  • レスポンシブデザイン
  • hoverアクション

といった基本的な要素を、洗いざらい試すことができます。

また、作った模写コーディングは、なんと自分の実績としてポートフォリオに公開可能です!

公開についてはルールがあるので、このツイートを参考にしてください。

https://twitter.com/Keisukexlife/status/1068728920931856385?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1068728920931856385%7Ctwgr%5Ee6a341f545338990e145336eec89ae35f0c19f34%7Ctwcon%5Es1_&ref_url=https%3A%2F%2Fkyoto-itsuki.com%2Fdesign%2Fisara_trace_programing_day1%2F

 

Codestep

画像出典:https://code-step.com/

Codestepは、模写コーディング教材を中心に提供しているサイトです。

初級~上級まで、様々な難易度のLP・Wordpress模写コーディングができます。

また、模写コーディングだけではなく、XDデザインカンプからのコーディングも可能です。

こちらのサイトもポートフォリオに掲載可能となっています。

みっちり練習して実績を積み上げたい方にオススメです。

Udemy

画像出典:https://www.udemy.com/

Udemyは、買い切り型のオンライン学習サービスです。

学習したいコースを購入することで、学習を開始できます。

動画形式の授業なので、学習しやすいのも特徴です。

僕がWeb制作の勉強に使っているのは、たにぐちまこと( ともすた )さんの「ちゃんと学ぶ、WordPress テーマ開発講座」です。

画像出典:https://www.udemy.com/course/wordpress_master/

このコースでは、Wordpressのテーマ制作について、既存のテーマをカスタマイズしながら勉強できます。

テンプレート階層やテンプレートタグといった基本から、カスタム3兄弟などの応用までカバーしています。

解説記事を出す予定なので、そちらも参考にお願いします。

WordPress 仕事の現場でサッと使える! デザイン教科書

最近は、この本を使ってWeb制作、特にWordpressを勉強しています。

このデザイン教科書では、既存のHTMLファイルをWordpress化していく流れがわかりやすく解説されています。

プラグイン作成やカスタム3兄弟についても解説しています。

 

まとめ

Web制作の勉強に使っているコンテンツ

  • テックアカデミー 「はじめての副業コース」
  • isara
  • Codestep
  • Udemy
  • WordPress 仕事の現場でサッと使える! デザイン教科書

これらのコンテンツ使って、僕は勉強しています。

どれも良質な内容なので、ぜひ活用してみてください。

-プログラミング
-,