無料体験に申し込む

// courses

コース

情報リテラシーから独自アプリ開発まで、1コースずつ積み上げます。

$
Scratchじゃない HTML / CSS / JavaScript
週1回 90分・定員4名の少人数制
毎回「完成」して終わる授業
$
作品は Webに公開
家族や友だちに、URLで見せられる
公開前は かならず講師がレビュー

1コースずつ、積み上げる

step 01hello;

情報リテラシー

小3〜 ・ PC基礎・タイピング・AI
step 02<html>

HTML

じぶんのページを書く
step 03{ css }

CSS

見た目を作り込む
step 04fn()

JavaScript

動きとロジック
step 05app()

独自アプリ開発

自分で考えて、作って、動かす

// course path

積み上げの流れ

  1. step 01hello;

    情報リテラシー

    小3〜・PC初心者可標準10回

    マウス・キーボード操作とローマ字入力から始めて、個人情報の守り方、検索と生成AIの安全な使い方まで。すべてのコースの土台を作ります。

    このコースで完成するもの「わが家のネット・AIルール」をまとめて発表

    タイピングと安全の土台を持って、HTMLへ →

  2. step 02<html>

    HTML

    小3〜中3・情報リテラシー修了標準10回

    本物のWebの言葉・HTMLで、自分だけのページを書きます。見出し・画像・リンクを使い分け、複数ページの作品に育てます。

    このコースで完成するもの複数ページの作品「好きなもの図鑑」を完成

    つくった図鑑を持って、CSSへ →

  3. step 03{ css }

    CSS

    小3〜中3・HTML修了標準10回

    HTMLコースで作った図鑑を、色・レイアウト・余白で作り込みます。スマホでも見やすくするレスポンシブの入口も体験します。

    このコースで完成するもの図鑑のビフォーアフターを発表

    デザインした図鑑に、動きをつけにJavaScriptへ →

  4. step 04fn()

    JavaScript

    小5〜中3・CSS修了標準12回

    ボタンを押すと反応する、動く作品を作ります。変数・条件分岐・繰り返しを覚え、設計→実装→動作確認→修正の流れを一人で回せるようにします。

    このコースで完成するもの「オリジナル診断/クイズ」を完成・発表

    覚えた部品を全部使って、独自アプリ開発へ →

  5. step 05app()

    独自アプリ開発

    小5〜中3・JavaScript修了標準12回

    HTML / CSS / JavaScriptを総動員して、自分のアイデアを企画→画面設計→実装→テスト→発表まで一気通貫で形にします。

    このコースで完成するもの作品をWebに公開(公開前レビュー・公開作業は講師が代行)

各回の細かな内容・教材は、無料体験のときにご説明します。