【超初心者向け】Progate(自主)卒業後にしたこと

f:id:otingin17:20191104195511p:plain

こんにちは、たなかです。

一緒に記事を上げてくれているばいすちさんがProgateでHTML＆CSSを始めたので、超初心者さん向けに記事を書きたいと思います。

Progate卒業後にしたこと
まずはテキストエディタを入れよう！
これからどうしたらいい？
まとめ

Progate卒業後にしたこと

私がProgateを始めたのは8月の終わりくらいで、夏休みだったので9月だけProgateに課金して、1日中やってました。

progate 100Lvいった！🗽🗽🗽 pic.twitter.com/wMGLAjwGF1
— ﾀﾅｶ・ｸﾘｨﾐｨ (@tanakarn98) 2019年9月10日

ちなみにProgate始める前に勉強したのがこの本です。（Progate知らなかったから本に手を出してしまった）

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

作者: 服部雄樹
出版社/メーカー: 技術評論社
発売日: 2017/07/21
メディア: 大型本
この商品を含むブログ (1件) を見る

サンプルサイトを一緒に作っていく本ですが、本当に一通り全部学ぶことができました。具体的には、

・おしゃれ

・詳しい

・レスポンシブサイト（スマホ用に編集されたサイト）の作り方まで書いてある

・問い合わせページも作れる

みたいな感じです！本当にすごい。

今は辞書みたいに使ってて、たまに見る時もあります。

そんな話は置いといて、Progateを一通り終えた後は、ブラウザにコード書いていくわけにもいかないしパソコンに書いてくにはどうしたらいいんだ・・・ってなりますよね。

まずはテキストエディタを入れよう！

この本にも書いてありますが、超初心者さんはまずパソコンに「テキストエディタ」を入れる必要があります。わたしがHTMLとCSSを編集するときに使ってるのはBracketsというテキストエディタです。（他の言語書くときはVisual Studio code(通称ぶいえすこーど）かXcodeがいいと思います。）

Bracketsの何がいいかって、リアルタイムで（更新しなくても）編集してる部分が確認できる機能がデフォルトでついてます、マジで神。

インストールした後ファイルを新しく作って、「main.html」と「style.css」をつくります。（ファイル名はなんでもいいです。拡張子（ドットの後ろ）は変えたらダメ）

中身の書き方はググったら出てくるので割愛しますが、そのうちそこの部分の記事も書こうと思います。今回はHTMLとCSSのファイルを別にしたので、お互い読み込まなければならないことに注意！