試験 70-480: HTML5 と JavaScript および CSS3 との組み合わせによるプログラミング
を受けて無事合格できたので、勉強したことをまとめておく。
覚えたことメモ
公式トレーニング
Developing in HTML5 with JavaScript and CSS3 Jump Startのメモ(1) - kkana's blog
Developing in HTML5 with JavaScript and CSS3 Jump Startのメモ(2) - kkana's blog
ajaxのおさらい
XMLHttpRequestオブジェクトのおさらい - kkana's blog
あとは覚えてなさそうだったことを調べたりした。
出題範囲で見直したところ
★★はちょっと自信がないので見直しておいたこと
ドキュメントの構造とオブジェクトの実装と操作 (24%)
- ★★svgでなにか作ってみる http://www.atmarkit.co.jp/ait/articles/1206/01/news143.html
- ★ javascriptで要素の取得、削除、追加、スタイルの変更、テキストの変更、表示非表示
- ★★ ストレージ API
- ★★ AppCache API
- ★★ 位置情報 APIを使ってみる
- ★ グローバル名前空間からの除外
- 継承
プログラム フローの実装 (25%)
- ★★ if/then(promise)の確認https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise
- ★ イベントバブリングhttp://uhyohyo.net/javascript/3_4.html
- ★★ 例外処理(http://uhyohyo.net/javascript/9_8.html)
- ★★ try catch finally https://msdn.microsoft.com/ja-jp/library/4yahc5d8(v=vs.94).aspx
- ★★ WebSocket APIでなにか作ってみる https://msdn.microsoft.com/ja-jp/library/hh673567(v=vs.85).aspx
- ★★ Web ワーカーでなにか作ってみる(http://www.html5rocks.com/ja/tutorials/workers/basics/)
データのアクセスとセキュリティ保護 (26%)
- ★★ 入力形式を検証する正規表現(pattern属性)を確認
- ★ Web サービスを使用したデータAPIを使ってみる
- ★★ XMLHTTPRequestで書いてみる
- ★★ シリアル化https://msdn.microsoft.com/ja-jp/library/cc907896(v=vs.94).aspx
- ★★ URI/フォーム エンコーディングを使用した入力の不要部分の削除
アプリケーションでの CSS3 の使用 (25%)
- トランジションでアニメーションをしてみる。
- ★★ css3 3D http://www.htmq.com/css3/transform_3d.shtml
わかってなくて困ったなぁと思ったのはAPI関連。 あまり使ったことがなかったので、仕様をざっと読んだりした。 また、cssのflex-boxはテストが作られた時から仕様が変わっていたりして正解がわかりずらく、けっきょく全然勉強しなかった。