現在、html/cssをprogateと模写で少し覚え、
javascriptをprogateと
「Javascript1年生」と言う書籍で勉強しましたが、javascriptが全然頭に入ってきません。
そこで、html/cssを覚える際、模写をして覚えるのがとても良いと思ったので、
javascriptもサイト模写をやりながら覚えようと思っています
初心者に最適なサイトがあれば教えていただけないでしょうか?
よろしくお願いいたします。
質問の意図
初学者がWebデザインに関連するjavascriptの身につけ方を知りたい。
解決したい課題
Webデザインに関連するjavascriptを身につけたい。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/17 13:42
回答5件
0
javascriptが全然頭に入ってきません。
プログラム系のものは丸写しじゃー何をやっても頭に入らない!やりたい事があってそれを調べながら作って行くから頭に入るのだ!そしたらまずはjavascriptで出来る事を検索!そしてこれやりたい!と思ったものを実現する方法を調べながら作る!それが一番!
調べても何を作りたいのかが頭に浮かばないそこのあなた。最大公約数計算機とか最小公倍数計算機を調べながら作ってみましょう。
投稿2019/07/17 13:38
総合スコア6422
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/18 00:45
2019/07/18 00:48
2019/07/18 00:50
2019/07/18 01:06
2019/07/18 01:08
2019/07/18 01:09
2019/07/18 12:56
2019/07/18 13:10
2019/07/18 14:49
0
Web サイトで確認できる JavaScript は、初学者向きでは無い非常に可読性の低いものになっているのが一般的です。
なので、コードを読み挙動を理解していきたいのであれば、codepen の Explore で紹介されているコードが学習向きだと思います。
「可動するコードを参考にする」といった観点で読みやすく書かれているし、何より単体で作られているケースが多いので、挙動の確認がしやすいです。
ただし、難易度はそれほど低くないので、個人的には基礎学習をもっと丁寧に行ったほうが良いとも思います。
基礎学習用の参考サイト:
JavaScript - MDN
投稿2019/07/17 21:35
編集2019/07/18 01:15退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/18 13:53
0
ベストアンサー
Webデザインを進めていくうえで必要なのは模写ではないと思います。
もちろん具体的な目標をどこに置くかにもよりますが、
模写(または写経)で身につくことって本当に少ないです。
確かにJavaScriptはHTML/CSSよりもプログラミング要素が強いもので、頭に入ってこないのは良く分かります。
私もWeb触り始めた頃は「なるべくコピペで済ませられるもの」「持ってきて使うだけ」でした。
だからこそ余計に「模写では身につかない」と思っています。
既にあるように、既存のサイトのCSS/JavaScriptのコードって見やすいものは少ないです。
大手企業のものは難読化(Minify)されているものも少なくないですし、
画一的なデザインのものはおおよそCMS化されていて模写には向きません(ブログとかもそうですね)
Webデザインは紙媒体ではないので無限に近い表現ができるようになりますが、
例えば「スマートフォンサイト」と「PCサイト」では載せられる情報量が違いますし、
レイアウトも変わってきますし、「開いたときの画面に何を見せるか」というのが非常に大事です。
縦幅におさまるようにきっちり見せたりとか、導線をきちんと張って閲覧者を逃さないようにするとか、
1秒でも多くページにとどまらせるような工夫が必要だったりします。
「より多くの人にきてもらうため」にはSEOの知識も必要でしょう。
参考:ヒートマップとは?ユーザー行動を分析できるツール比較9選
「模写」することにより単にページを組み上げる技術は多少身につくかもしれませんが、
それが「適切なWebデザインを提供するための知識や技術」はなかなか身に付きません。
あくまで「模写」は作る側の視点となるので、なるべく「見る側」の視点を養う必要があると思います。
例えば下記のような記事を読んで「どういうWebデザインが」「どのように素晴らしいのか」「どのような効果があるのか」「自分ならどうするか」というのを見ていっては如何でしょうか。
※私も学生時代にWebデザイン関係の講座を受けていて「デザイン力をあげるにはより多くのデザインに触れること」と講師に教えられました
あと「自分ならどうするか」の視点の時に「これをどうやったら自分で再現できるか」というのを考えるのも良いかもしれません(結局模写に近いですが、「考える」ことが地力を育てます)
ついでにJavaScriptのことにも触れておきますが、アニメーションであればCSSでも色々なことができますしCSS3では表現の幅が大きく広がったので(有名な例:CSS3ドラえもん)、「必要な時に必要なだけ利用する」というスタンスもありだと思います。
私もWebデザイン観点というよりPHPなどのサーバーサイドのプログラミング言語に関連して使うことが多いですし、モーダルやポップアップ、スライダーなどはCSSフレームワークやプラグインが充実しているため、それだけを自分で組むことってあまりないです。
投稿2019/07/18 01:14
編集2019/07/18 01:16総合スコア80852
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/18 14:10
2019/07/18 14:14
2019/07/18 14:57
2019/07/19 13:01
0
わたしはウェブで模写なんてしたことないので、それに意味があるのかどうかわかりません。
MDN などを読んだほうがいいのではないでしょうか?
投稿2019/07/18 15:07
総合スコア13749
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/19 12:48
0
サイトを模写しながら学ぶ方法は選択肢としてありですが
まずは基礎をしっかりと覚えることが重要だと思います。
私は先日までここで質問してましたが質問することを辞めてひたすら基礎学習に励んでます^^
他の方法だとゲームを作りながら覚えるという選択肢もあります。
YouTube動画で「javascript ゲーム」で検索すると様々な解説動画が出てきます。
■参考書籍
・確かな力が身につくjavascript
・いちばん優しいjavascript
投稿2019/07/17 15:24
編集2019/07/17 15:35総合スコア527
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/18 01:04 編集
2019/07/18 13:02
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。