パソコン超🔰のままぷろです。
今日はプログラミング学習6ヶ月目を迎えた今何に一番困っているかをお話しします。
JavaScriptをやるべき？
HTMLとCSSはやっと理解が出来てきました。
流れとしてはHTMLで文章を書いたり画像を入れる→CSSで文字などの色を付けたりレイアウトを変える。
今まだ模写コーディングというコードを丸写しに近い形で入力してますがコードを見てどこの部分かが分かる様になってきました。
次は何をするべきか調べているとJavaScriptをやった方が良いと書いてありました。
JavaScriptって何？
どんなことが出来るんだろう
調べてみると日常生活で私たちがよく目にするサイトの動きの部分ということが分かりました。
やっぱりやるしかないか…
そこでCodestepの模写コーディング中級編に挑戦する事にしました。
ただはたと手が止まりました。
JavaScriptってどうやるんだろう
CSSのような新しいファイルが必要？
JavaScriptはまずファイルを作る
1ミリも分からなかったので初心に返りドットインストールの動画授業を見る事に。
ちゃんと教えてくれました。
CSSの様にheadの中にコードを書いて新たにファイルを作るって。
後は又ひたすらHTMLやCSSで構築したものをJavaScriptの画面に文字を打ち込むだけ。
JavaScriptの記号を理解しないままコード丸写しではありましたがなんと出来たんです。
画面が出たり消えたりが。
自分でもJavaScriptを使って画面を動かせた！
この上ない喜びでした。
jQueryはJavaScriptと同じ？
javaScriptが出来たところでCodestep上級編に取り組むべき今度はjQueryなるものが出てきました。
同じ”J”がつくから簡単かなぁ
完全に甘く見ていました。
CSSやJavaScriptと一緒の方法かと思いきや全く違いました。
二通りやり方はあるということですがいずれにしてもjQueryのサイトに行かなければならないという事が分かりました。
1．jQueryのサイトの中の1文をコピーしてＨＴＭＬに張り付ける
2．jQueryのサイトの中にあるダウンロードのボタンを押して新しいファイルにダウンロード
そのダウンロードしたファイルをエディター（私はVSCode）に設置する
そして今回は私が最も苦手な新たにファイルを作ってそこにダウンロードするというものでした。
もともとファイルの作成とVSCodeの環境構築が苦手で度々つまづいていた私は嫌な予感しかしませんでした。
これは又解決に時間かかりそう。
今度こそ基礎のファイルの勉強が必要かも…
jQueryのVSCodeへの設定方法
元々パソコン初心者🔰です。
何となく VSCode の中での事は大体出来るようになっていたもののダウンロードしたものをどうやって VSCode に入れるの⁉️が最大の壁でした。
ここにかれこれ一週間かかってしまいました。
今更ながら「できるWindows10」という操作のマニュアル本も買いました。
そして今回習得した事はダウンロードしたファイルをマウスを押したまま（ドラック） VSCode の画面まで移動してコピー（ドロップ）すればVSCodeに入れることが出来るでした。
このドラック＆ドロップってzipの解凍で苦労した時
息子に教えてもらっていたなぁ。
ドットインストールの始めでも出てきてたし。
パソコンの基礎がまだまだってことかぁ。
最後に
JavaScriptやJjQueryはまだ記号の意味が分からないことも多くコードを写すだけになりがちですが、画面がお手本通り動くと本当に嬉しいです。
最近では今まで見ていた通販のサイトも「jQuery使ってる」とか構成などが気になるようになってきました。
５５歳から始めても半年継続していると分かってくる事も増えてきます。
これからもあともう少しでサイトが作れるようになるかもという希望を持って頑張っていこうと思います。
最後まで読んでいただきありがとうございました。
コメント