模写のやり方を教えてください

2021年8月17日
ユーザー

HTML/CSSを一通りやって、現在JavaScriptに挑戦中です。

HTML/CSSはイメージを表現できる楽しさを感じる一方で、JavaScriptは馴染みのない数学の要素があり苦手だと感じています。
上達するには既存のページを模写すると良いとアドバイスが書いてあるのを何度か拝見しましたが、模写の具体的なやり方やコツを教えてください。

目的はHTML/CSSを使いこなせるレベルになり、JavaScriptに対する苦手意識を
軽減させたいです。

模写におすすめのページの紹介もあると助かります。
よろしくお願いいたします。

先生

こんにちは。ご質問ありがとうございました。

目的はHTML/CSSを使いこなせるレベルになり、Javascriptに対する苦手意識を
軽減させたいです。

HTML/CSSについては模写が良いですね。最近だと code-step さんが評判が良いようです。こちらを使ってみるのはいかがでしょうか。

https://code-step.com/

またJavaScriptについては、Web制作の文脈においては、以下のようなUI部品の仕組みを理解して、上記で模写したサイトに組み込んでみるのもひとつの手かと思います。

そのあたりを問題なくこなせるようであれば、Web制作である程度JavaScriptを使うことができるようになったと言えるかと思います。

以上、参考にしてみてください。

ユーザー

自分で考えながらやらないと身につかないですね。ご紹介いただいたサイトに詳しく解説もありましたので模写に取り組んでみたいと思います。ありがとうございました。

先生

そうですね、ぜひご自身でいろいろ試してみてください!

この質問はユーザーによって解決済みになりました