プログラミング

デザインデータからのコーディング教材を出しました【HTML初心者からWordPress実案件レベルまで】

コーディング教材

現在web制作フリーランスとして3年ほど活動しているしょーごです。

最近デザインからのコーディング教材の販売を開始しました。

しょーご

この記事を書いたのは
しょーご@samurabrass

このブログ「しょーごログ」の運営者。本業でエンジニアとしてサイト制作やシステム開発を数年行っており、ブログとYouTubeで情報発信を行っている。駆け出しエンジニアのコーディング課題添削も行う

XDデザインカンプからのコーディング教材です

コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
初級編イメージ
初級Exイメージ
中級イメージ
中級Exイメージ
上級イメージ
Photoshop編イメージ
previous arrow
next arrow
 

デザインカンプからのコーディング課題 模写コーディング課題
教材のカバー範囲
  1. 初級編→コーディング初級者向け、HTML.CSSのみ
  2. 初級Ex→コーディング初級者向け、HTML,CSS実践
  3. 中級→コーディング初中級、JS導入
  4. 中級Ex→コーディング中級、JSとCSSアニメーション
  5. 上級→WordPress導入、カスタム投稿、カスタムフィールドまで網羅

5つで実務レベルまでいけます。

独学ロードマップの中にも組み込んでいます。

例えば、中級Ex編デザインとしては以下の通りです。

コーディング教材

特典として、2回まで受けられる表示の無償チェックなど行なっておりますので、ぜひご利用ください(レスポンシブチェックなども)

コーディング表示確認の流れ

マガジンでの購入が一番オトクです。

弊noteのマガジン訴求バナー

マガジンとはnoteの機能で、コンテンツをまとめて購入できるものです。マガジンでは2割引ぐらいにしています。

ライブコーディング動画も配信

また、中級編のデザインを簡略化したものをyoutubeでライブコーディングしました。

こちらも参考になるかと思います。

教材に関して、詳しくはこちらの記事に全てをまとめました!

これは模写コーディング教材ではありません

よくある「模写コーディング」ではありません

「模写コーディング」と「デザインデータからのコーディング」の違いについては、以下の記事を御覧ください。

あなたに是非読んでほしい記事です!