robinhodemorais / cursoangular

Curso de AngularJS Completo - DevMedia

O curso tem como objetivo demonstrar a utilização prática do framework AngularJS desde suas bases até recursos mais avançados. O curso será destinado a todos os públicos, tendo como objetivo um aprendizado consistente da tecnologia em questão, bem como a sua utilização em um mundo real. Pode ser dividido em quatro etapas: Introdução ao AngularJS, onde serão abordadas as bases da tecnologia e até mesmo os conceitos envolvendo javascript e tecnologias basicas correlatadas. Na segunda etapa serão abordados os recursos nativos e básicos do framework e seus elementos mais básicos até recursos mais avançados. Na terceira etapa será visto sua integração com outras tecnologias, tais como consumo de informações através de webservices e recursos adicionais, tais como Angular-UI. Na quarta etapa será criado um projeto prático, ensinando como usar o Angular em um projeto real com recursos de listagem, inserção, alteração e deleção de dados, bem como sua possível utilização com NodeJS.

http://www.devmedia.com.br/curso/curso-completo-de-angularjs/411

Introdução

• 1 - Introdução ao AngularJS

Vamos iniciar o nosso curso de AngularJS configurando o ambiente com todos os softwares necessários para acompanhar o curso, tais como editor Adobe Brackets, Servidor WEB e ainda a biblioteca AngularJS e plugin para Firefox.

• 2 - Exemplo básico usando AngularJS

Em nosso primeiro exemplo prático utilizando a biblioteca vamos aprender como definir a nossa aplicação através da propriedade ng-app e ainda trabalhar com data-bind interagindo entre diversos elementos presentes na tela.

Conceitos Básicos

• 3 - JavaScript básico

Vamos nivelar o nosso conhecimento sobre JavaScript aprendendo os conceitos básicos dessa linguagem utilizando estruturas condicionais, loops e ainda criando estruturas mais complexas definindo objetos e ainda array de objetos.

• 4 - ngBind e expressões

Vamos aprender como utilizar a diretiva ngBind, como criar variáveis através da diretiva ng-init e ainda como trabalhar com estas variáveis usando expressões e a diretiva ng-model.

• 5 - Declarando e utilizando módulos

Vamos aprender o que são e para que servem os módulos. Trabalharemos com a separação de nosso código em arquivos externos declarando módulos e agregando os mesmos junto da diretiva ng-app e ainda realizando a criação de filtros.

• 6 - Controllers e métodos

Vamos aprender como criar, organizar e definir nossos controllers, utilizando diretivas específicas e ainda como criar variáveis e funções e utilizá-las em nossa aplicação através do uso da diretiva ng-click.

• 7 - Loops usando ngRepeat

Vamos aprender a usar a diretiva ngRepeat para criar loops e iterações entre arrays simples e complexos, compostos por objetos, e seu bind automático com a camada de visualização de nossa aplicação.

• 8 - Trabalhando com formulários

Aprenderemos como ligar nossos objetos com nossos formulários e a criar validações com base no estado de nosso formulários e de nossos campos. Aprenderemos como utilizar ngModel e demais diretivas necessárias.

• 9 - Service e Factory

  Aprenderemos como trabalhar com Service e Factory para criar códigos reutilizáveis entre diversos controllers, permitindo reutilização de código e fácil acesso a funcionalidades e objetos.

• 10 - Filter

  Aprenderemos como utilizar os Filters do framework AngularJS e ainda como definir nossos filtros customizados. Após aprenderemos como utilizar os filters dentro de nosso controller usando injeção direta ou através do uso da diretiva $filter.

• 11 - ngRoute

  Aprenderemos como definir rotas e ainda separar nossa aplicação em diversas páginas. Vamos aprender como baixar a biblioteca necessário e ainda definir rotas e passar variáveis entre as páginas.

• 12 - Diretivas básicas

  Aprenderemos o que são e como utilizar as diretivas do AngularJS. Vamos aprender como onde encontrar informações sobre as diretivas e ainda ver de forma prática como utilizar as diretivas ngShow, ngHide, ngBindHtml, ngClass, ngCloak e ainda ngSrc.

• 13 - Criando diretivas customizadas

  Vamos aprender como criar nossas próprias diretivas e ainda elementos customizados, definindo restrições e ainda funcionalidades que podem ser chamadas entre controller e funções dentro de nossa diretiva para interação com o DOM da página.

• 14 - Requisições assíncronas usando $http

  Vamos aprender como utilizar o objeto $http para realizar a busca de informações remotas e ainda como exibir essas informações na tela de forma prática e rápida.

• 15 - Acesso a dados usando $resource

  Vamos aprender como integrar nossa aplicação com um pequeno serviço de dados criado através do Slim Framework em PHP e o objeto $resource do AngularJS.

• 16 - AngularJS vs jQuery

  Vamos aprender como utilizar plugins jQuery junto com AngularJS e ainda qual a finalidade de qual biblioteca, procurando entender qual as responsabilidades de cada uma e ainda quando usar e não usar cada uma.

• 17 - Animations

  Vamos aprender a trabalhar com animações envolvendo AngularJS. Aprenderemos como criar transições usando CSS e a diretiva ngAnimate. Aprenderemos como utilizar animações para exibir ou esconder elementos diversos.

• 18 - $location

  Vamos aprender como utilizar o objeto $location para interagir com a URL de nossa página, passando variáveis via URL e ainda interagindo com essa URL permitindo avançar e voltar através dos botões do browser.

• 19 - ngCookies

  Vamos aprender a trabalhar com cookies através do uso da dependência ngCookies. Aprenderemos como criar cookies, definir valores e ainda remover cookies armazenados no computador do usuários.

• 20 - Plugins

  Vamos aprender como utilizar plug-ins e ainda como incrementar as funcionalidades de nossas aplicações. Aprenderemos como criar e declarar elementos para que nosso sistema possua múltiplos idiomas e ainda que o usuário possa escolher o idioma.

• 21 - Upload de Arquivos

  Vamos aprender como realizar o upload de arquivos utilizando o framework AngularJS e ainda PHP como tecnologia de servidor junto com o plugin Angular File Upload.

• 22 - AngularUI: ui.highlight e ui.mask Vamos começar a trabalhar com o pacote AngularUI e suas diversas ferramentas. Nessa videoaula vamos aprender como utilizar ui.highlight e ui.mask para salientar textos e criar máscaras.

• 23 - AngularUI: ui.unique e ui.validate

  Vamos aprender como utilizar dois componentes do pacote AngularUI: ui.unique e ui.validate. O primeiro para exibir elementos únicos e o seguindo para trabalhar com validações.

• 24 - AngularUI: Google Maps

  Vamos aprender como utilizar o componente Angular Google Maps para inserir um mapa em nossa página bem como após inserido o mapa, inserir um marcador em uma determinada região do mapa embutido.

• 25 - AngularUI: ui.select

  Vamos aprender como utilizar o componente ui.select para realizar uma busca em uma lista de países de forma mais agradável ao nosso usuário e ainda utilizando componentes prontos junto com Bootstrap.

• 26 - AngularUI: ui.bootstrap

  Vamos aprender como utilizar o módulo ui.bootstrap, que é uma versão do framework Bootstrap feita para ser utilizada em aplicações que fazem uso do AngularJS.

• 27 - Projeto Prático: Modelagem de dados

  Vamos compreender o funcionamento de nosso projeto prático bem como criar a modelagem da base de dados utilizando MySQL Workbench. Ao final será exportada a modelagem para o formato SQL.

• 28 - Projeto Prático: Sistema de login

  Vamos criar a nossa API de dados e ainda criar o nosso formulário de login, permitindo que o usuário se autentique em nosso sistema e ainda que o sistema bloqueie acessos não autorizados.