Como a aplicação sabe que a primeira página a ser chamada deve ser a principal.html?

vamos lá Ivanostik.

continuando a explicação que começamos no outro tópico...

vamos supor que você esteja rodando esta aplicação local.

dai você abre o browser e coloca http://localhost

e por default vai abrir a rota "/" confome difinido abaxo vai redirecionar para o home.html

se eu colocar http://localhost/videos eles vai rediricionar para a vidos.html

e por assim vai, e tem o otherwise tbm, se nao encontrar a rota direciona para um lugar que vc determinar.

(function() {
  'use strict';

    angular.module('appFicticiaVideos')
    .config(function($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'views/home.html',
                controller: 'homeController'
            })
            .when('/videos', {
                templateUrl: 'views/videos.html',
                controller: 'videosController'
            })
            .when('/busca/:term', {
                templateUrl: 'views/search.html',
                controller: 'searchController'
            })
            .otherwise({
                redirectTo: '/'
        });
    });

})();