Scribd
Cargar
2 vistas2 páginas

Roadmap Angular Visual

El documento presenta un roadmap para desarrolladores front-end especializados en Angular, comenzando con fundamentos de HTML y CSS, seguido de JavaScript moderno y TypeScript. Se detalla el aprendizaje de Angular, incluyendo componentes, plantillas, servicios, rutas y formularios reactivos, así como el uso de RXJS. Finalmente, se sugieren proyectos para el portafolio y preparación para el mercado laboral.

Cargado por

brendon.henrrique
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
2 vistas2 páginas

Roadmap Angular Visual

El documento presenta un roadmap para desarrolladores front-end especializados en Angular, comenzando con fundamentos de HTML y CSS, seguido de JavaScript moderno y TypeScript. Se detalla el aprendizaje de Angular, incluyendo componentes, plantillas, servicios, rutas y formularios reactivos, así como el uso de RXJS. Finalmente, se sugieren proyectos para el portafolio y preparación para el mercado laboral.

Cargado por

brendon.henrrique
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Roadmap Visual — Desenvolvedor Front-end

Angular

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ INÍCIO ■ ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ HTML + CSS FUNDAMENTAL ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
• Semântica HTML
• Flexbox
• Grid
• Responsividade (mobile first)
• Boas práticas de layout

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ JAVASCRIPT MODERNO (ES6+) ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
• Funções, escopo, eventos
• Arrays: map, filter, reduce
• Objetos e manipulação de DOM
• Promise + async/await
• Fetch API
• Módulos (import/export)

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ TYPESCRIPT ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
• Tipos básicos
• Interfaces e Types
• Classes
• Generics
• União, interseção, narrowing

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ ANGULAR ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ ■ ■
▼ ▼ ▼
■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■
■ COMPONENTES ■ ■ TEMPLATES ■ ■ SERVIÇOS ■
■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■
• @Component • *ngIf / *ngFor • Injeção de dependência
• Ciclo de vida • Pipes + async pipe • HttpClient
• Inputs/Outputs • Diretivas • APIs REST

■ ■ ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
▼ ▼
■■■■■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ ROTAS ■ ■ REACTIVE FORMS ■
■■■■■■■■■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■■■■■■■■■■■■
• RouterModule • FormGroup / FormControl
• Rotas filhas • Validators
• Guards • FormBuilder

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ RXJS ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
• map, filter, tap
• switchMap (muito importante!)
• debounceTime
• Subjects e BehaviorSubject

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ PROJETOS PARA PORTFÓLIO ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
✔ CRUD completo com API
✔ Dashboard administrativo
✔ Landing page responsiva "pixel perfect"
✔ Deploy no GitHub Pages / Netlify / Vercel

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ PREPARAÇÃO PARA O MERCADO ■ ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
• Git + GitHub
• Clean Code
• Documentação
• Saber falar do seu código
• Montar um LinkedIn e portfólio fortes

■
▼
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ DEV ANGULAR ✔■ ■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

También podría gustarte