Curso Angular do ZERO ao AVANÇADO | Angular v17 e v18 - CRIANDO LANDING PAGE DO ZERO COM ANGULAR 17

Domine o Angular com Fernanda Kipper: da base ao avançado em projetos práticos! Embarque na jornada do zero a aplicações robustas, incluindo Landing Pages, SSG, e mais. Aprenda a integrar com Java, configurar Docker e criar testes unitários.

5.0 (0)

3 learners

What you'll learn

Aprender a construir aplicações web do zero com Angular.
Desenvolver habilidades para criar testes unitários com Jest.
Configurar ambientes de desenvolvimento com Docker e Nginx para Angular.
Implementar uma landing page e um blog utilizando Angular 17.

This course includes

13 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

frontend aplicação completa desenvolvimento frontend angular angularjs landing page angular 17 tutorial angular 17 novidades angular 17 aplicação angular

Full Transcript

Nessa live nós vamos construir uma Landing Page do zero usando Angular na versão 17, a nova versão do framework, desenvolvido e mantido pela Google. Vamos replicar o layout construído no Figma, seguindo as definições para dispositivos desktop e realizar a integração da aplicação com um backend, e por fim, realizaremos o deploy da nossa aplicação! NÃO LEIA --------------------------- ⭐ Seja um membro do canal e tenha acesso à lives, vídeos e conteúdos exclusivos! https://www.youtube.com/channel/UCpKvMmsF6QrkVr_zWaLGK-A/join 👉 APRENDA INGLÊS COM 47% OFF https://fluencypass.com/plans?utm_campaign=pap&affiliate=kipper&a_bid=1383b569&utm_source=youtube&utm_medium=descricao ---------------------------------- 🔗 Link do Notion https://metal-flea-041.notion.site/LIVE-Landing-Page-com-Angular-v17-5dc4ff8876114da9960e60ffc280ca35?pvs=4 🔗 Repositório no GitHub https://github.com/Fernanda-Kipper/landing-page-ssr 👉 Me siga no instagram! https://www.instagram.com/kipper.dev/ Timestamps: 00:00:00 Intro 00:05:10 Apresentando Figma 00:06:30 Nova documentação do Angular 00:10:16 Iniciando projeto Angular 00:12:50 Explicando Server Side Rendering 00:23:30 Continuando criação 00:27:53 Explicando estrutura do projeto 00:29:59 Criando primeiro componente 00:30:34 Standalone components 00:34:48 Explicando propriedades de um @Component 00:37:15 Respondendo chat 00:38:35 Criando header e diretiva NgOpmitizedImage 00:52:51 Construindo home com CSS e HTML 00:58:36 Fontes Google Fonts 01:00:08 Estilos globais 01:03:40 Estrutura de pastas do Angular 01:08:42 Desenvolvendo outros componentes 01:32:19 Criando botão com versões de layout 01:41:35 If no Angular (nova anotação @If) 01:47:31 Criando HTML e CSS do Formulário 02:06:55 Criando formulário com ReactiveFormsModule 02:06:55 Criando formulário com ReactiveFormsModule 02:12:08 Criando Service HTTP 02:18:30 Signals 02:23:50 HttpClientModule Provider with Fetch 02:27:00 Despedidas