プログラミング

デザインカンプからのコーディング練習課題!【HTML初心者からWordPress実案件レベルまで】

【駆け出しコーダーに捧ぐ】2022年以降のポートフォリオ戦略&レビュー付きデザインカンプからのコーディング課題について解説

こんにちは、フリーランスのエンジニアとして5年ほど活動しているしょーごと申します。

突然ですが、「プロのレビューが受けられる実戦形式のコーディング課題」があったら、やってみたいですか?

ありさちゃん
ありさちゃん
実案件が怖いので、腕試しをしたいです、欲を言えばプロに添削してほしいです…
まさひろくん
まさひろくん
ただ練習するだけじゃなく、ポートフォリオを準備したいです

しょーご

自分も駆け出し期に感じてたのでその気持ち、分かります…!

しょーご

この記事ではそんな問題を解決するコーディング課題について解説していきます!

¥3,000以上安くなる最もお得な「全部盛りセット」はこちら

\圧倒的にお得な全部盛りセットはこちら!/

しょーご

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

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

課題の名称学習内容目安期間価格対象レベル更に詳しく
【入門】XDデザインカンプからのコーディング練習超基礎的なHTML.CSS3~5日程度無料デザインカンプからのコーディングが初めての方入門編の詳細はこちらから
【初級】XDデザインからのコーディング練習基礎的なHTML,CSS3~5日程度¥500デザインカンプからのコーディングが初めての方初級編の詳細はこちらから
【初級Ex】 XDデザインからのコーディング実践演習HTML.CSSの基礎総復習7日程度¥1,480いくつか簡易なデザインカンプからのコーディングをこなされた方初級Ex編の詳細はこちらから
【JavaScript,jQuery特訓編】web制作でよくあるパーツを実装しようjQuery,JSでよくある実装を学習3日程度¥800jQuery,JSの基礎を本などで学ばれた方JavaScript,jQuery特訓編の詳細はこちらから
【中級】XDデザインからのコーディング実践演習jQueryやJSの導入5日¥1,680jQueryやJSの基礎を学ばれて初実践な方中級編の詳細はこちらから
【中級Ex】 XDデザインからのコーディング実践演習高度なCSSとJavaScriptライブラリの使用7~10日¥2,480高度なCSSアニメーションやJSのコーディング経験を積みたい方中級Ex編の詳細はこちらから
【上級】XDデザインからのコーディング実践演習WordPressを活用したメディア型企業サイト10~14日¥3,480WordPressの基礎学習を終えた方上級編の詳細はこちらから
【即戦力編】Photoshopデザインカンプからのコーディング練習土木・製造業の静的トップページ5日¥2,480Photoshop未経験&難易度の高いコーディング案件を試したい方Photoshop編の詳細はこちらから
Web制作会社に特化した最強の営業法制作会社への営業マニュアル1日¥4,980上記課題を終えて営業する段階の方詳細はこちらから

目次
  1. 動画でも解説しています!
  2. 前提:実務コーディングは99%がデザインカンプから行う
  3. デザインカンプからのコーディング手順
  4. デザインからのコーディング課題紹介
  5. 各コーディング課題の紹介
  6. マガジン紹介
  7. 実務レベルを体感してほしい
  8. 過去の完走者の感想・コメント
  9. 一通り課題が終わったら
  10. よくある質問FAQ
  11. あなたを一歩前に進ませる課題

動画でも解説しています!

前提:実務コーディングは99%がデザインカンプから行う

コーディング練習と行っても、世の中には二種類あります。

  1. サイトを検証ツールで見ながら再現していく(これがよく言われる模写というもの)
  2. デザインカンプからコーディングを行う(実務と同じ方法で模写ではない)

この内、「①サイトを検証ツールで見ながら再現していく」は私が独立した当初に流行していた方法でした。

私もこの方法、所謂「模写」で当初学習していましたが、しかしこれは実務とはかけ離れた学習方法でした。

デザインデータからのコーディングができないと仕事にならない

模写コーディング教材

実際にコーディング案件を見てみるとわかりますが、

クラウドソーシング「ランサーズ」

ランサーズ 案件
ランサーズ 案件

大半がデザインデータからのコーディングです。

制作会社も開発会社もどこも全部そうです。

Q:デザインデータ、デザインカンプとは?
A:PhotoshopやIllustrator、XDなどのデザインツールで作られたもの

私も周りも当時誰も、それがスタンダードだと知らなかったので、阿鼻叫喚だったのを覚えています笑

だから、将来は限りなく実務に近い形で学習できる教材を作ってあげたいと、当時から思っていたのでした。

デザインカンプからのコーディング手順

  1. まずは仕様書やデザインを見る
  2. デザインデータから画像や素材を書き出す
  3. デザインを確認しつつコーディングを行う
  4. Basic認証などをかけたテストサーバーにアップロードする
  5. セルフチェックを行う
  6. 初稿提出し、確認してもらう→大抵は再修正が起こる
  7. 再提出→納品

こんな感じだと思います。これをいきなり実務でやるのは怖いですよね^^;

なので、この一連の演習課題でたくさんトライアンドエラーをしてもらえたらと思います。

XDの操作方法は記事内で案内しています。

しょーご
しょーご
今の自分が駆け出し期の自分に与えたい理想の課題を目指しました

デザインからのコーディング課題紹介

課題は「初級からPhotoshop編」まで複数リリースしております。

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

初級初級Ex中級中級Ex上級Photoshop
(スマホカンプ付き)
HTML.CSS難易度★☆☆☆☆★★☆☆☆★★★☆☆★★★★☆★★★☆☆★★★★★
JS.jQuery難易度なしなし★☆☆★★☆★★☆★★☆
WordPress対応なしなしなしなしありなし
ページ数111471
料金¥500¥1,480¥1,680¥2,480¥3,480¥2,480
表示確認特典なしありありありありあり
デザインカンプからのコーディング課題 模写コーディング課題
デザインからのコーディング課題

「中級Ex、上級、Photoshop編」は三種の神器

Web制作を始める人が多い中でも、「中級Ex」「上級」「Photoshop編」のいわゆる「3種の神器」を終わらせた人は、2022年以後も調子よく案件を獲得していっています。

3種の神器」は実際、制作会社からもかなり評価が高いです。

営業と就活を初めて15日目  0→1 達成しました!  クラウドソーシングにて受注し納品、評価完了です😆 しょーごさん( @samuraibrass  )の三種の神器のおかげです。  自身契約のサーバーにテスト公開し、デイリー進捗報告。この流れも経験済みで助かりました! 感謝です😊

なので、ぜひここまで終えてほしいです!

早い人だと2ヶ月で最後のPhotoshop編まで終えられる方もいます。

しょーごログ

マガジンがお得!

基本的にマガジンとしてまとめ買いしてもらったほうがお得になるようにしております。

マガジンというのは『まとめて購入する』ということになります。バラで買うよりも価格的に最も優位になるようにしております。

マガジン購入お得
全部盛りセット」と「中級以上セット」には今後リリースされる(かも)コーディング教材も無料追加されます(買い切りなので追加課金なしの無料)
全部盛りの例(https://note.com/samuraibrass/m/mad296098d928)

ロードマップ(無料)とセットで活用

各教材がどれぐらいのレベル感のときに取り組めばいいのかは、以下の独学ロードマップの記事を参照いただければわかりやすいかと思います

以下のロードマップに本教材は全部組み込まれております。

ちなみに、ロードマップを完走していただければ、フルリモートでの就職転職も十分可能です。

しょーごさん @samuraibrass のロードマップを見てweb制作を始めて1年。1ヶ月サボったりしたけど、新卒で入った銀行を辞めてフルリモートのコーダーとして転職できました。フリーランスの道は一回閉ざしたけど、フリーランスを目指してやってなかったらこの結果すら出てなかった。 #web制作

しょーご
しょーご
このあと解説しますが、おすすめはダントツ「全部盛りセット」になります

Web制作を独学している方に届けたい…

まさひろくん

スクールは高くて通えません…

こんな方でもできるだけ最前線で戦えるように道のりを整備したのが「ロードマップ&コーディング課題」です。

しょーご

完走できれば、スクールに数十万払わなくても、十分即戦力レベルまで持っていくことができます!

しょーご

「全部盛り」はたっぷり量がありますが、それでも一ヶ月で上級まで行く人もいて、驚きです。

\圧倒的にお得な全部盛りセットはこちら!/

このコーディング演習課題作成の思い

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

この教材は「教科書」というより、「問題集」になります。自分のコーディング力を高めるための演習教材としてご活用ください。

高品質なポートフォリオを準備できる

課題をこなしていく中で、高品質なポートフォリオを複数準備することができます。

Web制作 ポートフォリオ
しょーご

制作会社のコーダーさんにもご活用いただいております!

コーディング練習教材

表示確認特典の価値

大事なことなので、教材説明の前に述べさせてください。

私の教材では初級編など一部を覗き、基本的にすべて「表示確認特典」をつけています。

これには明確な理由があります。

ポートフォリオ表示崩れ多すぎ問題

私と同時期にフリーランスになった方々の多くはディレクターになったか、デザイン・コーディングチームを率いているか、マーケターになるか、

はたまた起業するなどして、各々コーダーへの「発注者」に回ることも多いわけですが、

最近駆け出しの方から営業メールが来る機会が増えているようです。

その中で多く聞くのが「ポートフォリオがひと目見てずれてるのが大半」という言葉です。

確かにその傾向はある気がする一方、勉強を始められたばかりの方々には自分では気づきにくいのも事実。

そこでこの教材に「表示確認特典もつけちゃおう!」ということで、お値段そのままに「2回の表示確認特典」をつけているのです。

コーディングの流れ
しょーご

ちなみにレビュー期限はないので、1年後とかでも全然レビューします

サイト模写はほどほどにして、デザインからのカンプを!教材として、しょうごさん( @samuraibrass )の問題集はめちゃくちゃ自信と力になりました。レベル分けされてるし表示確認特典もあるので、その後の改善にもつながります😊 #webデザイン勉強中 #Web制作 #WebeduGate #note

セルフチェックシート無料配布!!

コーディングチェックリスト

実案件では提出前に『セルフチェック』を行うのが常識です。

この教材では

  • 実案件でも使えるセルフチェックシーを配布し確認
  • 各課題毎によくある指摘ポイントを掲載

しているので、セルフチェックの練習をすることができます。

実案件前に習慣づけておきましょう。

PDFで実案件でも使えるチェックシートをプレゼントしています。

このコーディング課題の強みをまとめると

デザインカンプからのコーディングである模写ではなく、実務と同様の「デザインカンプからのコーディング」を練習することができます。
デザインがリアルよくある「練習感のあるサイト」ではなく、実在していてもおかしくないデザインを心がけました。
ポートフォリオとして使えるポートフォリオとして使えない課題が多い中、この課題では「コーディングのポートフォリオ利用」をOKとしています。
現役プロのレビューが受けられる他のコーディング課題では行っていない、高品質なレビューが各課題最大2回受けられます。
セルフチェックシートを配布実務でそのまま利用できるセルフチェックシートを配布しており、提出前に徹底して行うことにより、限りなく実案件に近い環境を実現しています。

各コーディング課題の紹介

【入門】XDデザインからのコーディング練習【無料です】

Adobe XDデザインからコーディングする方法 【XDデータとURLカンプ2種類】
初学者さん

初級編でもちょっとむずかしいかも…

といったお声を拝見しましたので、無料にて「入門編」をリリースしました。
初級編より少し優しくしています。

無料ですが、XDデザインからのコーディングなので、実務と工程はほとんど同じです。

こんな人におすすめ
  • デザインからのコーディング経験がない
  • まずは簡単なもので自信をつけたい
  • 挫折経験がある

こんな人に入門編は推したいです。

デザインカンプからのコーディング おすすめ
デザインカンプからのコーディング おすすめ

\入門編は無料で見れます/

【初級】XDデザインからのコーディング練習【HTML/CSS】(模範解答付き)

コーディング教材

初級」はコーディングを始めたばかりの方にむけて出しているnoteになります。

こだわりと特徴

初学者の頃はわからないことだらけで、挫折する確率が最も高い場所になります。
この教材ではとにかく
「私にもできそう!」を経験してもらうために優しく作っており、模範解答もつけております。

こんな人におすすめ

入門はできそうな気がする、または行った

デザインカンプからのコーディング おすすめ

入門から進んだ人なら割とすんなりいきつつも、入門にはない要素があるので、良い経験を積めると思います。

初級はこちらから/

【初級Ex】 XDデザインからのコーディング練習【複雑なレイアウト】

初級Ex」は少し難しいデザインで、HTML.CSSの基礎を総復習できるような課題になっております。

こだわりポイント

初級編より難しく、HTML,CSSだけでも「ポートフォリオ」として使っていただけるようなレベル感のものを作成しました。結構難しいですが、その分鍛えられます。

コーディング教材
こんな人におすすめ
  • 少し難しいHTML,CSSのレイアウトに挑戦したい
  • JSに取り掛かる前に、HTML.CSSを総復習したい
しょーごさん( @samuraibrass )の初級Ex課題、一発OKもらいました❗️ 悩むところも多かったですが、学びの多い課題でした。 「綺麗にできていると思います」とコメントいただき、自信になりました。  Javascriptの復習をしたら中級に取り組んでいきます 楽しみ〜😊
デザインカンプからのコーディング おすすめ

縦書きという、おそらくこの段階では「未知の要素」も出てきますので、かなりググり力が鍛えられ、やりごたえがあると思います。

初級Exはこちらから/

【中級】XDデザインからのコーディング練習【JavaScript導入】

中級」はある程度HTML.CSSに習熟した方が、次のステップとしてJavaScriptのライブラリや、jQueryを練習できるように作成した教材になります。

こだわりと特徴

ポートフォリオとしても活用いただけるレベル感を目指したため、初級編と比べても難しめにしております。
その分「完走後に表示確認特典」をつけており、実案件レベルで細かくチェックしますので、ここで鍛えられます。

模写コーディング教材
こんな人におすすめ
  • jQueryやJSを使用してサイトに動きをつけてみたい
  • 実務でもよくあるフォームの実装を練習したい
デザインカンプからのコーディング おすすめ

中級編の教材は無料でライブコーディング動画も出しておりますので、そちらもぜひ見てみてください。

中級でサイトに動きをつける!/

しょーご
しょーご
ちなみに中級編は「めちゃ鍛えられました!」とよく言われます笑

【中級Ex】 XDデザインからのコーディング練習【HTML,CSS,JS実案件レベル】

中級Ex」ではHTML,CSS,JSを駆使し、和風な温泉旅館サイトを構築していきます。

中級Exからは「複数ページのサイト」になります。

こだわりと特徴

とにかく「HTML,CSS,JSの実案件ってこんな感じだよな」となるものを作ったので、こちらを完走された方は、即HTML,CSS,JSの実案件に挑戦することができます。
それぐらいの難易度感ですが、やりきった自分への大きな自信もつけることができます。

こんな人におすすめ
  • 縦書きが多い和風サイトに挑戦してみたい
  • CSSアニメーションを学びたい
  • 複数ページの構築法を身につけたい
中級Ex完走しました!!! この教材セットを購入する前から作ってみたい!と思っていたサイトが自力で作ることができてとても嬉しいです✨ HTMLやCSS の応用はもちろん、jQueryを実践的に使うため改めて勉強になりました! ありがとうございました!    @samuraibrass  #note
デザインカンプからのコーディング おすすめ

HTML,CSS.JSのみの静的サイト実案件レベルになります。

中級ExでHTMLサイトはバッチリ/

【上級】XDデザインからのコーディング演習【WordPress実案件レベル】

上級」は私がおすすめしている完全独学ロードマップに含めている「WordPressレッスンブック」を完走したぐらいから取り組めるもので、実案件レベルの難易度になります。

こだわりと特徴

とにかく発注者視点から評価されるポートフォリオを目指して全力で作成しました。
題材と構成は、評価されやすいコーポレート型にし、実装仕様書もつけて、10~20万のWordPress実案件レベルのものを作成しました。
これで実際の案件のレベル感を体感して頂けたらと思います。
また、営業する際の機能アピールポイントもつけてますので、自信満々にポートフォリオとして活用いただけたらと思います。

模写コーディングWordPress
コーディング教材
こんな人におすすめ

実案件レベルのWordPress力を身に着けたい

強いポートフォリオを準備したい

WordPressのACFは実務でもなにかと便利でよく使います🤔 しょーごさん( @samuraibrass )のコーディング課題で練習できてよかった!  やりたい事があったときに「あれ使えるかも!」っていう引き出しをたくさん持っておきたいですね😇 #駆け出しエンジニアと繋がりたい #Web制作 #プログラミング初学者
デザインカンプからのコーディング おすすめ
 デザインカンプからのコーディング練習

しょーご
しょーご
ダミーデータ入れさせたりプラグイン複数使用したり、自分の実務経験から来ています。

上級でWordPress力を底上げ/

【JavaScript,jQuery特訓編】web制作でよくあるパーツを実装しよう【解答付き】

JavaScript,jQuery特訓編」はweb制作に特化した「JavaScript,jQuery教材」になります。

こだわりと特徴

とにかく「Web制作ですぐ役立つJS力をつける」ことを目標にしています。JSって何をどう勉強して使えばいいのか分かりづらいと思いますが、本教材では「web制作実案件でよくある実装」を体験することができます。
また、解答コードを準備しているため、そのまま実案件でもコードをお使いいただくことができます。
web制作でのJSに慣れていただけたらと思います。

実際に作るもの一覧
  1. ハンバーガーメニュー
  2. ドロワーメニュー
  3. ローディング
  4. スムーススクロールでページトップに戻るのボタン
  5. アコーディオン
  6. モーダル
  7. タブ
デザインカンプからのコーディング おすすめ
しょーご

JavaScript.jQuery両方を練習できるし、書き方の差異を見るだけでも参考になると思います!

jQuery,JSを克服する問題集/

【即戦力編】Photoshopデザインからのコーディング演習

Photoshop編」はPhotoshopデザインカンプからのコーディング課題になります。

上級までの課題で実案件レベルのコーディング力は身につきますが、実案件では多くのデザインデータがPhotoshopで来ることになります。

なので、

ありさちゃん
ありさちゃん
事前に練習しておきたい!

という方にご要望にお答えして、最高クオリティの課題をご用意しました。

Photoshopに成熟したデザイナーさんにお願いしました。

デザインカンプ コーディング課題
実装する機能
  • ファーストビューCSSアニメーション
  • スクロールでヘッダー変更
  • ローディングアニメーション
  • スクロールアニメーション
デザインカンプからのコーディング おすすめ
しょーご

PhotoshopからのコーディングはXDと比べると間違いなく難しいです。でも実案件では大半がPhotoshopで来ますから、練習しておくとパニクらなくなります。

\Photoshopをこなし即戦力レベルを目指す/

マガジン紹介

マガジン購入お得

デザインカンプからのコーディング教材全部盛り!

模写コーディング教材XDデザインカンプ

コーディング教材全部盛り!はマガジンで、これまで紹介した教材がすべてまとまったセットになっております。

マガジンとはnoteの機能で、『記事をまとめて購入する機能』です。

まとめて買ったほうが、価格的にかなりお得になるようにしています。また、これから新たな教材が出ても自動的にこのマガジンに追加されます。

デザインカンプからのコーディング おすすめ
デザインカンプからのコーディング おすすめ
しょーご

新規教材も追加予定なので、全部盛りがダントツでおすすめです!この課題群をクリアできれば全然案件は獲得できますし、転職の協力な武器にもなります(新規教材が出た際は値上げします

歴3年のマークアップエンジニアは「時給¥3.500〜」程度得ているのを考えると、

計10回(初級Ex以降)ものレビューを受けられる「全部盛りセット」は、レビューだけで1万円以上の価値があります。

フル活用しちゃってください(;_;)

\コーディングを本気で仕事にするならこれ!/

デザインカンプからのコーディング教材中級上級JSセット

模写コーディング教材

コーディング教材中級上級JSセット中級以上全てをまとめたマガジンになります。すでに初級、初級Exを持っているかたは、こちらで揃えたほうがお得になります。

デザインカンプからのコーディング おすすめ

\デザインからのコーディング経験者向け/

しょーご
しょーご
マガジン内の教材数が多いほど割引率も高めてるので、今から学習を初められるならマガジン購入がお得です。

実務レベルを体感してほしい

これをご覧の方には、ぜひ上級編まで完走して実務レベルを経験してから、仕事をとっていってもらいたいなと思います。

特に上級編は就職転職でも役立つはずです。

みなさまの学習を応援しております👍

過去の完走者の感想・コメント

このコーディング課題を購入した人の感想やその後をお聞きしました。

中には転職成功した人などもいるので、ぜひ購入前に参考にしてみてください。

課題につまづいた際に勇気をもらえるようなコメントも多数いただいています↓

以下に一部抜粋します。

しょーご
しょーご
「過去の自分を救う」を発信の信条としていますが、教材も同様です。有効活用していただければと思います!

一通り課題が終わったら

制作会社への「正しい」営業法を学ぼう

web制作会社営業方法・文

ポートフォリオを完成させても、正しい営業を行わないと制作会社からは返信すら返ってこない可能性があります。

そこでこの「Web制作会社に特化した最強の営業法」をリリースしました。

このコンテンツでは、

営業概論
まずは営業全般についてお話し、制作会社への営業が全体の営業でどんな立ち位置にあるのかを解説します。

❷営業前準備
その後、営業ではめちゃくちゃ重要なポートフォリオについてお話します。
また制作会社の営業先の「効率のよいリストアップ方法」についてお伝えします。

❸営業
そしてメインの
・営業手法
・営業文作成(具体例付き)
・営業管理
・制作会社へのインタビュー/これから営業をかける人へのアドバイス

以上を掲載しています。

✅営業活動報告 今日で営業開始して1ヶ月経ちます。 現状、制作会社250社に営業して、うち8社とパートナー登録できました。  ポイントは追い電話と下記の記事です。しょーごさん信者は即買いです☺️  まだ追い電話できてないところもあるので、さらに突き詰めていきます。

しょーご
しょーご
どんどん値上げしていくのと、突然販売終了する可能性があるので(参考にする人が増えすぎるとライバルが増えるため)チェックはお早めに!

\総販売部数に制限あり!お早めに/

よくある質問FAQ

よくある質問

全部盛りマガジンや中級以上セットの「新規教材は自動追加」というのは、一度購入すれば無料で新規追加分も見れるという認識で問題ないですか?

はい、問題ございません。マガジンについては、個別購入より価格的に有利になるように設計しており、それが最大化されているのが「全部盛りマガジン」ということになります。

マガジン購入したのですが、見方がわかりません。

こちらの記事でマガジン内の記事の閲覧方法がわかります
https://shogo-log.com/note-magazine-way/

わからない部分を質問はできるでしょうか?

質問は対応しておりません。ヒントとして、過去完走者のサイトを初級Ex以降は掲載しており、初級は解答があります。中級はライブコーディングをYouTubeで出しています。入門に関してもライブコーディングを出す予定です。

XDデザインからのコーディングをしたことがないのですが、初心者でも大丈夫でしょうか?

わかりやすく解説した記事リンクを教材内で紹介しており、そちらを見ていただければまず問題ないです。XD自体はかなり直感的なので。入門編は無料なので、そちらで試してみるのもありです。

この課題を終わらせられれば、案件獲得できますか?

十分に可能です。個人的にはPhotoshop編まで終わらせていただくと、かなり良いかなと思います。課題の提出数もPhotoshop編まで来るとかなり少なくなるので、そこまでいかれる方は少ないですが、かなり結果を出している印象です。

あなたを一歩前に進ませる課題

私はどちらかというと「ずっと勉強ばかりして、実践になかなかいけないタイプ」です。そんな人の気持がわかるからこそ、背中を押すような課題を作りたいと思い、企画・制作しました。

この課題があなたの人生を変えるものになる自信があります。

ここまでご覧いただき、ありがとうございました。応援しております\(^o^)/

動画でも説明を見てみる↓

課題の名称学習内容目安期間価格対象レベル更に詳しく
【入門】XDデザインカンプからのコーディング練習超基礎的なHTML.CSS3~5日程度無料デザインカンプからのコーディングが初めての方入門編の詳細はこちらから
【初級】XDデザインからのコーディング練習基礎的なHTML,CSS3~5日程度¥500デザインカンプからのコーディングが初めての方初級編の詳細はこちらから
【初級Ex】 XDデザインからのコーディング実践演習HTML.CSSの基礎総復習7日程度¥1,480いくつか簡易なデザインカンプからのコーディングをこなされた方初級Ex編の詳細はこちらから
【JavaScript,jQuery特訓編】web制作でよくあるパーツを実装しようjQuery,JSでよくある実装を学習3日程度¥800jQuery,JSの基礎を本などで学ばれた方JavaScript,jQuery特訓編の詳細はこちらから
【中級】XDデザインからのコーディング実践演習jQueryやJSの導入5日¥1,680jQueryやJSの基礎を学ばれて初実践な方中級編の詳細はこちらから
【中級Ex】 XDデザインからのコーディング実践演習高度なCSSとJavaScriptライブラリの使用7~10日¥2,480高度なCSSアニメーションやJSのコーディング経験を積みたい方中級Ex編の詳細はこちらから
【上級】XDデザインからのコーディング実践演習WordPressを活用したメディア型企業サイト10~14日¥3,480WordPressの基礎学習を終えた方上級編の詳細はこちらから
【即戦力編】Photoshopデザインカンプからのコーディング練習土木・製造業の静的トップページ5日¥2,480Photoshop未経験&難易度の高いコーディング案件を試したい方Photoshop編の詳細はこちらから
Web制作会社に特化した最強の営業法制作会社への営業マニュアル1日¥4,980上記課題を終えて営業する段階の方詳細はこちらから
あなたに是非読んでほしい記事です!