15

2° Codelab - Por onde começar com AngularJS

  • Upload
    gdgfoz

  • View
    293

  • Download
    3

Embed Size (px)

Citation preview

Page 1: 2° Codelab  - Por onde começar com AngularJS
Page 2: 2° Codelab  - Por onde começar com AngularJS

Valmir Barbosa dos Santos

- Formado em Sistema de informação- Mais de 8 anos de experiência no mercado web, em consultorias e no

desenvolvimento de sites, sistemas, aplicativos e marketing digital.- Mais de 2 anos de experiência com AngularJs

Page 3: 2° Codelab  - Por onde começar com AngularJS

Angular Js

15 anos depois de sua criação o javascript evolui de forma significativa com a criação de

novos frameworks, dentre eles com grande destaque temos o AngularJs.

O AngularJs é um framework javascript mantido pela Google.

Page 4: 2° Codelab  - Por onde começar com AngularJS

Porque o AngularJs é tão popular?

- Ele funciona como uma extensão ao documento HTML;

- Diversidade de funcionalidades (DataBinding, Ajax);

- Páginas dinâmicas e rápidas

- Javascript organizado

Page 5: 2° Codelab  - Por onde começar com AngularJS

Módulos

O AngularJs permite a criação de seu próprio framework de trabalho a través da

modularização de seu projeto, fazendo com que seja possível reaproveitar módulos em

outros projetos.

Page 6: 2° Codelab  - Por onde começar com AngularJS

DataBind

Uma dos principais destaques do AngularJS é o seu DataBind. Este termo é com-

preendido como uma forma de ligar automaticamente uma variável qualquer a uma

outra. Geralmente, o DataBind é usado para ligar uma variável do JavaScript (ou um

objeto) a algum elemento do documento HTML.

Page 7: 2° Codelab  - Por onde começar com AngularJS

Directives

Exemplos

- ng-app

- ng-controller

- ng-show/ng-hide

- ng-repeat

Page 8: 2° Codelab  - Por onde começar com AngularJS

Controller

Page 9: 2° Codelab  - Por onde começar com AngularJS

“coletar dados é só o primeiro passo em direção à sabedoria. Mas

compartilhar dados é o primeiro passo em direção a comunidade.”

comercial da IBM sobre o Linux

Page 10: 2° Codelab  - Por onde começar com AngularJS

Links por onde começar com angular JS:

#Ciro nunes [ https://speakerdeck.com/cironunes ]

#Offline Web [ http://sergiolopes.org/palestra-appcache-html5-offline/#slide-capa e https://www.youtube.

com/watch?v=mchPQdKbbus ]

#Coleções de links: Vários conteúdos de CSS, JS, Angular, GIT . [ http://free-time.github.io/ e https://github.

com/jmcunningham/AngularJS-Learning/blob/master/PT-BR.md ]

Page 11: 2° Codelab  - Por onde começar com AngularJS

#Angular 2 [ https://www.youtube.com/watch?v=2D5YjURb1jA ]

#Socket IO [ https://www.youtube.com/watch?v=5zcmBZ6mksM ]

#Curso de angular 1 [

- https://www.youtube.com/playlist?list=PLWytY2Ghb8blLM9v1nMoAnDPK7KQp0-DC -

- https://www.youtube.com/watch?v=_y7rKxqPoyg&list=PLQCmSnNFVYnTD5p2fR4EXmtlR6jQJMbPb -

- https://www.youtube.com/playlist?list=PLQCmSnNFVYnT1-oeDOSBnt164802rkegc

- http://www.schoolofnet.com/?s=angular

- http://sites.code.education/laravel-com-angularjs/ ]

Page 12: 2° Codelab  - Por onde começar com AngularJS

#Bower [https://www.youtube.com/playlist?list=PLQCmSnNFVYnS1vVHVumHKAc8RLcSK-Rl2 ]

#Linguagem de JS [ https://www.youtube.com/playlist?list=PLQCmSnNFVYnT1-oeDOSBnt164802rkegc ]

#Angular Material [ http://www.infoq.com/br/presentations/material-design-simples-e-rapido-com-angularjs ]

#Curso GIT [ https://www.youtube.com/playlist?list=PLQCmSnNFVYnRdgxOC_ufH58NxlmM6VYd1 e https:

//www.youtube.com/watch?v=WVLhm1AMeYE&list=PLInBAd9OZCzzHBJjLFZzRl6DgUmOeG3H0 ]

#AngularJS + Yeoman [ https://www.youtube.com/watch?v=-ya81PdhyNo e http://www.matera.

com/br/2016/01/01/yeoman/ ]

Page 13: 2° Codelab  - Por onde começar com AngularJS

Vídeos#Offline Web do jeito certo com ServiceWorkers ~ Sérgio Lopes [ https://www.

youtube.com/watch?v=mchPQdKbbus&authuser=0 ]

#[Web.br 2015] Angular 2 e o futuro do desenvolvimento Front-end [ https://www.

youtube.com/watch?v=2D5YjURb1jA ]

# Realtime com AngularJS e Socket IO - Ciro Nunes [ https://www.youtube.

com/watch?v=5zcmBZ6mksM ]

Page 14: 2° Codelab  - Por onde começar com AngularJS

Vídeos# AngularJS - #1 - Introdução e Hello World - Rodrigo Branas [ https://www.youtube.

com/watch?v=_y7rKxqPoyg ]

# Curso de Git para iniciantes - Aula 1 [ https://www.youtube.com/watch?

v=WVLhm1AMeYE ]

# AngularJS + Yeoman por Bruno Germano [ https://www.youtube.com/watch?v=-

ya81PdhyNo ]

Page 15: 2° Codelab  - Por onde começar com AngularJS

ObrigadoAcompanhe nossas novidades em:

Nossa página: facebook/GDGFoz

Nosso G+: g+/GDGFoz

Contato:

[email protected]