javascript・jQuery部 初級

部活トップ画像

WEBサービスに動きをつけられるjavascriptとそのjavascriptを簡単にしたjQueryを学んでいきます!
ボタンを押したら写真を消すように動きをつけたり、文字が入力されたら文字数をカウントしたりと「何かをしたら何かをする」というような動きをつけることができます!
これも、WEBサービス・WEBアプリを作る上では欠かせない言語です。

この部活で作るもの

部活で作るもの

javascript・jQuery部 初級の学習動画一覧

Lesson 1「javascriptって何?」

WEBサービスの使い勝手を大きく左右するjavascript言語について実際にWEBサービスで使われている箇所も交えながら1分ちょっとでサクッと解説!

Lesson2「javascriptの書き方」

javascriptの書き方について無料のテキストエディタソフト「Atom」を使って、実際に書きながら学んでいきます。

Lesson3「色々な演算子」

どのプログラミング言語でも共通となる、変数や演算について学んでいきます。

Lesson4「色々な構文」

どのプログラミング言語でも共通となる、条件分岐や繰り返し処理の構文について学んでいきます。

Lesson5「関数」

どのプログラミングでも共通となる関数という仕組みについて学習していきます。関数が使えるようになると複雑なプログラムも作れるようになります。

Lesson6「DOMとオブジェクト指向」

javascriptから操作するDOMという概念とオブジェクト指向について学んでいきます。

Lesson7「実践!入力文字数をカウントしよう!」

イベント処理を使って、実際にホームページに動きをつけてみます!今回は、フォームに入力された時に自動で文字数がカウントされるアレ!

Lesson8「jQueryってなに?」

javascriptを簡単に書けるようにしたjQueryというものを1回でさらっと学んでいきます!実際にHTMLで動きをつけたい場合にはjsよりもjQueryを使う事が多いんです! さらに「this」や「チェインメソッド」についても学んでいきます!

Lesson9「実践!フォーム入力チェックを作ろう!step1」

お問合せフォームや会員登録などWEBサービスには欠かせないフォームの入力をリアルタイムにチェック(バリデーションチェック)する機能をjQueryで作っていきます!

Lesson10「実践!フォーム入力チェックを作ろう!step2」

バリデーションチェックの後半になります!正規表現という文字列のパターンチェックについても学んでいきます。

Lesson11「実践!フォーム入力自動成形を作ろう!」

今回でjavascript・jQuery部も最終回! 最後はWEBサービスで見かける、郵便番号や電話番号を入力するフォームで自動で半角にしてくれたりハイフンをつけてくれたりという機能を実装していきます!