@ngdoc overview
@name  Developer Guide: Initializing Angular: Manual Initialization
@description

Letting angular handle the initialization process (bootstrapping) is a handy way to start using
angular, but advanced users who want more control over the initialization process can choose to use
the manual bootstrapping method instead.

The best way to get started with manual bootstrapping is to look at the what happens when you use
{@link api/angular.directive.ng:app ng:app}, by showing each step of the process
explicitly.

<pre>
<!doctype html>
<html xmlns:ng="http://angularjs.org">
<head>
  <script src="http://code.angularjs.org/angular.js"></script>
  <script>
     angular.element(document).ready(function() {
       angular.bootstrap(document);
     });
  </script>
</head>
<body>
Hello {{'World'}}!
</body>
</html>
</pre>

This is the sequence that your code should follow if you bootstrap angular on your own:

1. After the page is loaded, find the root of the HTML template, which is typically the root of
the document.
2. Call {@link api/angular.bootstrap} to  {@link dev_guide.compiler compile} the template into
an executable, bi-directionally bound application.


## Related Topics

* {@link dev_guide.bootstrap Initializing Angular}
* {@link dev_guide.bootstrap.auto_bootstrap Automatic Initialization}
* {@link dev_guide.compiler Angular HTML compiler}

## Related API

{@link api/angular.module.ng.$compile Compiler API}
