CRIANDO LANDING PAGE DO ZERO COM ANGULAR 17
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
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
Sobre este curso
Sejam bem-vindos ao curso completo de Angular, criado para levar você do básico até o avançado nesse poderoso framework de front-end mantido pelo Google! Ideal tanto para iniciantes quanto para desenvolvedores que desejam se atualizar com as novidades do Angular 17 e 18. Durante este curso, você irá aprender: 🔹 Fundamentos do Angular Aprenda a sintaxe, estrutura e principais conceitos do Angular, mesmo sem nenhuma experiência prévia. 🔹 Construção de Projetos Reais Desenvolva aplicações reais, como landing pages, blogs e sistemas completos de login com frontend Angular e backend Java Spring. 🔹 Ferramentas Avançadas Utilize técnicas modernas como Static Site Generation (SSG), testes unitários com Jest, e configuração de ambientes com Docker e Nginx. 🔹 CMS e Integrações Implemente soluções completas com CMS headless como One Entry, otimizando a produção de conteúdo. Este curso é perfeito para quem deseja se destacar no mercado de desenvolvimento front-end e construir aplicações modernas, escaláveis e performáticas.
Lo que aprenderás en este curso:
- Comprender la arquitectura de módulos y componentes de Angular
- Crear servicios, directivas y pipes personalizados
- Implementar formularios reactivos y validaciones
- Gestionar el enrutamiento y la navegación en Angular