Bom dia, boa tarde ou boa noite! Não sei se é sono ou falta de conhecimento mesmo, mas segui o passo a passo, mas ao executar não tenho nenhuma imagem na tela só o seguinte erro no console:
Uncaught SyntaxError: Unexpected token <
angular.js:38 Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.3.15/$injector/nomod?p0=alurapic
at angular.js:38
at angular.js:1774
at a (angular.js:1698)
at Object.module (angular.js:1772)
at fotos-controller.js:1
(anonymous) @ angular.js:38
(anonymous) @ angular.js:1774
a @ angular.js:1698
(anonymous) @ angular.js:1772
(anonymous) @ fotos-controller.js:1
angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=alurapic&p1=Error%3A%20%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.15%2F%24injector%2Fnomod%3Fp0%3Dalurapic%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A6%3A417%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A21%3A412%0A%20%20%20%20at%20a%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A21%3A53)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A21%3A296%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A35%3A46%0A%20%20%20%20at%20r%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A7%3A302)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A34%3A399)%0A%20%20%20%20at%20ab%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A38%3A135)%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A17%3A381)%0A%20%20%20%20at%20uc%20(http%3A%2F%2Flocalhost%3A3000%2Fjs%2Flib%2Fangular.min.js%3A18%3A179)
at angular.js:38
at angular.js:4138
at r (angular.js:323)
at g (angular.js:4099)
at ab (angular.js:4025)
at d (angular.js:1452)
at uc (angular.js:1473)
at Jd (angular.js:1367)
at angular.js:26304
at HTMLDocument.a (angular.js:2762)
Index.html
<!DOCTYPE html>
<html ng-app="alurapic">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Alura PIC</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/bootstrap-theme.min.css">
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>
<script src="js/controllers/fotos-controller.js"></script>
</head>
<body ng-controller="FotosController">
<div class="container">
<h1 class="text-center">Alurapic</h1>
<img class="img-responsive center-block" src="{{foto.url}}" alt="{{foto.titulo}}">
</div>
</body>
</html>
main.js
angular.module('alurapic',[]);
fotos-controller.js
angular.module('alurapic').controller('FotosController' , function($scope){
$scope.foto = {
titulo : 'Leão',
url : 'http://www.fundosanimais.com/Minis/leoes.jpg'
};
});