\n\n\n```\n\nNessa aula, vamos iniciar com o clássico Hello World, essencial ao trabalhar com qualquer linguagem ou framework. Dividi a aula em duas partes: primeiro, criaremos um arquivo modelo que servirá de base para os próximos conceitos. Usaremos o React com a tag script para focar nos fundamentos. Vou mostrar como criar um arquivo `modelo.html` e configurar a estrutura básica do HTML, incluindo a div que renderiza a aplicação. Na próxima aula, instalaremos extensões e faremos o Hello World funcionar.","content":null,"duration":195,"isFree":false,"isLoggedOutWatchable":false,"hasTranscription":true,"tags":[],"video":{"jupiterVideoId":"637592c6-0178-4bc3-b6e8-4507d375df4d","platform":"nivo"},"route":"/jornada/react-2025/sala/fundamentos-9/grupo/formas-de-rodar-o-react-e-hello-world/aula/criando-arquivo-base","metadata":{"journey_id":"d941129a-2873-4670-b53a-05da566d1496","journey_title":"React","type":"cluster","is_expert_content":false,"node_id":"7be2f248-2d13-4ca3-9879-8f94907299fc","node_title":"Fundamentos","node_slug":"fundamentos-9","roadmap_slug":null,"cluster_id":"bed08bdb-10ff-4c27-b807-5ff653ec7b94","cluster_title":"Fundamentos","cluster_slug":"fundamentos-9","cluster_thumbnail_url":null,"lesson_group_id":"eac77bfd-b18a-4e1a-a2d0-6bdecb934b07","group_slug":"formas-de-rodar-o-react-e-hello-world","group_title":"Formas de rodar o React e Hello World","lesson_id":"393df3ea-440b-46a3-88ab-77515bcb7394","lesson_slug":"criando-arquivo-base","lesson_title":"Criando arquivo base"},"lessonGroup":{"id":"eac77bfd-b18a-4e1a-a2d0-6bdecb934b07","slug":"formas-de-rodar-o-react-e-hello-world","title":"Formas de rodar o React e Hello World"}},{"id":"e8f77d19-fed9-4f36-81a8-fd374e84242c","slug":"extensoes-uteis-para-o-react-no-vs-code","type":"VIDEO","title":"Extensões Úteis para o React no VSCode","lessonJourneyId":"e6102c05-6685-432f-b649-3cb08ef7dea6","description":"Antes de mergulharmos no Hello World, quero compartilhar duas extensões do VS Code que vão facilitar sua vida como desenvolvedor. A primeira é o Biome, um formatador de código que melhora a indentação automaticamente ao salvar. Basta instalá-lo e configurá-lo nas opções de formatação. A segunda é o Live Preview, que permite visualizar seu projeto em um navegador integrado. Na próxima aula, vamos criar nosso Hello World em React, que é super simples!","content":null,"duration":139,"isFree":false,"isLoggedOutWatchable":false,"hasTranscription":true,"tags":[],"video":{"jupiterVideoId":"95293e83-f96e-4b64-b049-a498fef1284b","platform":"nivo"},"route":"/jornada/react-2025/sala/fundamentos-9/grupo/formas-de-rodar-o-react-e-hello-world/aula/extensoes-uteis-para-o-react-no-vs-code","metadata":{"journey_id":"d941129a-2873-4670-b53a-05da566d1496","journey_title":"React","type":"cluster","is_expert_content":false,"node_id":"7be2f248-2d13-4ca3-9879-8f94907299fc","node_title":"Fundamentos","node_slug":"fundamentos-9","roadmap_slug":null,"cluster_id":"bed08bdb-10ff-4c27-b807-5ff653ec7b94","cluster_title":"Fundamentos","cluster_slug":"fundamentos-9","cluster_thumbnail_url":null,"lesson_group_id":"eac77bfd-b18a-4e1a-a2d0-6bdecb934b07","group_slug":"formas-de-rodar-o-react-e-hello-world","group_title":"Formas de rodar o React e Hello World","lesson_id":"6cf4c7a0-3d80-460c-a105-d636900cfb9f","lesson_slug":"extensoes-uteis-para-o-react-no-vs-code","lesson_title":"Extensões Úteis para o React no VSCode"},"lessonGroup":{"id":"eac77bfd-b18a-4e1a-a2d0-6bdecb934b07","slug":"formas-de-rodar-o-react-e-hello-world","title":"Formas de rodar o React e Hello World"}},{"id":"29d97f3f-4ea2-4b1b-a5bd-c2945468a30b","slug":"nosso-primeiro-hello-world","type":"VIDEO","title":"Nosso primeiro \"Hello World\"","lessonJourneyId":"473f1d93-a568-4ece-996f-da6f82a615f8","description":"Agora que configuramos nosso ambiente no VS Code, vamos criar nosso primeiro projeto em React: o Hello World. Começamos copiando um arquivo modelo e renomeando-o. Em seguida, utilizamos `ReactDOM.createRoot` para buscar a div principal da nossa aplicação. O interessante é que, ao invés de usar strings, inserimos diretamente o HTML, aproveitando o JSX, que permite essa integração entre HTML e JavaScript. Na próxima aula, vamos aprofundar em HTML, CSS e JSX.","content":null,"duration":190,"isFree":false,"isLoggedOutWatchable":false,"hasTranscription":true,"tags":[],"video":{"jupiterVideoId":"ed6d7f8c-12dc-4e93-919e-a04b85471193","platform":"nivo"},"route":"/jornada/react-2025/sala/fundamentos-9/grupo/formas-de-rodar-o-react-e-hello-world/aula/nosso-primeiro-hello-world","metadata":{"journey_id":"d941129a-2873-4670-b53a-05da566d1496","journey_title":"React","type":"cluster","is_expert_content":false,"node_id":"7be2f248-2d13-4ca3-9879-8f94907299fc","node_title":"Fundamentos","node_slug":"fundamentos-9","roadmap_slug":null,"cluster_id":"bed08bdb-10ff-4c27-b807-5ff653ec7b94","cluster_title":"Fundamentos","cluster_slug":"fundamentos-9","cluster_thumbnail_url":null,"lesson_group_id":"eac77bfd-b18a-4e1a-a2d0-6bdecb934b07","group_slug":"formas-de-rodar-o-react-e-hello-world","group_title":"Formas de rodar o React e Hello World","lesson_id":"7eada2f4-c324-4f64-8ceb-5983f685b16d","lesson_slug":"nosso-primeiro-hello-world","lesson_title":"Nosso primeiro \"Hello World\""},"lessonGroup":{"id":"eac77bfd-b18a-4e1a-a2d0-6bdecb934b07","slug":"formas-de-rodar-o-react-e-hello-world","title":"Formas de rodar o React e Hello World"}}]}],"journeyNode":{"id":"7be2f248-2d13-4ca3-9879-8f94907299fc","slug":"fundamentos-9","title":"Iniciação","description":"Nesse módulo você dará os seus primeiros passos com o React entendendo o que é React e o que não é, DOM x Virtual DOM, árvore de renderização, reconciliação, como reutilizar código por meio de componentes, formas de rodar o React e como criar o seu primeiro \"Hello World\"","isFreemium":false,"isBonus":false,"releaseAt":"2025-05-05T03:00:00.000Z"},"journey":{"id":"d941129a-2873-4670-b53a-05da566d1496","slug":"react-2025","title":"React","iconUrl":"https://xesque.rocketseat.dev/platform/1760965441182.svg","isFree":false,"freeUntil":null,"isEntryCourse":false,"isCertificable":true,"certificate":{},"contentType":"SPECIALIZATION","hasAfterAccess":false,"shouldRedirectToInternalPage":false,"plutoOfferSlug":"formacao-em-react","parentJourney":null},"forum":{"slug":"react-js"}},"dataUpdateCount":0,"dataUpdatedAt":1793825317876,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":["GetJourneyLessonByNodeSlug",{"nodeSlug":"fundamentos-9"}],"queryHash":"[\"GetJourneyLessonByNodeSlug\",{\"nodeSlug\":\"fundamentos-9\"}]"}]});Formação DevOps | Aprendizado contínuo | Rocketseat
DevOps
Implemente a cultura de colaboração e automação para acelerar o desenvolvimento e entrega de software.
Muito se fala sobre DevOps, mas afinal de contas trabalhar com container, algum provedor de cloud ou até mesmo um Kubernetes da vida significa que estamos próximos do DevOps? Ou, na verdade, antes de falar sobre ferramentas em si, o DevOps é uma cultura? Nesse módulo vamos detalhar ponto a ponto do que de fato é o tão falado DevOps.
Quiz - Cultura
Quiz avaliativoobrigatório8 Questões
Questionário Avaliativo
CALMS
Módulo5 aulas35min
Entendemos que o DevOps é muito mais que uma cultura, porém ainda não sabemos como implementar. Nesse módulo vamos destrinchar o CALMS que é um framework que visa facilitar a adoção e traz toda uma estrutura de acompanhamento do processo.
Quiz - CALMS
Quiz avaliativoobrigatório6 Questões
Questionário Avaliativo
Fundamentos da Cultura DevOps
Micro-certificado
Requisitos
Implementação de Práticas DevOps
Desafio práticoopcional
Nesse desafio, você irá simular a implementação de práticas DevOps num ambiente empresarial fictício.
Containers
Módulo24 aulas5 Atividades3h 23min
Nesse módulo vamos passar por toda a base de containers em um cenário já muito orientado a prática. Vamos entender como o Docker de fato funciona, se temos apenas ele e quais são os passos para se criar um container de uma aplicação. Ao final também passaremos pelo tópico de orquestração, considerando um ambiente local.
Quiz - Containers
Quiz avaliativoobrigatório15 Questões
Questionário Avaliativo
Containers com Docker e Docker Compose
Micro-certificado
Requisitos
Configuração de Ambiente com Docker Compose
Desafio práticoopcional
Este desafio tem o objetivo de consolidar o conhecimento adquirido sobre Dockerfile, Docker Compose, redes e volumes.
IAC? O que é isso?
Módulo5 aulas40min
Nesse módulo vamos entender o objetivo do IAC, principais ferramentas e problemas que visa resolver. Também vamos falar sobre um melhor acompanhamento financeiro da utilização de recursos da sua organização.
Quiz - IAC
Quiz avaliativoobrigatório8 Questões
Questionário Avaliativo
Terraform
Módulo27 aulas4 Atividades4h 23min
Neste módulo do Terraform, iniciamos nossa jornada em IAC, criando recursos básicos e avançando para estruturas mais complexas. Cobrimos datasources, módulos e outputs para facilitar a manutenção. Abordamos o gerenciamento de estado do cluster e configuramos múltiplos provedores para criar recursos adicionais.
Quiz - Terraform
Quiz avaliativoobrigatório12 Questões
Questionário Avaliativo
IAC com Terraform
Micro-certificado
Requisitos
Configuração de Infraestrutura Multi-Ambiente
Desafio práticoopcional
Este desafio tem o objetivo de consolidar os conhecimentos adquiridos durante o módulo, você deverá configurar uma infraestrutura distribuída em três ambientes usando o Terraform.
Trabalhando com CI/CD
Módulo33 aulas6 Atividades5h 51min
Nesse módulo vamos aprender a integrar e entregar de forma contínua com agilidade, considerando toda a tríade de testes, camadas de build, tudo isso de forma automatizada. Quais ferramentas podemos utilizar, como enviamos a nossa imagem pra um repositório e como a pipeline será executada.
Quiz - CI/CD
Quiz avaliativoobrigatório12 Questões
Questionário Avaliativo
Pipelines CI/CD com GitHub Actions
Micro-certificado
Requisitos
CI/CD com GitHub Actions para AWS App Runner e Terraform
Desafio práticoopcional
Neste desafio, você irá expandir seus conhecimentos em CI/CD, utilizando GitHub Actions para automatizar o processo de integração contínua e entrega contínua de uma aplicação hospedada no AWS AppRunner.
Introdução ao Kubernetes
Módulo55 aulas6 Atividades9h 11min
Nesse módulo vamos conhecer o Kubernetes, um orquestrador de container para ambientes críticos. Vamos aprender desde a estrutura, funcionamento de um cluster, componentes e toda a parte de colocar uma aplicação pra rodar dentro do seu cluster.
Quiz - Introdução ao Kubernetes
Quiz avaliativoobrigatório15 Questões
Questionário Avaliativo
Introdução ao Kubernetes
Micro-certificado
Requisitos
Implantação de uma API e Banco de Dados no Kubernetes
Desafio práticoopcional
Neste desafio, você irá consolidar os conhecimentos adquiridos sobre Kubernetes, implementando uma aplicação e conectada a um banco de dados rodando tudo em um cluster Kubernetes.
Observabilidade
Módulo46 aulas5 Atividades7h 59min
Nesse módulo o foco será observabilidade. Já temos toda a estrutura da nossa aplicação: CI/CD, container, orquestração, porém ainda não conseguimos entender o que acontece nos nossos ambientes. Vamos passar por toda a tríade de observabilidade e criar mecanismos que vão possibilitar uma detecção precoce quando houver algum erro.
Quiz - Observabilidade
Quiz avaliativoobrigatório25 Questões
Questionário Avaliativo
Malha de serviço
Módulo34 aulas4 Atividades6h 3min
Nesse módulo, será abordado todo o conceito por trás de uma malha de serviço. Vamos entender como a nossa observabilidade é potencializada, como conseguimos aplicar camadas de resiliência ao nível de proxy e injeção de falha.