// courses
コース
情報リテラシーから独自アプリ開発まで、1コースずつ積み上げます。
1コースずつ、積み上げる
step 01hello;
情報リテラシー
step 02<html>
HTML
step 03{ css }
CSS
step 04fn()
JavaScript
step 05app()
独自アプリ開発
// course path
積み上げの流れ
- step 01hello;
情報リテラシー
マウス・キーボード操作とローマ字入力から始めて、個人情報の守り方、検索と生成AIの安全な使い方まで。すべてのコースの土台を作ります。
このコースで完成するもの「わが家のネット・AIルール」をまとめて発表
タイピングと安全の土台を持って、HTMLへ →
- step 02<html>
HTML
本物のWebの言葉・HTMLで、自分だけのページを書きます。見出し・画像・リンクを使い分け、複数ページの作品に育てます。
このコースで完成するもの複数ページの作品「好きなもの図鑑」を完成
つくった図鑑を持って、CSSへ →
- step 03{ css }
CSS
HTMLコースで作った図鑑を、色・レイアウト・余白で作り込みます。スマホでも見やすくするレスポンシブの入口も体験します。
このコースで完成するもの図鑑のビフォーアフターを発表
デザインした図鑑に、動きをつけにJavaScriptへ →
- step 04fn()
JavaScript
ボタンを押すと反応する、動く作品を作ります。変数・条件分岐・繰り返しを覚え、設計→実装→動作確認→修正の流れを一人で回せるようにします。
このコースで完成するもの「オリジナル診断/クイズ」を完成・発表
覚えた部品を全部使って、独自アプリ開発へ →
- step 05app()
独自アプリ開発
HTML / CSS / JavaScriptを総動員して、自分のアイデアを企画→画面設計→実装→テスト→発表まで一気通貫で形にします。
このコースで完成するもの作品を world.builda.jp で公開(公開前レビュー・公開作業は講師が代行)
各回の細かな内容・教材は、無料体験のときにご説明します。