作って学ぶコーディング学習サイト
入門編〜実践編の6つのサイト制作を通して、現場レベルのコーディングスキルを身につけるための実践本
HTML&CSSの最初の学習を完了し、Webサイト制作を仕事にするレベルへと進みたい人
入門編〜実践編の6つのサイト制作を通して、ステップアップしながらWebサイト制作のコーディングスキルを身につけていきます。
※第1章〜第6章のデモサイトは書籍のP19をご参照ください。
学習テーマ：フレックスボックス
ページ数：1
基本的なHTMLとCSSだけで作れる簡単なプロフィールサイトの制作を通して、主にフレックスボックスの使い方について学びます。
学習テーマ：ポジション
ページ数：1
簡単なHTML&CSSを使用した1ページのブランドサイトの制作を通して、主にポジションの使い方について学びます。
学習テーマ：複数ページ
ページ数：4
簡単なHTML&CSS&JavaScript（jQuery）を使用した複数ページのサービスサイトの制作を通して、複数ページのWebサイトの作り方について学びます。
学習テーマ：複数レイアウト
ページ数：4
少し複雑なHTML&CSS&JavaScript（jQuery）を使用した複数レイアウトのカフェサイトの制作を通して、色々なレイアウトの作り方について学びます。
学習テーマ：動きのあるWebサイト
ページ数：1
複雑なHTML&CSS&JavaScript（jQuery）を使用した動きのあるランディングページの制作を通して、CSSアニメーションやJavaScript（jQuery）を使った動きのあるWebサイトの作り方について学びます。
学習テーマ：実務を想定したWebサイト
ページ数：6
実務を想定した実践的なコーポレートサイトの制作を通して、実務レベルの実践的なWebサイトの作り方について学びます。
主に以下の3つのポイントを取り入れることで、読者が途中で挫折することなく実務に沿ったより深い内容が学習できるようになっています。
全サイトでレイアウト構成図の解説を行なっています。これにより、コーディングを行う際に必要となるレイアウト構成をイメージする力を養えるようになっています。
入門編から実践編と6段階のステップを踏みながら徐々に難易度を上げていくことで、途中で挫折することなく最後までスキルアップを実感しながら学習を続けることができるようになっています。
HTML、CSS、JavaScript（jQuery）は、仕事で使う技術にフォーカスを当ててサンプルサイトの中に盛り込んでいます。これにより、単なる知識だけではなく実務で役に立つコーディングスキルが学べるようになっています。
デザインデータの提供を行うことで、実務と同じくデザインカンプからのコーディング練習が行えるようになっています。また、コーディングの参考例としてサンプルサイトのソースコードも提供しています。
小豆沢 健 ／ Ken Azukizawa
三重県出身。大学卒業後、IT系のソフトウェア開発会社に入社し、多数のシステム開発案件に従事。独立後は、スタートアップから大手企業まで様々な会社のWebアプリケーション開発やWebサイト制作に携わる。2020年に実践的なコーディングが学べる学習サイト「Codejump」を立ち上げ、累計10万人以上の人が利用。現在もCodejumpの運営を行いながら、様々な企業の開発や制作に幅広く携わっている。
