Desarrollo de Aplicaciones Web con Angular y TypeScript
¡Domina Angular 17 y TypeScript para revolucionar el desarrollo web frontend con nuestro curso completo! Conviértete en un experto creando proyectos dinámicos y avanzados. Aprende desde fundaciones hasta técnicas avanzadas en un solo lugar.
5.0(39)
358 learners
What you'll learn
Aprender a configurar NodeJS con NVM para proyectos Angular.
Crear y estilizar componentes personalizados en Angular.
Implementar formularios reactivos para gestionar datos de productos.
Optimizar el código con refactorización y uso de funciones dinámicas.
This course includes
5.5 hours of video
Certificate of completion
Access on mobile and TV
Course content
1 modules
• 34 lessons
• 5.5 hours of video
Desarrollo de Aplicaciones Web con Angular y TypeScript
34 lessons
• 5.5 hours
▶
Introdução ao Curso de Angular 17! #angular #typescript #desenvolvimentoweb #frontend00:35
Configurando NodeJS com NVM #angular #typescript #frontend #desenvolvimentoweb04:58
Criando o projeto Angular #angular #typescript #frontend #desenvolvimentoweb04:20
Criando componente Header da aplicação #angular #typescript #frontend #desenvolvimentoweb10:17
Estilizando o componente Header #angular #typescript #frontend #desenvolvimentoweb08:33
Estruturando layout da aplicação com Sass #angular #typescript #frontend #desenvolvimentoweb08:35
Criando componente de listagem de produtos #angular #typescript #frontend #desenvolvimentoweb07:08
Configurando JSON Server (Backend da aplicação) #angular #typescript #frontend #desenvolvimentoweb14:30
Melhorando código através de refatoração! #angular #typescript #frontend #desenvolvimentoweb14:31
Utilizando Material Card para renderizar produtos #angular #typescript #frontend #desenvolvimentoweb11:27
Criando componente para reutilizar o Card de produto #angular #typescript #frontend13:50
Adicionando navegação para criar um produto #angular #typescript #frontend #desenvolvimentoweb10:36
Criando componente para cadastrar um produto #angular #typescript #frontend #desenvolvimentoweb08:56
Criando formulário para cadastrar produto com Reactive Forms #angular #typescript #frontend12:03
Estruturando layout do formulário para cadastrar produto #angular #typescript #frontend15:39
Cadastrando produto através do formulário #angular #typescript #frontend #desenvolvimentoweb10:56
Mostrando feedback ao usuário após cadastrar um produto! #angular #typescript #frontend08:54
Refatorando código para padronizar as configurações de Mat Snackbar #angular #typescript #frontend08:03
Criando componente para editar produto #angular #typescript #frontend13:00
Criando formulário de edição de produto com Reactive Forms #angular #typescript #frontend13:24
Recuperando produto do servidor ao acessar o componente de edição #angular #typescript #frontend12:55
Criando componente para reutilizar o fomulário de produto #angular #typescript #frontend11:50
Finalizando componente para reutilizar formulário de produto #angular #typescript #frontend15:07
Criando ação para deletar um produto #angular #typescript #frontend #desenvolvimentoweb13:51
Criando dialog de confimação para deletar produto #angular #typescript #frontend #desenvolvimentoweb09:13
Deletando o produto no servidor #angular #typescript #frontend #desenvolvimentoweb08:46
Refatorando código para abrir a dialog de confirmação #angular #typescript #frontend14:35
Melhorando listagem de produtos com Signals e Resolvers #angular #typescript #frontend09:57
Melhorando código de Resolvers através de Smart Functions #angular #typescript #frontend09:08
Mostrando componente para quando não há produtos cadastrados #angular #typescript #frontend08:59
Utilizando Defer Block para carregar componentes sob-demanda #angular #typescript #frontend08:43
Melhorando estilização da listagem de produtos #angular #typescript #frontend #desenvolvimentoweb09:38
Adicionando roteamento para voltar a listagem de produtos #angular #typescript #frontend10:40
Finalizando curso e agradecimentos! #angular #typescript #frontend #desenvolvimentoweb04:14
