Curso de Framework Angular – do básico ao essencial

Saiba como usar este importante Framework no desenvolvimento de sistemas.

                                Compartilhe: 
                            
                                Tweetar

Curso de Framework Angular – do básico ao essencial

Professor: Ronan Adriel Zenatti
Nível do curso: Básico

O Angular é uma plataforma e também um framework criado especificamente para facilitar o trabalho de construção de uma determinada interface de aplicações que se utilizam de outras linguagens comuns na programação web, como HTML, CSS e também o JavaScript. Ele conta com uma grande quantidade de elementos básicos que podem ser utilizados nos projetos e que torna a criação muito mais eficiente.

Dentre os principais recursos que podem ser encontrados no Angular estão os componentes, templates, diretivas, roteamento, módulos, serviços, injeção de dependências e ferramentas de infraestrutura que automatizam tarefas, como a de executar os testes unitários de uma aplicação. A plataforma ainda é um projeto gratuito e aberto, por isso diversas empresas oferecem elementos adicionais, ampliando ainda mais as possibilidades.

Aprenda mais sobre o Framework Angular neste curso online e gratuito. Não deixe de conferir também o curso de Angular 2+.

Sobre o curso

Neste curso online os estudantes poderão criar um projeto no Angular, mesmo que nunca tenha tido contato com este tipo de projeto anteriormente. Para isso, o curso começa apresentando os conceitos por trás do Node.js, já que o Angular acaba rodando a partir do Node. Depois os alunos aprenderão mais sobre a estrutura do projeto e acompanhar a criação de páginas, utilizando diversos recursos como exemplo.

Estrutura do curso

Aula 01 – Conhecendo o Node.js

Aula 01.01 – Instalação do Node.js no Ubuntu – 2021 – Também em outras distribuições.

Aula 01.02 – Instalação do Node.js no Windows 7 – 2021

Aula 01.03 – Instalação do Node.js no Windows10 – 2021

Aula 02 – Conhecendo o que são Single Page Applications(SPA)

Aula 03 – Conhecendo o Angular

Aula 04 – Instalação e configuração do VSCode para Angular.

Aula 05 – Conhecendo os projetos iniciais do Angular 11

Aula 06 – Criando uma API Rest de testes com json-server.

Aula 07 – Como testar APIs REST com Insomnia

Aula 08 – Criando o projeto do curso e conhecendo a estrutura de projetos do Angular

Aula 09 – O que são módulos no Angular

Aula 10 – Adicionando o framework CSS Bootstrap no projeto do Angular. (Sem bibliotecas)

Aula 11 – Inserindo imagens locais em componentes de um projeto Angular.

Aula 12 – O que são componentes no Angular

Aula 13 – Criação de componentes e elaboração do template da aplicação Angular com Bootstrap

Aula 14 – O que são rotas e como elas funcionam no Angular.

Aula 15 – Como criar e configurar rotas na prática com Angular.

Aula 16 – O que é e vantagens do TypeScript

Aula 17 – Criando variáveis com TypeScript no Angular

Aula 18 – Data Binding (Interpolation e Property)

Aula 19 – Formatando variáveis com Pipes no Angular

Aula 20 – Elaboração da interface de Listar Produtos

Aula 21 – Arrays, Objetos, for e ngFor no Angular.

Aula 22 – Elaboração da interface de Cadastro do Produto

Aula 23 – Data bindings – Two way e event

Aula 24 – Criação de componentes reutilizáveis com Angular

Aula 25 – Services, Conexão HTTP, Observable, Interface e Listagem de Produtos – GET

Aula 26 – Tratamento de erros com Observable e ngx-toastr

Aula 27 – Cadastrar produto – POST

Aula 28 – Atualizar produtos – PUT

Aula 29 – Deletar produtos – DELETE

Aula 30 – Publicar JSON-SERVER – Github

Aula 31 – Instalação do Git e publicação do projeto no Github

Aula 32 – Hospedagem do projeto Angular no Vercel

                 play_arrow

                 skip_previous

                 skip_next

                 00:00  / 
            
                     volume_up
                    
                        1x
                    
                         fullscreen