初心者がjQueryをやってみて感じたこと。
おはようございます。おーみんです。
現在プログラミングでjQueryを勉強中です。
jQueryというのはHTML&CSSだけでは出来なかったWebサイトの表現(サイトに「動き」を取り入れることなど)を可能にしたJavaScriptライブラリのことです。
例えばHTML&CSSのみのサイトだとこちら。
よしよし!
— 超おーみん2@Unity民族 (@Ooooooomin_365) 2019年1月28日
今日でCSSも8割くらいは終了。CSSは忘れているところも多々あったけど、まあ大丈夫かな。昨日HTMLで作成したサイトもCSS使うと綺麗になるのぉ~。
残りはお問い合わせのフォーム作成~Webサイト公開のみ。恐らく明日には終わるはず。
これが終われば次はjQueryだ!#html #html5 #css pic.twitter.com/m4XNsSLck9
HTMLでサイトの構造を書き、CSSで色やデザインを整えるのですが、それだけだと、上記のような簡素なサイトしか作れません。
(これでも僕みたいな初心者は十分凄いと思っちゃうのですが・・・)
ここにjQueryを取り入れることでサイト自体に動きを付けたりして、よりカッコいいサイトが作れるようになります。
今回の記事では初心者がjQueryを約1週間やってみた感想を書いていきますね!
初心者がjQueryをやってみて感じたこと
まずはチュートリアル作品になりますが、jQueryを利用して作ったサイトを3つ載せます。
jQuery5日目。
— 超おーみん2@Unity民族 (@Ooooooomin_365) 2019年2月3日
今日からチュートリアルで色々なものを作ってく。
HTML&CSSでテーブル書いてjQuery使ってマウスカーソルのある行と列の背景色を変更。
列までは変えなくても良かったかな。。?笑#jQuery pic.twitter.com/m6cR2778fo
jQuery6日目。
— 超おーみん2@Unity民族 (@Ooooooomin_365) 2019年2月4日
チュートリアルで写真のスライド。
左下のボタンで画像をスライド出来るように。
クリックしたら右に大きく出るといった感じ。#jQuery pic.twitter.com/1s0mkkbrWt
jQuery6日目part2
— 超おーみん2@Unity民族 (@Ooooooomin_365) 2019年2月4日
チュートリアルでアコーディオンパネル。
CSSの復習にもなるので良いですな。#jQuery #html #css pic.twitter.com/y2G1ZdVQj7
どうですか?
最初に乗せたWebサイトよりも動きが加わってよりカッコよくなったと思いませんか?
実際にやってみての感想なんですが・・・
超簡単!!w
ツイートの通り、約1週間でこれくらいの作品のプログラム構成は理解できます。
Webデザイナーを目指している方はぜひHTML&CSSだけでなく、jQueryもやってみてはいかがでしょうか?
P.S.
ただ一つだけ注意点があり・・・
jQueryはあくまでもJavaScriptライブラリですので、JavaScriptの知識が必要になる部分があります。JavaScriptを少しやっていたほうが理解はしやすいかも・・・