体験ゾーン(見学の方向け) | ダレカン和泉 Webカリキュラム

まず、名前を教えてください

名前(ニックネームでOK): 入力した名前を、このサイトがどこかへ送信することはありません。記録はこのパソコンのブラウザの中にだけ保存されます。

左の枠の中身が「HTML」という、Webページの設計図です。左の文字を書き換えると、右の見た目がすぐに変わります。「こんにちは」をあなたの名前に変えたり、好きな文章にしたりしてみてください。

設計図(HTML) ― 自由に書き換えてOK

できあがりの見た目

ヒント: <li>〜</li> の行をコピーして増やすと、リストが増えます。<h2> を <h1> に変えると…? 壊れても大丈夫、ページを開き直せば元通りです。

Webページに「動き」をつけるのがプログラミング(JavaScript)です。下のボタンを押すと、このページ全体の背景の色が変わります。押すたびに別の色になって、5回目で元の色に戻ります。何度押しても大丈夫です。

このボタンの中身は、たった数行のプログラムです。カリキュラムのStep 3に進むと、同じものを自分の手で作れるようになります。

Webの仕事の全体像を知り、パソコンの基本から、HTMLとCSSで自分のページを作るところまで。

さっきのボタンのような「動き」を、JavaScriptで自分で作ります。クイズやタイマーも作ります。

デザイン・フロントエンド・プログラミングの3コースから、自分の興味に合わせて選んで深めます。

ペースは人それぞれで大丈夫です。
パソコンがはじめての方に合わせた内容から始まり、慣れている方には発展課題もあります。詳しくは見学のときにスタッフへ、お気軽にどうぞ。

今日触ってみたことに、チェックをつけてみてください。(これも、カリキュラム本編で毎日使う「できたチェック」の体験です)