Skip to content

Instantly share code, notes, and snippets.

@melloc01
Last active May 19, 2016 19:40
Show Gist options
  • Save melloc01/8da16b0250491fdc5eb1 to your computer and use it in GitHub Desktop.
Save melloc01/8da16b0250491fdc5eb1 to your computer and use it in GitHub Desktop.
Criando uma SPA com AngularJS + Laravel

Criando uma SPA com AngularJS + Laravel

Objetivo: Em tempo de curso criaremos uma simples Single Page Application de um aplicativo de notas em AngularJS onde consumiremos uma API que será construída em curso, utilizando uma instalação branca do Laravel 5.

O que é uma SPA?

Uma SPA é uma aplicação web que é uma "única página web" com o objetivo de prover uma experiência mais fluida ao usuário, como se fosse uma aplicação Desktop nativa. Numa SPA todo o código (HTML, JS e CSS) é usualmente carregado apenas no primeiro carregamento da página, outros recursos são carregados dinamicamente em resposta às ações do usuário, nesse processo a página nunca é recarregada ou transfere o controle para outra página.

A Aplicação: Notify

  • Estrutura
    • Api RESTful - O que é RESTful?

      • Por que Laravel? Por que PHP?
      • Comunicação com o banco de dados
      • Criação de rotas stateless
        • sem sessões no servidor
    • App

      • Nossa aplicação só terá arquivos HTML, JavaScript e LESS
        • Como fazer iterações?
        • Como fazer lógica?
        • Como tratar autenticação?
        • Estou com medo, quero voltar pro jQuery!
        • Ahhhh!!

AngularJS - a aplicação

  • O que é?
  • Instalação via Bower
  • Hello Angular World!
  • MVW - Model View Whatever
  • Diretivas Nativas do Framework
  • Filtros Nativos do Framework
  • $scope e $rootScope
  • $watch
  • $digest e $apply
  • Providers
  • form e angular-messages
  • $http e o caso RESTful - $resource
    • utilizando o cache de requisições
  • Modelo para criações de pequenas aplicações
    • Modelo para criação de aplicações escaláveis

Laravel

  • O que é?
  • Instalação via composer
  • Hello Laravel World!
  • MVC - Model View Controller
  • Relacionamento com o banco de dados
    • O que é um ORM?
    • MySQL e SQLite
    • O que é uma Migration?
    • O que é um Model?
      • Conhecendo o Eloquent
  • Criando um Controller
  • Criando um Resource Controller
  • Validando de requisições
  • Como trabalhar sem sessões?
    • Introdução ao JWT - JSON Web Token
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment