「progate」での学習を進め、一旦、上級編までを一通り終わらせました。
もう少し復習もやっていかないと…とは思っていますが、今日から「模写コーディング」の取り組みを始めました！
どういう風に学習をすすめるのがいいのか、いろいろと参考にしてみると、とにかく習得するためには、実際にあるサイトを「まるっとコピー」が一番効果的とのことでした。
実際に実施するには、いくつかのツールを準備したほうが効率的に進めれそうです。Google chromeの拡張機能をインストールしました。
今回インストールしたのは
- Image Downloader（サイトの画像をダウンロードする）
- Page Ruler Redux（ものさし、要素間の距離やサイズをはかる）
- ColorPick Eyedropper（カラーコードを調べる）
- WhatFont（フォントの種類を調べる）
- Full Page Screen Capture（ページ全体をキャプチャーする）
あとはエディタも必要ですね。
「progate」では学習の環境が準備されていたので、必要なファイルやフォルダの構成、HTMLファイルの最初に書かないといけな決まり事など、学習できていないことがあるので注意が必要です。
（私は最初に参考書で学習を始めたので、そのあたりは学習済でした）
最初は初心者向けということで、簡単なLP（ランディングページ）から始めました。
今日一日で1/3程度…といったとこです。なかなか難しいです。
ただ、今日やっただけですが、実践的な部分でかなり有効だと感じました。
これからたくさんのこなしてレベルアップしたいと思います。
初心者ならではの気付きについては、次回にまとめていきたいと思います。
コメント