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

コーディング課題

こんにちは、フリーランスのweb制作者として活動しているしょーごです。

このページでは、初級編課題について解説していきます。

初級編について

初級編はデザインカンプからのコーディングとして最初に挑むのにぴったりのレベル感のものになります。

HTML,CSSの超基本である「要素の中央揃え」「横並び」などを復習するようなコンテンツにしています。

しょーご

HTML,CSSの基礎を書籍や動画で学ばれた方が、次に行う課題としてピッタリです。

用意しているのはPCデザインのみですが、初級編のみ「模範解答」をつけています。

また、スマホ参考実装例も掲載しているので、レスポンシブ実装時に参考にしていただけます。

コーディング課題
しょーご

この課題は私が販売している「デザインカンプからのコーディング」の課題の一部なので、ここからコーディング課題について解説します。

デザインカンプからのコーディング課題とは?

デザインカンプからのコーディング練習課題は、実案件と同様のプロセスを経て、サイトを完成品として公開するところまで行っていただく、本格的なコーディング実践演習式課題です。

デザインカンプからのコーディング課題

実案件では実装後に担当者のチェックが入るのが基本です。

そこで、この課題では現役エンジニアによる「2回の表示確認特典」をつけています。

コーディング課題

また、全課題ポートフォリオとして利用OKです!!

各コーディング課題の中身

実際に制作するものは以下になります。

購入された商品により、同梱される課題が異なります。

コーディング練習 デザインカンプ
デザインカンプからのコーディング課題
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
デザインカンプからのコーディング課題
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
コーディング練習 デザインカンプ
初級編イメージ
初級編その2
初級Exイメージ
中級イメージ
中級編【蓼科ごとう農園】
中級Exイメージ
中級Ex採用サイトイメージ
【2024年改定】上級イメージ
Photoshop編イメージ
previous arrow
next arrow
 

同梱されている課題の違い

このサイトで販売している商品は大きく3つあります。

  1. 全部盛り→全ての課題を同梱
  2. 中級以上→中級以上の課題を同梱
  3. 即戦力編→中級Ex、上級、Photoshop編を同梱
デザインカンプからのコーディング課題

実はnoteの方では各課題のバラ売りもしています。しかし、こちらでまとめて購入していただくことで

  • バラ買いよりも大幅に安くなる(最大25%)
  • 限定特典がつく(リンク先で解説)

こういったメリットを提供しています。

しょーご

更に詳しい情報は以下の販売ページにまとめています!

\初心者から即戦力レベルまで一気に学べる!!/

});