javascript・jQuery部 入門

部活トップ画像

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

この部活で作るもの

部活で作るもの

javascript・jQuery部 入門の練習メニュー

レッスン一覧はレッスンを進めていくごとにゲームのように解放されていきます!

無料で受講してみる

次の練習へ進む ボタンで解除

Lesson 01「javascriptって何?」

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

次の練習へ進む ボタンで解除

Lesson 02「javascriptの書き方」

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

次の練習へ進む ボタンで解除

Lesson 03「色々な演算子」

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

次の練習へ進む ボタンで解除

Lesson 04「色々な構文」

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

次の練習へ進む ボタンで解除

コーヒーブレイク「実務経験って大事なの?」

次の練習へ進む ボタンで解除

Lesson 05「関数」

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

次の練習へ進む ボタンで解除

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

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

次の練習へ進む ボタンで解除

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

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

次の練習へ進む ボタンで解除

コーヒーブレイク「フリーランスエンジニアの単価の決まり方」

次の練習へ進む ボタンで解除

Lesson 08「jQueryってなに?」

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

次の練習へ進む ボタンで解除

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

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

次の練習へ進む ボタンで解除

コーヒーブレイク「進路相談part1」

次の練習へ進む ボタンで解除

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

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

次の練習へ進む ボタンで解除

コーヒーブレイク「勘違い人間にはなるな」

次の練習へ進む ボタンで解除

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

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

次の練習へ進む ボタンで解除

コーヒーブレイク「はたらくプログラミング 第3話」