Curso de Angular 17
¡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.
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
Desarrollo de Aplicaciones Web con Angular y TypeScript
- Introdução ao Curso de Angular 17! #angular #typescript #desenvolvimentoweb #frontend 00:35
- Configurando NodeJS com NVM #angular #typescript #frontend #desenvolvimentoweb 04:58
- Criando o projeto Angular #angular #typescript #frontend #desenvolvimentoweb 04:20
- Criando componente Header da aplicação #angular #typescript #frontend #desenvolvimentoweb 10:18
- Estilizando o componente Header #angular #typescript #frontend #desenvolvimentoweb 08:34
- Estruturando layout da aplicação com Sass #angular #typescript #frontend #desenvolvimentoweb 08:36
- Criando componente de listagem de produtos #angular #typescript #frontend #desenvolvimentoweb 07:08
- Configurando JSON Server (Backend da aplicação) #angular #typescript #frontend #desenvolvimentoweb 14:30
- Melhorando código através de refatoração! #angular #typescript #frontend #desenvolvimentoweb 14:32
- Utilizando Material Card para renderizar produtos #angular #typescript #frontend #desenvolvimentoweb 11:27
- Criando componente para reutilizar o Card de produto #angular #typescript #frontend 13:50
- Adicionando navegação para criar um produto #angular #typescript #frontend #desenvolvimentoweb 10:36
- Criando componente para cadastrar um produto #angular #typescript #frontend #desenvolvimentoweb 08:56
- Criando formulário para cadastrar produto com Reactive Forms #angular #typescript #frontend 12:04
- Estruturando layout do formulário para cadastrar produto #angular #typescript #frontend 15:39
- Cadastrando produto através do formulário #angular #typescript #frontend #desenvolvimentoweb 10:56
- Mostrando feedback ao usuário após cadastrar um produto! #angular #typescript #frontend 08:54
- Refatorando código para padronizar as configurações de Mat Snackbar #angular #typescript #frontend 08:04
- Criando componente para editar produto #angular #typescript #frontend 13:01
- Criando formulário de edição de produto com Reactive Forms #angular #typescript #frontend 13:24
- Recuperando produto do servidor ao acessar o componente de edição #angular #typescript #frontend 12:55
- Criando componente para reutilizar o fomulário de produto #angular #typescript #frontend 11:50
- Finalizando componente para reutilizar formulário de produto #angular #typescript #frontend 15:07
- Criando ação para deletar um produto #angular #typescript #frontend #desenvolvimentoweb 13:51
- Criando dialog de confimação para deletar produto #angular #typescript #frontend #desenvolvimentoweb 09:14
- Deletando o produto no servidor #angular #typescript #frontend #desenvolvimentoweb 08:47
- Refatorando código para abrir a dialog de confirmação #angular #typescript #frontend 14:35
- Melhorando listagem de produtos com Signals e Resolvers #angular #typescript #frontend 09:57
- Melhorando código de Resolvers através de Smart Functions #angular #typescript #frontend 09:08
- Mostrando componente para quando não há produtos cadastrados #angular #typescript #frontend 09:00
- Utilizando Defer Block para carregar componentes sob-demanda #angular #typescript #frontend 08:43
- Melhorando estilização da listagem de produtos #angular #typescript #frontend #desenvolvimentoweb 09:38
- Adicionando roteamento para voltar a listagem de produtos #angular #typescript #frontend 10:41
- Finalizando curso e agradecimentos! #angular #typescript #frontend #desenvolvimentoweb 04:15
