初心者からちゃんとしたプロになる HTML+CSS実践講‪座‬

【1日30分からはじめる! 制作現場の実践的コーティング】



本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。



HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。



全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。



後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass(SCSS記法)、初歩的なVue.jsを取り入れました。



〈こんな方にオススメ〉

・制作現場のプロで活躍するコーディング技術を学びたい方

・HTML・CSSの基本を習得したあと、ステップアップしたい方

・フロンエンドの開発環境に関する知識を身につけたい方



〈本書の特長〉

・1冊で、理論(読むパート)と実践(作るパート)の両方を習得できる

・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい

・作りながら覚えることで、学んだことをすぐに実践できる



〈本書の内容〉

■Lesson 1 現場のコーディングとツール

■Lesson 2 フロントエンド技術の“いま”

■Lesson 3 開発環境の構築

■Lesson 4 カンプからのコーディング設計

■Lesson 5 BEMを使ったCSS設計

■Lesson 6 Sass(SCSS)を取り入れる

■Lesson 7 Vue.jsを取り入れる