Webデザインが学べるコミュニティを作りました!

Webデザインスクールや職業訓練校での勉強の遅れを取り戻す方法

masaca(@masaca_dApps)です。

Webデザインスクールや職業訓練校で授業に「ついていけない!」となって、あせってしまっていませんか。

数ヶ月から半年の講座では、どうしても短期間での詰め込みになってしまうので授業を真面目に聞いていても、理解するのに時間がかかり授業についていけないことはよくあります。

特にDreamweaverでコーディングに入ってから、不安や焦りを感じる人が多いです。

Webサイトのコーディングをしっかり理解するためには、授業とは別に自己学習が必須です。
今回は授業での遅れを取り戻すために必要なコーディング技術の身につける方法を紹介します。

masaca

短期間では周りと差が出やすいけど、焦らなくて大丈夫。

私がコーディングを身につけた方法

私自身もWebのスクールに通っていたのですが、授業を受けただけときは全く理解できず、ただただコードを書き写すのに精一杯でした。

このままではマズイと思い、スクールの授業とは別に初心者でもわかりやすいコーディングの解説本を数冊勉強することで遅れを取り戻すことができました。

コーディングは短期間で身につけることができる

HTML・CSSは、PHPやJavaScriptなどのプログラミング言語と比べると簡単です。
よくあるWebサイトのレイアウトなら、集中して勉強すれば2〜3ヶ月でコーディングできるようになります。

PHPやJavaScriptなどのプログラミング言語とHTML・CSSは別物なので、Webデザイナーが担当することが多いのです。

Webサイトの基本的なCSSレイアウトパターンを覚えてしまえば、応用も効くようになります。
最も簡単な方法は、一冊を通してWebサイトのコーディング完成させるタイプの本を複数こなすことです。

コーディングを身につけるには数をこなすこと

2〜3冊もコーディング初心者向けの本を、説明を見ながらコードを書けば理解するのは難しくありません。
1冊の中で理解できないポイントがあっても、一旦置いておいて次の本を進めましょう。

繰り返し勉強することで自然とコーディング力は上がっていきます。
断言しますが、コーディングを身につけるには数をこなすことです。

コーディングを理解するために重要なポイント

コーディングで自由にレイアウトするために、理解しておくものは意外と少ないです。

float,flexbox,positionを理解すればある程度のほとんどのレイアウトは再現可能です。
本の中では上記の部分を必ず理解する!というつもりで取り組んでください。

コーディングを身につけるためにオススメの本

2018年8月現在、コーディング技術を身につけるために、オススメの本を紹介します。

数冊こなせば授業の遅れは短期間で取り戻すことができ、授業の理解も深まります。

理解できているかどうか、実際のWebサイトをお手本にしてデザインの状態からコーディングまでやってみましょう。
必ずしも同じコードでないといけないわけではありません。複数のやり方が存在するのでひとまず見た目が同じになることを目標にしましょう。

Webデザインを勉強するならKindleの電子書籍がオススメ

デザイン・技術系の書籍がセールで安く買える、場所を選ばずどこでも持ち運べる、かさばらないなど多くのメリットがあるためWebデザイナーには電子書籍がオススメです。
【安く買える&持ち運びがラク】WebデザイナーはKindleの電子書籍がオススメな4つの理由 Webデザインを勉強するならKindle Unlimitedが超オススメ。読み放題のWeb系の書籍まとめ

まとめ

Webデザインスクールや職業訓練校でついていけない!と感じたら、早めに初心者用のコーディング本を一冊買って取り組みましょう。

ひとまず一冊本の通りに進めるだけで授業の遅れは取り戻せるはずです。
紹介した本をすべてこなせば、スクール卒レベルは簡単に超えられます。

▼コーディング以外の勉強については以下の記事にまとめていますので参考にしてくださいね。
デザイン未経験の私が半年でWebデザイナーになるまでにやったこと 【2018年最新版】Webデザインを学ぶなら読んでおきたい本まとめ

▼スクールに関する記事はこちらから
Webデザインスクールに通うあなたへ、スキルアップ&就職に役立つ8つのこと Webデザイナーになるには独学とスクールどっちがいい?メリットとデメリット

masaca

コーディングは比較的短期間で身につけることができるから焦らないでコツコツ続けよう!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA