キッズプログラミング教室ぐらみん

X

ぐらみんこーど レベル9:Webアプリ開発

ぐらみんこーど レベル9:Webアプリ開発

No.112 ~ 130

このレベルでは、Express.js などを使って Web アプリの制作に取り組みます。 サーバー、データの送受信、Web フレームワークの使い方を学びます。

学ぶ内容

  • Web フレームワーク(Express.js)の使い方
  • サーバー通信の作り方
  • データ送受信
  • デバッグツールの使い方
  • データベースの考え方

できるようになること

  • Web フレームワークを使ってブラウザで使えるツールを作れる
  • データベースの基本的な考え方が身につく
  • デバッグツールを使ってバグを解消できる

このレベルの課題

No. タイトル 課題のねらい
112 Webフレームワークを使ってみる(その1) Express.js というフレームワークを使い、やることリストを作成します。フレームワークを使うことでより簡単に分かりやすいプログラムを作ることができます。
113 Webフレームワークを使ってみる(その2) 112 からの続きの課題となります。
114 Webフレームワークを使ってみる(その3) 112 からの続きの課題となります。
115 Webフレームワークを使ってみる(その4) 112 からの続きの課題となります。
116 Webフレームワークを使ってみる(その5) 112 からの続きの課題となります。
117 Webフレームワークを使ってみる(その6) 112 からの続きの課題となります。
118 Webフレームワークを使ってみる(その7) 112 からの続きの課題となります。
119 Webフレームワークを使ってみる(その8) 112 からの続きの課題となります。
120 デバッグツールを使おう(その1) デバッグツールはプログラムのバグを探したり修正するときに使用するツールです。ここでは Google Chrome に付属しているデバッグツールの使い方を学習します。
121 デバッグツールを使おう(その2) ここではコマンドプロンプト上で実行できるデバッグツールの使い方を学習します。
122 非同期関数を使ってみよう JavaScript で実行順を制御する非同期関数について学習します。
123 見た映画のデータベースを作ろう(その1) 見た映画の情報を保存しておくデータベースアプリの作成を行います。ここまでの学習内容を総合的に使用する内容となっています。
124 見た映画のデータベースを作ろう(その2) 123 からの続きの課題となります。
125 見た映画のデータベースを作ろう(その3) 123 からの続きの課題となります。
126 見た映画のデータベースを作ろう(その4) 123 からの続きの課題となります。
127 見た映画のデータベースを作ろう(その5) 123 からの続きの課題となります。データの削除部分を作成します。
128 見た映画のデータベースを作ろう(その6) 123 からの続きの課題となります。データの保存部分を作成します。また JSON フォーマットについても説明します。
129 チャレンジプログラム(その11・JavaScript) 109〜130 までの内容についての復習問題です。
130 配列をソートしよう 配列の中身をソート(並び替え)する便利なメソッドについて学習します。

次のレベルへ