【初心者向け】Webデザイン・Webプログラミングの教本5選

ロベルト
ロベルト

こんにちは。「Overcome AS」管理人のロベルトです。

(ロベルトの詳しいプロフィールはこちらをご覧ください)

今回は以下の疑問にお答えする記事を書きました。

在宅でWebデザインやWebプログラミングの勉強を始めたいんだけど、どの教本がいいのかな?

私は強直性脊椎炎を発症し、仙腸関節の痛みにより立ち上がるどころか寝返りすら打てない日々が続きました。

入院中には杖をつきながら歩けるようにはなりましたが、歩けなくなったとしても稼げる能力や専門性を身につけなければいけないと思いました。

発症から数年後、運良くWebデザインの専門校に通う機会を頂きました。期間は4ヵ月。私はほぼ未経験の状態で入校しましたが、内容は初心者から経験者まで充実して学べる内容だったと思います。デザインの実務経験者とお会いできたのも良い経験でした。フロントエンドのWebデザインについて学ぶ内容だったので、phpなどの授業は行われませんでした。(後に補講で勉強)

本記事では、学校で使用した教科書情報をシェアしたいと思います。

本記事の対象者:WebデザインとWebプログラミングを学びたい方々

Webデザインの専門校で使用した教材

Webデザインの専門校で消化したカリキュラムは以下の通りです。

  • HTMLコーディング
  • Adobe PhotoshopとIllustratorを使用したデザインの練習
  • jQueryを使ったプログラミングの練習
  • グループ制作
  • 個人製作
  • 企業実習

カリキュラムを通して使用した教材を一冊ずつ見ていきたいと思います。

HTML & CSSとWebデザインが1冊できちんと身につく本

Webから教材をダウンロードして 、HTMLとCSSの基本的なコーディングを学べる本です。

CSSを学ぶ上での注意点はfloat。Web制作会社のほとんどではfloatではなく、flexboxを使用していると聞いています。この本ではfloatによるセクションの配置が説明されているので、あわせてGoogleなどでflexboxの説明にも目を通しておいた方がいいかもしれません。

世界一分かりやすいIllustrator & Photoshop|操作とデザインの教科書

言わずと知れたAdobeデザインソフトの教科書です。こちらもWebから教材をダウンロードして学習できます。

Illustratorならペンツール、Photoshopなら画像加工ツールをそこそこ使えるようになったら、自分から積極的にデザインの練習をしていくといいのではないかと思います。その時にこの本が辞書のように役に立ちます。

jQuery 標準デザイン講座

JavascriptライブラリであるjQueryの教科書です。こちらもWebで教材をダウンロードして学習します。

一見見慣れないコードが続きますが、コピペと中身の置き換えである程度は対応できます。ゴリゴリのプログラマーを目指す方にとっては入門書レベルかもしれませんが…。トップページのスライドショーやドロップダウンメニューなどを実装できるようになります。

HTMLとCSSのコーディングと、Adobeソフトで作成したデザインにjQueryのコーディングを合体させれば、ホームページの基本的な型を作れるようになります。

ホームページ辞典 HTML・CSS・JavaScript

その名の通り、辞典として使いました。

CSSの勉強で役立ったのはPositionのrelativeとabsoluteの説明などでしょうか。

不明点をネットでググると専門用語が並ぶサイトがヒットするので、その時は辞典を片手に勉強していました。

WordPress 仕事の現場でサッと使えるデザイン教科書

WordPressの教科書です。

Webデザイン・プログラミングの基礎を理解した方向けの内容となっています。教材もWebからダウンロードできます。

wordpressに関してはこの一冊である程度対応できるようになります。

まずは教本を手に取ってみよう

上記で紹介した教本はあくまでも一例です。

独学だけで対応できないこともありますので、その際にはwordpressのサポートなどで経験者に質問するのもいいかもしれません。

コーディングやデザインはまず手を動かさなければ始まらないので、思い立ったらぜひ手をつけてみてください。

独学の勉強に限界を感じた場合は、オンラインスクールという選択肢もあります。

オンラインのスクールについて興味がある方は、以下の記事をご覧ください。

難病を発症してもプログラミングの専門性を身に付けられる!
難病を発症しても、頭と手が動けばプログラミングの専門性を身に着けることができます。それをサポートするオンラインスクールと、無料で利用できるWebサービスを紹介しています。たとえ歩けなくても、ベッドで作業しながら稼げる専門性を身に着けられるのではないかと思います。
タイトルとURLをコピーしました