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

2021-12-14 (火) 公開
  • JavaScriptの入門書
  • Vue.jsの説明もあります。

初心者からちゃんとしたプロになる 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を使ってみよう

出版社情報

著者紹介

西畑 一馬(にしはた かずま) 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



トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2021-12-14 (火) 12:10:21 (43d)