『JavaScriptコードレシピ集』の著者に学ぶ
はじめてのJavaScript
JavaScriptを使えば、ユーザーの操作によって動きをつけたり、時間や状態によって表示を変更したり、モーダルウィンドウを作ったりすることができます。ウェブ制作において、HTML・CSSと並んでJavaScriptは必須といえるでしょう。
しかし、HTMLやCSSと比べて、JavaScriptの学習難易度が高いと感じている方も多いのではないでしょうか？
初心者向けとは言っても侮ることなかれ！教える内容はJavaScriptの最新の仕様（ES2022）に準拠しており、開発の現場でフロントエンドエンジニアが使うレベルのコードをお教えします。
次の方が対象です。お気軽にお申し込みくださいませ。
- 初めてJavaScriptを学ぶ人
- これまでjQueryを使っていた人
- どこからJavaScriptを学べばいいかわからない人
- 自分の書くJavaScriptに不安がある人
セッション内容
各Phaseは、基本文法を学ぶ基礎編と、実際に作例のコードを書いていく実践編に分かれているので、JavaScript初学者の方でも一つ一つ理解しながらご受講いただけます。
作例 1 時間に応じた背景切り替え
Phase 1 シンプルバージョン
- JavaScript の処理を記述する
- アラートダイアログを表示する
- コンソールに内容を出力する
- 「変数」を使ってデータを使い回す
- 「定数」を使ってデータを使い回す
- 文字列を結合する①
- 文字列を結合する②
- 条件に応じて処理を分ける( if 文)
- HTML 要素を取得する
Phase 2 関数バージョン
- 「関数」を使って処理をひとまとめにする
- 「アロー関数」って何？
作例 2 モーダルウィンドウ
Phase 1 シンプルバージョン
- 複数のHTML要素を取得する
- HTML要素をクリックしたときに処理をする
- data属性から値を取得する
Phase 2 配列バージョン
- 「配列」を使って複数の値をひとまとめにする
- 「配列」を使って複数の値をひとまとめにする①
- 「配列」を使って複数の値をひとまとめにする②
- 「オブジェクト」を使って、名前と画像パスをひとまとめにする
- JavaScript で HTML 要素を作る
- JavaScript で HTML 要素を画面上に追加する
Phase 3 前後ボタンつきバージョン
- 自分の値に別の値を足す
『JavaScriptコードレシピ集』とは
株式会社ICS 池田泰延と鹿野壮が執筆したJavaScriptの書籍。ウェブ制作の現場で使えるJavaScriptの知識を、フルカラー・600ページ超で解説している。現在第4刷。
『JavaScriptコードレシピ集』をお持ちでなくても受講いただけます。
出演
- 鹿野 壮さん：フロントエンドエンジニア
- 松下 絵梨さん：デザイナー
