Passo a passo

1. 1

   Conteúdo do plano

   • 
     Site HTML básico - Aprendendo desenvolvimento web | MDN
   • 
     Video 5 MINUTOS DE HTML PARA INICIAR EM PROGRAMAÇÃO! - YouTube
   • 
     Video LANDING PAGE COM HTML e CSS! - YouTube
   • 
     Video FORMULÁRIOS COM HTML e CSS! - YouTube
   • 
     Artigo HTML: o que é, como aprender e um Guia para iniciantes | Alura
   • 
     Artigo HTML, CSS e Javascript, quais as diferenças? | Alura
   • 
     Trilha HTML e CSS para projetos web
   • 
     Site Desenvolvimento Web com HTML, CSS e JavaScript | Alura Cursos Online
   • 
     Site 7 days Of Code | Alura
   • 
     Site Iniciando com CSS - Aprendendo desenvolvimento web | MDN
   • 
     Site CSS selectors - Aprendendo desenvolvimento web | MDN
   • 
     Site Cascata, especificidade e herança - Aprendendo desenvolvimento web | MDN
   • 
     Site Display - CSS | MDN
   • 
     Site Conceitos básicos de flexbox - CSS | MDN
   • 
     Site Entendendo CSS: Display Inline, Block e Inline-Block - DEV Community
   • 
     Site Entendendo CSS: Pseudo-Classes e Pseudo-Elementos - DEV Community
   • 
     Site Como aplicar opacidade em background-image sem afetar textos - DEV Community
   • 
     Video O QUE É CSS? (SELETORES, PROPRIEDADES E VALORES) - YouTube
   • 
     Video FLEXBOX CSS! Como posicionar elementos na página web - parte 1 - YouTube
   • 
     Video FLEXBOX CSS! Como posicionar elementos na página web - parte 2 - YouTube
   • 
     Video [Front-End] Arquitetura CSS - BEM - YouTube
   • 
     Video [Front-End] - CSS Grid Layout - YouTube
   • 
     Video Como centralizar no CSS? 3 formas, Vertical/Horizontal + Bônus #DicasDeCSS - YouTube
   • 
     Site CSS: Cansei de Ser Simples - Hipsters #09 - Hipsters Ponto TechHipsters Ponto Tech
   • 
     Artigo CSS: o que é, como usar no HTML e um Guia para iniciar | Alura
   • 
     Artigo Guia de Unidades no CSS | Alura
   • 
     Artigo Flexbox CSS: guia completo, elementos e exemplos | Alura
   • 
     Artigo CSS: Grids e tabelas com responsividade na Web | Alura
   • 
     Video CSS FlexBox: Dicas para começar | #AluraMais - YouTube
   • 
     Video Box Model e Sizing no CSS | #AluraMais - YouTube
   • 
     Video Alura: Curso de HTML5 e CSS3 (parte 2) - Aula 1 - YouTube
   • 
     Trilha CSS: aprofunde em estilos
   • 
     Site 7 days Of Code | Alura
   • 
     Site Um primeiro mergulho no JavaScript - Aprendendo desenvolvimento web | MDN
   • 
     Site Trabalhando com texto — strings em JavaScript - Aprendendo desenvolvimento web | MDN
   • 
     Site if...else - JavaScript | MDN
   • 
     Site while - JavaScript | MDN
   • 
     Site for - JavaScript | MDN
   • 
     Site Arrays - Aprendendo desenvolvimento web | MDN
   • 
     Site Template strings - JavaScript | MDN
   • 
     Artigo Blog do Matheus Castiglioni | Definindo Funções em Javascript
   • 
     Video O que todo iniciante em Front End deveria aprender | Como manipular arrays e objetos em JavaScript - YouTube
   • 
     Video O que é Json e como criar um objeto #19 #AluraFlix - YouTube
   • 
     Video Como usar Async/Await? Promises no JavaScript? Você NUNCA MAIS VAI ERRAR - YouTube
   • 
     Video Como pegar dados de uma API? Como fazer AJAX ou "AJAJ"! | Pegando dados de serviços via JavaScript - YouTube
   • 
     Artigo JavaScript: o que é, como aprender e Guia da linguagem | Alura
   • 
     Site O Reino encantado do JavaScript - Hipsters #38 - Hipsters Ponto TechHipsters Ponto Tech
   • 
     Site JavaScript: manual de sobrevivência 2020 - Hipsters #169 - Hipsters Ponto TechHipsters Ponto Tech
   • 
     Site Evolução do JavaScript - Hipsters Ponto Tech #236 - Hipsters Ponto TechHipsters Ponto Tech
   • 
     Artigo Strings com JavaScript: o que são e como manipulá-las | Alura
   • 
     Artigo Como utilizar operadores de comparação em Javascript | Alura
   • 
     Artigo JavaScript: O que é, e para que serve um Array? | Alura
   • 
     Artigo JavaScript: Quando devo usar forEach e map? | Alura
   • 
     Artigo Manipulação de array com map, filter e reduce | Alura
   • 
     Trilha Desenvolva aplicações Web com JavaScript
   • 
     Video O que é JavaScript? | #HipstersPontoTube - YouTube
   • 
     Video Destructuring em JavaScript #AluraMais - YouTube
   • 
     Site 7 days Of Code | Alura
   • 
     Site 7 days Of Code | Alura
   • 
     Site 7 days Of Code | Alura
   • 
     Site TypeScript - Compreendendo o TypeScript | Microsoft Learn
   • 
     Site TypeScript: O guia definitivo. Um guia completo para sua jornada… | by Eduardo Rabelo | Medium
   • 
     Video Linguagens Sem Tipos, da pra ficar bom programando nelas? JavaScript vs TypeScript - YouTube
   • 
     Site TypeScript: Documentation - TypeScript for the New Programmer
   • 
     Artigo JavaScript ou TypeScript? Entenda as principais diferenças | Alura
   • 
     Podcast O Hype do TypeScript – Hipsters #207
   • 
     Podcast TechGuide: Typescript – Hipsters Ponto Tech #378
   • 
     Video Quais são as principais vantagens do Typescript? | #HipstersPontoTube - YouTube
   • 
     Video Imersão React Live #02 - TypeScript no nosso projeto React, com Lucas Santos da Microsoft - YouTube
   • 
     Trilha Aplique TypeScript no front-end
   • 
     Trilha Melhore sua experiência de desenvolvimento com TypeScript
   • 
     Trilha Gerencie aplicações React com Typescript
   • 
     Site Angular
   • 
     Site Bê-á-bá do Angular. Uma simples introdução sobre algumas… | by Belmiro | Medium
   • 
     Site Angular I— Iniciando um projeto do zero | by Iago Machado | Medium
   • 
     Video Como APRENDER um FRAMEWORK Front End? Como eu aprendi Angular? - YouTube
   • 
     Video Curso Angular #01: Introdução - YouTube
   • 
     Site Evoluções no Angular e Outros Frameworks Front-End – Hipsters Ponto Tech #383 - Hipsters Ponto TechHipsters Ponto Tech
   • 
     Video O que é Angular e AngularJS? #HipstersPontoTube - YouTube
   • 
     Video Alura Live #54 - Programação Reativa - YouTube
   • 
     Trilha Explore o Framework Angular
   • 
     Site Princípios básicos da Programação Orientação a Objetos (POO) | by Yan Borowski | Medium
   • 
     Video O que é Programação Orientada a Objetos?(POO) - YouTube
   • 
     Video Desmistificando os tipos de referência no Java - Ep. 8 - YouTube
   • 
     Site TechGuide: Orientação a Objetos - Hipsters Ponto Tech #350 - Hipsters Ponto TechHipsters Ponto Tech
   • 
     Artigo POO: o que é programação orientada a objetos? | Alura
   • 
     Site Java e Orientação a Objetos | Alura Cursos Online
   • 
     Livro Livro de Orientação a Objetos - Casa do Código
   • 
     Video Orientação a objetos com Roberta Arcoverde | #HipstersPontoTube - YouTube
   • 
     Video Imersão Java: Orientação a Objetos, APIs e além (e live coding!) - YouTube
   • 
     Trilha Aprenda a programar em Java com Orientação a Objetos
   • 
     Trilha Aprenda a programar em C# com Orientação a Objetos
   • 
     Trilha Aprenda a programar em Python com Orientação a Objetos
   • 
     Curso Orientação a Objetos com PHP: Classes, métodos e atributos
   • 
     Curso JavaScript: programação orientada a objetos
   • 
     Site RxJS
   • 
     Artigo O que é RxJS? - ReactiveJS
   • 
     Site RxJS – Entendendo o conceito na prática. | Bognar Junior
   • 
     Video Curso Angular v13: #14 - Observable - YouTube
   • 
     Video Curso Angular v13: #15 - Observable a fundo - YouTube
   • 
     Site Padrões em JS: Observer Pattern. Entendendo Observables ao criar um… | by Eduardo Rabelo | Medium
   • 
     Site Observer Pattern - Design Patterns com Typescript - Ronaldo Meneguite
   • 
     Site Entendendo RxJS Observable com Angular | by Wendel Nascimento | Tableless | Medium
   • 
     Video Você nunca mais vai conseguir ler um código da mesma forma... - YouTube
   • 
     Podcast Design Patterns – Hipsters #206
   • 
     Curso Java e refatoração: melhorando códigos com boas práticas
   • 
     Curso Design Patterns em PHP: padrões comportamentais
   • 
     Curso C#: aplique boas práticas de refatoração e torne seu código mais legível
   • 
     Site Passo 2: Templates do Angular · Desenvolvimento de Software para a Web
   • 
     Site Angular: NgTemplate. Criando componentes customizáveis | by Henrique Custódia | criciumadev | Medium
   • 
     Site ngTemplateOutlet: O segredo da personalização | by Andrew Rosário | Medium
   • 
     Video Curso Angular #06: Introdução aos Templates - YouTube
   • 
     Curso Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD
   • 
     Curso Angular: design de componentes com acessibilidade
   • 
     Site Angular Universal — Renderizando sua aplicação no Servidor | by ARTUR QUIRINO (BIXIGA) | Medium
   • 
     Site Performance em Angular — Dicas e truques | by Clayton K. N. Passos | codigorefinado | Medium
   • 
     Site Introdução a Renderização Dinâmica para SEO | Réulison Silva
   • 
     Site O que é um serviço no Angular e porquê usá-lo? | by Dumilde Matos | Medium
   • 
     Site Herança de services em Angular. Como usar herança para padronizar… | by Vanderlei Loureiro | Medium
   • 
     Video Curso Angular 9 #08 Criando um Service - YouTube
   • 
     Video Curso Angular #38: Criando um serviço (Service) - YouTube
   • 
     Site Angular
   • 
     Site Angular 5: Trabalhando com Rotas. A um tempo atrás eu criei um artigo… | by Thiago S. Adriano | angularbr | Medium
   • 
     Site Aula 01 — Layout, rotas e parâmetros | by Andre Rodrigues | Medium
   • 
     Video Curso Angular 2 #49: Rotas: Introdução - YouTube
   • 
     Video Curso Angular #50: Rotas: Configurando rotas simples - YouTube
   • 
     Site Angular
   • 
     Site Desenvolva Aplicações Full-Stack com Angular CLI e Nx | by Ricardo Mello | Medium
   • 
     Video ANGULAR CLI COMANDOS QUE VOCÊ DEVE SABER - YouTube
   • 
     Video Curso Angular #17: Angular CLI: Instalação e criação de projetos: ng new e ng serve - YouTube
   • 
     Video Curso Angular #18: Angular CLI: Criando components, services: ng generate - YouTube
   • 
     Video Curso Angular #21: Angular CLI: Estrutura do projeto - YouTube
   • 
     Video Curso Angular #22: Angular CLI: Gerando build de produção - YouTube
   • 
     Artigo Criando aplicações Angular com Angular CLI | Alura
   • 
     Site Pensando Reativamente. Teoria e Prática com Angular e RxJS | by Richard Lee | Medium
   • 
     Site Gerenciamento de estado com Redux | by Marcos Santos | Medium
   • 
     Site Como Estruturar o seu Front-End com Angular | by Ricardo Mello | Medium
   • 
     Site Padrões e Boas Práticas em Angular (Que te ajudarão a escalar) | by Andrew Rosário | Medium
   • 
     Video Gerenciamento de estado no Angular com NgRx e programação reativa - YouTube
   • 
     Video [Front-End] Angular - Gerenciando estado com NGRX - YouTube
   • 
     Site Tutorial — Reactive Forms com Angular | by Daniel Freitas | Medium | mobicareofficial
   • 
     Site Criando formulários com etapas no Angular | by Andrew Rosário | Inside PicPay | Medium
   • 
     Site Formulários Dinâmicos com Angular | by Paulo Sousa | Medium
   • 
     Video Curso Angular #72: Formulários (template vs data / reativo) Introdução - YouTube
   • 
     Video Curso Angular #73: Formulários - Criando o projeto inicial com Bootstrap 3 - YouTube
   • 
     Video Curso Angular #88: Formulários reativos (data driven) Introdução - YouTube
   • 
     Video Curso Angular #88: Formulários reativos (data driven) Introdução - YouTube
   • 
     Video Curso Angular #90: Formulários reativos: Criando um form com código Angular - YouTube
   • 
     Site Qual a diferença entre Module e Component no Angular? #Curtinhas #Angular | Fábio Miranda
   • 
     Site Angular: Core vs Shared Modules. Uma grande feature que foi adicionada… | by Felix Costa | Blog do LFDev | Medium
   • 
     Site Angular Cap. II — Angular Lazy Loading Modules | by Iago Machado | Medium
   • 
     Video Curso Angular #05: Módulos (ngModule) - YouTube
   • 
     Video Curso Angular #58: Criando um módulo de funcionalidade - YouTube
   • 
     Video Curso Angular #76: Forms (template driven) Módulos e FormsModule - YouTube
   • 
     Video Curso Angular #89: Formulários reativos: Configuração (Módulo e Componente) - YouTube
   • 
     Site https://www.alura.com.br/conteudo/angular-boas-praticas-arquiteturas-formularios
   • 
     Curso Angular: boas práticas em arquiteturas e formulários
   • 
     Site Angular
   • 
     Site Injeção de dependência - Guia Rápido
   • 
     Site "Fabricando" Injeções de Dependência no Angular | by Andrew Rosário | Medium
   • 
     Video Curso Angular #39: Injeção de Dependência (DI) + como usar um serviço em um componente - YouTube
   • 
     Video Curso Angular #42: Injetando um serviço em outro serviço - YouTube
   • 
     Artigo Services e injeção de dependência no Angular: o que são e como funcionam? | Alura
   • 
     Site https://www.alura.com.br/conteudo/angular-fundamentos
   • 
     Site Testes Unitários: Fundamentos e Qualidade de Software! - DEV Community
   • 
     Site Testes de unidade usando Angular. Agora que sabemos um pouco o porquê… | by João Henrique de Oliveira Júnior | TOTVS Developers | Medium
   • 
     Site Escrevendo testes eficientes de verdade no Angular | by Andrew Rosário | Medium
   • 
     Video Testes Unitários no Angular - Entenda como funciona 🤔 - YouTube
   • 
     Video Como testar um componente no Angular - Testes Unitários no Angular - YouTube
   • 
     Video Como criar teste unitários em Angular - YouTube
   • 
     Curso Angular: testes automatizados com Jasmine e Karma
   • 
     Curso Angular: avançando com testes automatizados
   • 
     Site GraphQL: a linguagem de consulta para APIs
   • 
     Site GraphQL: O que é e como usar | Medium
   • 
     Site Entendendo um pouco sobre o que é GraphQL - DEV Community
   • 
     Video GraphQL: Pra que serve, Conceitos e Hello World - Aula #01 - YouTube
   • 
     Site How to GraphQL - The Fullstack Tutorial for GraphQL
   • 
     Video O que é GraphQL? com Juliana Amoasei | #HipstersPontoTube - YouTube
   • 
     Podcast Python, GraphQL e Serverless no Zé Delivery – Hipsters On The Road #53
   • 
     Curso React: combinando Context API e Apollo Client