Djangoroidの奮闘記

python,django,angularJS1~三十路過ぎたプログラマーの奮闘記

AngularJS1に再挑戦 その1 Download AngularJS

概要

AngularJS1.5に再挑戦 その1 Download AngularJS

参考動画・参考サイト

Coding for Entrepreneurs

AngularJS — Superheroic JavaScript MVW Framework

Before we get started

  • angularJS1をゲットする。(現時点で、最新バージョンが1.6になっとる。)angular.min.js をダウンロードする。

  • tryangular/JS/angular.min.jsという形でファイルを配置する。

  • index.htmlファイルを作成する。内容は以下の通り。

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Try Angular 1.5</title>
    </head>
    <body>
        <h1>Hello, World!</h1>
    </body>
</html>
  • srcというフォルダを作成して、js, index.htmlをそこに入れる。

  • $ python -m http.serverで、ローカル開発サーバーを起動させることができる。python2の場合は、$ python -m SimpleHTTPServerらしい。

  • quicktips.mdというファイルを作っておき、そこにコマンドを記録しておく。後から参照できるようにと、共有用にかな。

  • http://0.0.0.0:8000/にアクセスすると、hello worldが表示されればOK!