Dashで最新のコーディングを学ぼう

0_image
WEB 2.0などと言われていたのはもう10年ぐらい前のことなのですが、その当時から比べてみるとすでにWEBの世界も3.0はとっくに通り越しているかな?という時代になってしまったようです。

特に大きな変化と言えるのがiPhoneに代表されるフマートフォンの普及でしょう。WEBがどんなOSで、どんなブラウザで見られているかという統計を取ってみると、一般的な商用サイトでは明らかにスマートフォンでのアクセスの比率が大きくなっていき、2013年ではほぼ50%に少し足りないぐらい、2014年では明らかに50%を超えるだろうと言われています。

そういった時代にマッチしたスケーラブルな(ブラウザのサイズに合わせたフレキシブルな)WEBデザインのための、HTML、CSS(CSS 3.0も含めて)、Java Scriptを組み合わせたコーディングをビジュアルによくできたインターフェイスを駆使してトレーニングさせてくれるのが「Dash」です。

残念ながら英語バージョンしかありませんが、それほど複雑な分ではないのでなんとか理解してステップを踏みながらこなしていってみると最新のコーディングの基礎を効率的に理解することができるでしょう。

 

 まずアカウントを登録

Twetterアカウントから、そしてメールアドレスでもアカウントを登録することができます。どちらかというとメールアドレスがおススメ。

1_logon

名前、メールアドレス、パスワードを入力すれば自分のアカウントを獲得できます。
2_signup

あとは順番に進んでいけばOK
3_welcome

ここがレッスンのトップのページになります。ここから好きなレッスンにとぶことができますが、まずは順番にこなしていきましょう。
4_top

先ずはANNAさんの「アクセス」っぽいページのコーディングです。
「Start slideshow」をクリック
5_start

ミッションの説明
「友達のAnnaの個人的なウエブサイトを作りながら基本的なHTMLを学びましょう」
6_mission

これが出来上がりのデザインです。なかなかカッコ良くないですか?
7_finalDesign

さて、それでは始めましょう。というページです。画面左下が入力部分、右側がプレビューの部分です。入力と同時にプレビューに反映されるので気持ちよく進めることができます。
8_start1

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>