【本日発売】コーディング学習サイトCodejumpが初の書籍『HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門』を発売！
入門編から実践編の6ステップで現場レベルのWebサイト制作スキルを身につけるための実践本
コーディング学習サイトCodejump（https://code-jump.com/）を運営する小豆沢健は、技術評論社から『HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門』を、本日発売いたしました。
Codejumpでは5年間に渡りWeb制作に必要なコーディングスキルを学ぶための学習教材を30以上提供してきましたが、その内容を1冊にまとめたのが本書『HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門』です。本書を利用することで、Web制作に必要なコーディングスキルをより効率的に学ぶことができます。
●書籍概要
HTML、CSSの基礎学習を終えた人が、入門編から実践編の6つのWebサイト制作を通して現場で通用するコーディングスキルを身につけるための実践本
●内容紹介
第1章【入門編】プロフィールサイト制作
学習テーマ：フレックスボックス ／ 1ページ
基礎学習を終えたあとのウォーミングアップ用のWebサイト。
第2章【初級編】ブランドサイト
学習テーマ：ポジション ／ 1ページ
簡単なHTML、CSSでできるシンプルなWebサイト。
第3章【中級編】サービスサイト
学習テーマ：複数ページ ／ 4ページ
簡単なHTML、CSS、JavaScript（jQuery）を使用した複数ページのWebサイト。
第4章【上級編】カフェサイト
学習テーマ：複数レイアウト ／ 4ページ
少し複雑な HTML&CSS&JavaScript （jQuery）を使用した様々なレイアウトのWebサイト。
第5章【応用編】ランディングページ
学習テーマ：動きのあるWebサイト ／ 1ページ
複雑なHTML&CSS&JavaScript（jQuery）を使用した動きのあるWebサイト。
第6章【実践編】コーポレートサイト
学習テーマ：実務を想定したWebサイト ／ 6ページ
実務を想定した本格的なWebサイト。
●書籍の特徴
①：レイアウト構成を学ぶ
全サイトでレイアウト構成図の解説を行なっています。これにより、コーディングを行う際に必要となるレイアウト構成をイメージする力を養えるようになっています。
②：ステップアップ方式で学ぶ
入門編から実践編と6段階のステップを踏みながら徐々に難易度を上げていくことで、途中で挫折することなく最後までスキルアップを実感しながら学習を続けることができるようになっています。
③：実務で使うスキルを学ぶ
HTML、CSS、JavaScript（jQuery）は、仕事で使う技術にフォーカスを当ててサンプルサイトの中に盛り込んでいます。これにより、単なる知識だけではなく実務で役に立つコーディングスキルが学べるようになっています。
●ダウンロードデータ
サンプルサイトの、画像素材、デザインデータ（Figma、Adobe XD）、ソースコードをダウンロード提供します。
●早期購入特典
早期購入特典として、「仕事が決まる！最強ポートフォリオテンプレート」を漏れなくプレゼントいたします。
●書籍情報
書名：HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門
出版社：技術評論社
定価：3,520円（本体3,200円＋税）
発売日：2025年1月14日
ページ数：576ページ
ISBN：978-4297146436
Amazonページ
Codejump特設サイト
●目次
第1章【入門編】プロフィールサイト〜フレックスボックス
第2章【初級編】ブランドサイト〜ポジション
第3章【中級編】サービスサイト〜複数ページ
第4章【上級編】カフェサイト〜複数レイアウト
第5章【応用編】ランディングページ〜動きのあるWebサイト
第6章【実践編】コーポレートサイト〜実務を想定したWebサイト制作
●著者紹介
小豆沢健（あずきざわ けん）
三重県出身。大学卒業後、IT系のソフトウェア開発会社に入社し、多数のシステム開発案件に従事。独立後は、スタートアップから大手企業まで様々な会社のWebアプリケーション開発やWebサイト制作に携わる。2020年に実践的なコーディングが学べる学習サイト「Codejump」を立ち上げ、累計10万人以上が利用。現在もCodejumpの運営を行いながら、様々な企業の開発や制作に幅広く携わっている。
●Codejumpについて
HTML、CSSの基礎学習を終えた人が、実践的なWebサイト制作のスキルを身につけるためのコーディング学習サイト。
公式サイト：https://code-jump.com
公式Xアカウント：@codejump_com（https://x.com/codejump_com）
【本件に関するお問い合わせ先】
すべての画像
