知らないから挫折する、Progateの”次に繋げる”使い方。

はじめに

自己紹介

ででで⁉︎(ぎょぎょぎょ⁉︎的な)

デデデです。

ついに始まってますWeb制作チャレンジ。

Web制作を勉強するに当たって、まずは一つ、今日から一週間で、

デデデのポートフォリオ

を作ろうと思います。

ポートフォリオって?

人によって含めるものは様々ですが、デデデは、

・デデデの自己紹介
・サービス案内
・作ったサイト
・お問い合わせ

この4つを含んだページを作成して、

案件を獲得するときや、制作会社に営業するときに、パッとデデデの実力がわかるものを作れればなと思います。

超かっこいい見本も見つけたので、再現してみたい…。

https://builtbybuffalo.com

まずは見た目だけならHTMLとCSSで作れると思うので、

HTML/CSSの基礎を一週間で秒で押さえていきます。

まずは定番Progate

Progateって?

Progateはプログラミングってなに?レベルの超初心者でも挫折しないで様々な言語の基本を押さえられるオンライン学習サービスです。

スライドをみながらゲーム感覚でサクサクすすめるので、がっつり文系のデデデでも楽しくプログラミングを勉強できます。

しかしProgateには落とし穴があると言われてます。

どのコースをやればいいの?

Web制作に必要なスキルは、

の5つです。でもいきなり全てのコースをやっても頭が混乱するだけだと思うので、

まずはHTML/CSSコースの初級編・中級編・上級編まで2日で制覇し、次に道場を2日で終わらせます。

やってみた感想と注意点

1日4時間ほどがっつり集中すれば上級編まで2日で終わらせられます。

デデデを含め、文系のプログラミング初心者がやりがちなのは、一つ一つのタグを暗記しようとしてしまうこと。

英単語の様にタグを暗記しようとするのは、プログラミングの学習において、全く意味がないです。

プログラミングの学習でとにかく大事なのは、Progateに限らず、とにかく自分で書いてみること。

毎日コードをひたすら書いていると、よく使うタグはいやでも覚えます。

赤ちゃんは言葉を覚えるとき暗記しようなんて思いませんよね?

しかも僕らはスマホが使えるのでタグを覚えていなくても、「確かこんなことできた気がするな」くらいに、HTMLとCSSでどんなことができるかをざっくり覚えておけば、検索すればすぐに調べられるので、

Progateは一度使えばもう必要ないです。

道場について

Progateの正しい使い方

ProgateのHTML/CSSコースは、道場編まで終わったらもう戻らなくて大丈夫です。

道場編はわからないところがあれば一つ一つスライドに戻って調べながらでも大丈夫です。

とにかく完成させることを目指しましょう。

おわりに

Progateの道場編まで4日で終わらせられたら、次は一冊、書籍を使います。

最初から使うと理解が難しく挫折しがちな書籍も、Progateを一度挟んでおくとサクサク進められます。

今その書籍を進めているところなので、次回をお楽しみに。