Please enable JavaScript.
Coggle requires JavaScript to display documents.
Getting Started with Ember 2 - app.pluralsight.com/library/courses/ember-2…
Getting Started with Ember 2 - app.pluralsight.com/library/courses/ember-2-getting-started/table-of-contents
O curso fala sobre: setup, routing, templates/components, models, services e actions
O curso não cobre: testing, debugging, deployment, reuse, remote data e auth
Convenções: first class (ES6), terms & patterns, deprecated, anti-patterns e debudding
Um framework para aplicações ambiciosas, MVC e centrado na url
Um framework para aplicações ambiciosas: convenção em vez de configuração, ES6, estabilidade sem estagnação, construído para performance, ember-cli e ember addons
MVC: model (JSON ou EmberData), component (template com eventos) e router (router e router handler)
Ember core concepts: URL -> Router -> Route Handler ou Redirect -> Model (pode ser carregado ou não) -> Templates Components -> Page
Ember definições:
- Router -> O router mapeia a URL para um router handler (é mostra o resultado)
- Router handler -> O route handler carrega o model e renderiza o template
- Model -> O model representa estado de persistência
- Templates -> Templates organiza e organiza como a interface parece
- Components -> Components controlam como a interface parece
Ambiente: NodeJS, google chrome (Access Development Tools e Ember Inspector), terminal console, ember-cli, bower e VS Code
Ember-cli: Asset Pipeline, conventional structure e add-on system
Creatting from scratch:
- Criando uma nova aplicação -> ember new nome-da-aplicacao
- Explore a estrutura do projeto -> guides.emberjs.com/v2.18.0/tutorial/ember-cli/
- Rodando o servidor de desenvolvimento -> ember server (s)
- Gerar uma rota -> ember generate (g) route production
- Instalar um add-on -> ember install ember-pikaday e restartar o servidor
- Construindo a aplicação -> ember build --environment production
Babel: JavaScript transpiler, cria compatibilidade com ES6, ES7 e está configurado no ember-cli
ES6:
- String -> Template literals
- Parameters & Assigns -> Default e rest parameters. Destructuring assignment
- Declarations -> Let e const
- Loop Declarations -> Closures
- Object Literals -> Propriedade, variáveis tem o mesmo nome e funções anônimas
- Arrow functions -> Nova forma de escrever e o bloco de this
- Modules -> Nova forma de escrever
- Classes -> Não é usada pelo emberjs
Promises: Garante valor assíncrono, objetos em vez de callback, return em vez de argumentos, potencial para manipulação, apenas usado umas vez (Imutabilidade) e 3 estados (pending, fulfilled e rejected)
6 Funções essenciais do promisse:
- var p = new Promise
- p.then(success, failure)
- p.catch(failure)
- var p = Promise.all([p1, p2, p3, ...])
- var p = Promise.resolve(val)
- var p = Promise.reject(val)
-