Book ＞ JavaScript ＞ Vue.js ＞ 初心者からちゃんとしたプロになる JavaScript基礎入門

初心者からちゃんとしたプロになる JavaScript基礎入門 †

初心者からちゃんとしたプロになる JavaScript基礎入門 西畑 一馬 エムディエヌコーポレーション 2020-03-25 ￥2860

目次 †

■ Lesson 1　JavaScriptの基本 †

01　JavaScriptとは
　　JavaScriptの仕様
　　JavaScriptでできること

02　JavaScriptの開発に必要なもの
　　最低限必要なツール
　　ブラウザ
　　エディタ

03　JavaScriptを書いてみよう
　　JavaScriptを含むファイルを作成する
　　Consoleを利用したデバッグ
　　JavaScriptのコメントアウト

04　文字列や数値を表示してみよう
　　変数を使ってみよう
　　文字列の操作
　　数値の操作
　　変数をブラウザに表示

05　条件分岐を利用してみよう
　　真偽値を使ってみよう
　　比較演算子で真偽値を取得
　　if文で条件分岐
　　論理演算子で複雑な条件を指定しよう

06　配列を使ってみよう
　　配列とは
　　for文を使ってみよう
　　配列を操作するメソッド
　　配列を作成するメソッド
　　配列の状態を取得するメソッド

07　関数を使ってみよう
　　関数とは
　　変数のスコープ
　　関数式と関数宣言

■ Lesson 2　JavaScriptのオブジェクト †

01　JavaScriptで日付を扱おう
　　Dateオブジェクト
　　今日の日付を表示してみよう
　　未来・過去の日付を表示してみよう

02　タイマーを作ってみよう
　　タイマーアプリに必要なもの
　　setTimeoutとsetIntervalを使う
　　タイマーを作ってみよう

03　オブジェクトで複雑なデータを扱う
　　オブジェクトとは（連想配列）
　　オブジェクトの値をブラウザに表示する
　　オブジェクトの文字を変更してみる
　　オブジェクトにプロパティを追加してみる
　　オブジェクトのキーだけを抽出する

04　配列とオブジェクトを組み合わせて複雑なデータを扱う
　　配列内のオブジェクトの文字を表示する
　　条件にマッチするオブジェクトのみを表示
　　元の配列とは違う状態の配列を作る
　　配列にオブジェクトを追加する

■ Lesson 3　Todoアプリを作ってみよう †

01　Todoアプリの概要
　　Todoアプリを作ってみよう
　　完成版のサンプルを確認する

02　Todoを作って表示する（Create/Read）
　　Todoアプリのデータ構造を検討する
　　扱うDOM要素を変数に登録する
　　ページを開いたときに関数を実行する
　　ブラウザのイベントをJavaScriptで扱う
　　テキストフィールドに文字を出力する

03　Todoを完了済みにする（Update）
　　Todoを完了済みにする
　　Todoを完了にする
　　未完了のTodoのみを表示する

04　Todoを編集する（Update）
　　Todoを編集する

05　Todoを削除する（Delete）
　　Todoを削除する

■ Lesson 4　Vue.jsの基本 †

01　フレームワークを使ってみよう
　　フレームワークとは何だろう
　　Vue.js とは何だろう

02　Vue.jsの基本を知ろう
　　はじめてのVueアプリを作ろう

03　Vue.jsの基本記法を確認しよう
　　Vueインスタンスの作成
　　データの登録・参照
　　属性
　　条件分岐
　　ループ
　　イベント処理

04　Vue.jsでアプリを作ってみよう
　　Todoアプリを作ろう
　　Todoリストを表示しよう
　　Todoリストをフィルタリングしよう
　　Todoの状態を切り替えよう
　　Todoを追加しよう
　　Todoを編集しよう

■ Lesson 5　Vue.jsをWebサイトに組み込む †

01　よくあるUIをVue.jsで作ってみよう
　　タブパネルを作ってみよう
　　モーダルを作ってみよう
　　ハンバーガーメニューを作ってみよう

02　Vue.jsのプラグインを利用しよう
　　Vue.jsのプラグインを利用しよう
　　Swiperを読み込ませよう
　　Swiperを使ってみよう

出版社情報 †

• 初心者からちゃんとしたプロになる　JavaScript基礎入門｜株式会社エムディエヌコーポレーション
  https://books.mdn.co.jp/books/3219203012/

著者紹介 †

西畑 一馬（にしはた かずま）　Lesson1 執筆 †

株式会社トゥーアール代表取締役／フロントエンドエンジニア。
2002年よりWeb制作を行ない、2016年2月に株式会社トゥーアールを設立。
ReactやVue.js、Angularなどフロントエンドに特化したWeb制作を行なっている。
「Web制作の現場で使うjQueryデザイン入門」や「JavaScriptコーディング ベストプラクティス」など多数の著書を執筆している。
三度の飯より日本酒が好き。
URL： https://twitter.com/KazumaNishihata

須郷 晋也（すごう しんや）　Lesson 2 執筆 †

1979年生まれ。
Web制作会社にて大規模サイトのコーディングやCMS導入などを通じてプログラミングに興味を惹かれる。
複数のWeb制作会社を経て現在はフロントエンドエンジニアとして活躍中。
URL： https://twitter.com/Sakunyo

扇 克至（おうぎ かつし）　Lesson 3 執筆 †

1978年生まれ。
広告代理店の営業マン、Webデザイナーを経てなぜかフロントエンドエンジニアへ。
現在はReactをベースにFirebaseを利用したアプリケーション制作を得意としている。
好きなゴールド事務は東中野店。
URL： https://github.com/anton072

岡島 美咲（おかじま みさき）　Lesson 4 執筆 †

いくつかのWeb制作会社を経て、2019年3月に株式会社トゥーアールに入社。
現在はフロントエンドエンジニアとしてReact、Vue.jsを使ったアプリケーション開発に勤しんでいる。
自分にとって新しいことを学ぶことが好き。
アイコンはもい。さん（https://twitter.com/moi_momoco）。
URL： https://twitter.com/mokajima85z

岩本 大樹（いわもと たいき）　Lesson 5 執筆 †

1995年生まれ。
京都の美術大学でひょんなことからプログラミング学習を始める。
2013年に東京のWeb会社に就職し、フロントエンド、バックエンド、Unityなどさまざまな分野のエンジニアリングに携わっている。
URL： https://github.com/pepoipod