Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 11 hours on-demand video
  • 21 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Angular

Formação Angular 11 - O início criando 7 projetos

Aprenda a criar aplicações web do zero com o Angular 11, através de 7 projetos práticos e divertidos
Rating: 4.5 out of 54.5 (2,077 ratings)
6,267 students
Created by Marcio Casale de Souza
Last updated 11/2020
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Criar aplicações básicas/intermediárias com o Angular
  • Criar 7 projetos práticos, incluindo uma calculadora, um conversor de moedas, CRUD, Dashboard, jogo da velha,...
  • Criar e executar projetos do zero com Angular
  • Criar projetos utilizando o Angular CLI
  • Entender a arquitetura do Angular
  • Entender o que são Typescript e Webpack
  • Criar componentes (components) no Angular
  • Criar serviços (services) no Angular
  • Criar filtros (pipes) no Angular
  • Criar diretivas (directives) no Angular
  • Aprender a criar formulários de dados
  • Aprender a validar dados de formulários
  • Aprender a manipular dados do template
  • Aprender a acessar APIs HTTP externas
  • Aprender a criar rotas e navegação
  • Aprender o que é um Observer
  • Aprender o básico sobre testes unitários com o Angular
  • Aprender a utilizar o Bootstrap com o Angular
  • Criar gráficos utilizando a API de gráficos do Google
  • Aprender a utilizar fontes externas nos projetos Angular

Course content

9 sections • 148 lectures • 10h 59m total length

  • Preview00:21
  • Preview05:14
  • Instrutor
    03:01
  • Conhecimentos Necessários
    03:18
  • Introdução
    00:11
  • Por que aprender Angular através da criação de projetos?
    01:47
  • Como acompanhar o curso
    02:47
  • Requisitos do Sistema
    01:04
  • Instalando o Sublime
    03:25
  • Notas para a versão 11 do Angular
    00:20
  • Instalando o NodeJS/NPM
    06:22
  • Importando os códigos dos projetos
    04:17
  • Notas para a versão 11 do Angular
    00:35
  • Introdução
    2 questions

  • Preview01:40
  • Instalando o Angular CLI
    06:14
  • Notas para a versão 11 do Angular
    00:52
  • Criando o primeiro projeto - Olá mundo!
    08:15
  • Notas para o Angular CLI 11 do Angular 11
    00:23
  • Arquitetura modular do Angular
    04:48
  • TypeScript
    07:04
  • Webpack
    04:58
  • Estrutura de um projeto Angular CLI - parte 1/2
    10:13
  • Estrutura de um projeto Angular CLI - parte 2/2
    08:46
  • Scripts do Angular CLI
    08:15
  • Primeiro projeto
    5 questions

  • Preview04:37
  • Criando o segundo projeto - Calculadora
    04:40
  • Criando o módulo Calculadora
    09:35
  • Criando o componente Calculadora
    13:46
  • Criando o serviço Calculadora
    11:18
  • Criando a interface HTML da Calculadora
    03:21
  • Notas para a configuração do Bootstrap no Angular 11
    00:11
  • Instalando o Bootstrap
    08:51
  • Implementando o serviço CalculadoraService
    09:42
  • Documentando o serviço CalculadoraService
    07:15
  • Testando o serviço CalculadoraService
    11:19
  • Fazendo debug do serviço CalculadoraService
    04:59
  • Implementando o componente CalculadoraComponent
    09:08
  • Implementando a interface do CalculadoraComponent
    07:59
  • Testando o CalculadoraComponent
    06:25
  • Segundo projeto
    4 questions

  • Preview08:09
  • Criando o terceiro projeto - Gerenciador de tarefas
    04:18
  • Notas para a versão 11 do Angular
    00:11
  • Instalando o Bootstrap
    03:38
  • Configurando as rotas de navegação no componente principal
    08:52
  • Criando o módulo de tarefas
    02:54
  • Criando o model de tarefas
    05:25
  • Criando o serviço de gerenciamento de tarefas - parte 1/2
    11:54
  • Criando o serviço de gerenciamento de tarefas - parte 2/2
    12:13
  • Criando o componente de listagem de tarefas
    04:03
  • Registrando as rotas de listagem de tarefas
    10:15
  • Nota para a criação da interface HTML
    00:17
  • Criando a interface HTML da listagem de tarefas
    03:45
  • Implementando a listagem de tarefas - parte 1/2
    06:49
  • Implementando a listagem de tarefas - parte 2/2
    12:48
  • Criando o componente de cadastro de tarefas
    02:20
  • Registrando as rotas de cadastro de tarefas
    04:09
  • Criando a interface HTML do cadastro de tarefas
    03:14
  • Nota sobre o ViewChild do vídeo a seguir
    00:19
  • Implementando o cadastro de tarefas - parte 1/2
    06:08
  • Implementando o cadastro de tarefas - parte 2/2
    14:47
  • Criando o componente de edição de tarefas
    01:41
  • Registrando as rotas de edição de tarefas
    03:29
  • Criando a interface HTML da edição de tarefas
    01:06
  • Nota sobre o ViewChild do vídeo a seguir
    00:09
  • Implementando a edição de tarefas
    06:21
  • Removendo tarefas
    05:48
  • Alterando o status de uma tarefa
    03:20
  • Criando uma diretiva de tarefa concluída
    04:20
  • Implementando a diretiva de tarefa concluída
    06:52
  • Ajustando os testes unitários
    05:49
  • Terceiro projeto
    4 questions

  • Preview04:29
  • Notas para a versão 11 do Angular
    00:05
  • Criando o quarto projeto - Jogo da velha
    01:42
  • Criando o módulo Jogo da velha
    03:36
  • Criando o componente Jogo da velha
    03:11
  • Criando o serviço do Jogo da velha
    03:08
  • Implementando o serviço do Jogo da velha - parte 1/2
    07:12
  • Implementando o serviço do Jogo da velha - parte 2/2
    08:47
  • Criando a interface HTML do Jogo da velha
    02:38
  • Criando o CSS do Jogo da velha
    03:14
  • Adicionando uma fonte ao Jogo da velha
    02:52
  • Adicionando imagens ao Jogo da velha
    03:25
  • Implementando a tela inicial do Jogo da velha
    06:16
  • Implementando a tela do tabuleiro do Jogo da velha
    09:33
  • Implementando a tela final do Jogo da velha
    03:08
  • Ajustando os testes unitários do Jogo da velha
    02:48
  • Quarto projeto
    3 questions

  • Preview06:43
  • Entendo o padrão de projeto Observer
    09:06
  • Criando o quinto projeto - Conversor de moedas
    02:15
  • Notas para a versão 11 do Angular
    00:20
  • Instalando o Bootstrap e jQuery
    04:34
  • Criando o módulo conversor
    01:43
  • Criando o model moeda
    02:17
  • Criando o model conversão
    01:40
  • Criando o model de resposta de uma conversão
    03:16
  • Nota importante!!!
    02:05
  • Criando o componente do Conversor de moedas
    03:49
  • Criando o serviço de gerenciamento de moedas
    03:05
  • Implementando o serviço gerenciamento de moedas
    04:24
  • Criando o serviço de conversão de moedas
    02:09
  • Implementando o serviço de conversão de moedas
    14:13
  • Criando o HTML do formulário de conversão de moedas
    03:14
  • Nota sobre o ViewChild do vídeo a seguir
    00:31
  • Implementando o formulário de conversão de moedas
    11:58
  • Criando uma diretiva de validação de números
    02:45
  • Implementando a diretiva de validação de números - parte 1/2
    09:54
  • Implementando a diretiva de validação de números - parte 2/2
    06:46
  • Implementando a ação de conversão de moedas
    05:39
  • Criando o componente modal de conversão de moedas
    02:58
  • Criando o HTML do componente modal de conversão de moedas
    01:42
  • Implementando o componente modal de conversão de moedas
    14:07
  • Criando um filtro (pipe) de formatação de data (dd/mm/yyyy)
    03:55
  • Implementando o filtro (pipe) de formatação de data
    05:37
  • Ajustando os testes unitários do Conversor de moedas
    04:25
  • Quinto projeto
    6 questions

  • Preview03:54
  • Criando o sexto projeto - Dashboard
    04:42
  • Notas para a versão 11 do Angular
    00:07
  • Criando o módulo Dashboard
    02:07
  • Criando o componente do Dashboard
    02:34
  • Criando o serviço de dados do Dashboard
    03:25
  • Implementando o serviço de dados do Dashboard
    04:47
  • Importando a API de gráficos no projeto
    03:23
  • Criando o HTML e CSS dos gráficos do Dashboard
    02:22
  • Implementando os gráficos no componente - parte 1/2
    12:14
  • Implementando os gráficos no componente - parte 2/2
    04:19
  • Ajustando os testes unitários do Dashboard
    01:30
  • Sexto projeto
    3 questions

  • Preview03:31
  • Criando o sétimo projeto - Projeto final
    03:36
  • Atualizando o Projeto Final para a versão 11 do Angular
    00:19
  • Instalando o Bootstrap e jQuery
    03:30
  • Importando a API de gráficos no projeto
    01:02
  • Configurando as rotas de navegação no componente principal
    05:15
  • Criando o HTML do menu principal da aplicação
    02:27
  • Integrando o módulo Dashboard
    02:34
  • Criando as rotas do módulo Dashboard
    00:33
  • Integrando o módulo Calculadora
    01:33
  • Criando as rotas do módulo Calculadora
    00:29
  • Integrando o módulo Conversor de moedas
    01:12
  • Criando as rotas do módulo Conversor de moedas
    00:32
  • Integrando o módulo Gerenciador de tarefas
    01:57
  • Criando as rotas do módulo Gerenciador de tarefas
    00:38
  • Integrando o módulo Jogo da velha
    01:22
  • Importando os assets (imagens) do Jogo da velha
    00:44
  • Importando a fonte do Jogo da velha
    01:15
  • Notas para o projeto jogo da velha no Angular 9
    00:30
  • Criando as rotas do módulo Jogo da velha
    00:34
  • Ajustando os testes unitários do Projeto final
    02:13
  • Sétimo projeto
    2 questions

  • Palavras finais e próximos passos
    04:03

Requirements

  • Você deve ter noções de programação web (HTML, CSS)
  • Você deve ter noções de lógica de programação
  • Você deve conhecer Javascript básico
  • Você de ter noções de orientação a objetos

Description

*** Atualizado para a versão 11 do Angular ***

Esse curso tem como objetivo principal ensinar a criação de aplicações web com o poderoso framework Angular 11.

Para tornar o aprendizado prático e divertido, você criará 7 projetos ao longo do curso, onde serão ensinados passo a passo na prática, os recursos básicos e intermediários do Angular 11!

Ao término do curso, você será capaz de criar aplicações utilizando os principais recursos do Angular 11, e dar os primeiros passos na carreira de desenvolvedor web com esse poderoso framework web.

Através do curso, você será capaz de se destacar no mercado de trabalho, como um desenvolvedor web que possui conhecimentos em Angular 11, que por ser um framework recente, ainda demanda de muitos profissionais qualificados.

Veja a seguir como esse curso o tornará um profissional diferenciado no mercado de trabalho:

  1. Através do estudo utilizando projetos na prática, você será capaz de criar seus próprios projetos em um curto espaço de tempo.

  2. Aqui serão apresentadas as melhores práticas a serem seguidas, o que significa que você criará aplicações otimizadas e de qualidade.

  3. Com a criação de projetos práticos, você terá uma ampla base de exemplos codificados para utilizar como referência em seus projetos, o que aumentará a sua produtividade.

  4. Através de pequenos projetos, você ficará motivado a concluir o curso rapidamente, o que o ajudará a estar qualificado em um curto espaço de tempo.

O curso é 100% prático, e todas as lições são executadas passo a passo para que não fique nenhuma dúvida.

O curso foi dividido em 7 projetos, com o objetivo de tornar o aprendizado otimizado, divertido, e prático, portanto ele não possui lições teóricas e cansativas.

É um curso para ser realizado do início ao fim, deixando ainda um gostinho de quero mais ao seu término!

Como foi possível perceber, só existem vantagens em atender esse curso, e se você pretende se tornar um profissional diferenciado no mercado de trabalho de desenvolvimento web, esse curso foi feito para você!

O que você está esperando? Comece agora mesmo e bons estudos!

Who this course is for:

  • Esse curso é para desenvolvedores Web/Javascript que pretendem criar aplicações web com o Angular
  • Desenvolvedores que pretendem entender o Angular desde o básico
  • Desenvolvedores que pretendem aprender ou melhorar seus conhecimentos em Angular de modo divertido, através da criação de projetos práticos

Instructor

Marcio Casale de Souza
Mr
Marcio Casale de Souza
  • 4.5 Instructor Rating
  • 5,414 Reviews
  • 13,997 Students
  • 9 Courses

Sou o Marcio C. de Souza, formado em Sistemas de Informação e Pós Graduado em Desenvolvimento de Sistemas Corporativos em Java.

Possuo vasta experiência em desenvolvimento de sistemas, no qual já trabalho profissionalmente a mais de sete anos.

Sou entusiasta de novas tecnologias, e gosto de ensinar o que tenho aprendido ao longo dos anos.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.