Aula 1

Título da aula

Descrição da imagem

O Professor

Nome do professor

Digite aqui a descrição/apresentação do professor.

Descrição da imagem

Convidado

Nome do convidado

Digite aqui a descrição/apresentação do convidado 1.

foto do convidado Jackson

Convidado

Nome do convidado 2

Digite aqui a descrição/apresentação do convidado 2.

Ícone representado por um círculo, contendo em seu interior mais dois círculos, com um ponto central onde está sendo direcionado uma seta. Remetendo a ideia de objetivo.

Objetivos de aprendizagem da aula

Digite aqui o texto referente aos objetivos:

  • Digite aqui o primeiro objetivo;
  • Digite aqui o segundo objetivo;
  • Digite aqui o terceiro objetivo.
curva encerrando a sessão

Que história é essa?

Digite aqui o tópico de conteúdo.

Para transformar texto em itálico, deixar palavra entre asteriscos simples ou caso não funcione assim, utilizar a tag <i.

Para transformar texto em bold, deixar palavra entre asteriscos duplos ou caso não funcione assim, utilizar a tag <b.

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo. Esse texto é um exemplo do glossário.

  • Digite aqui um tópico de conteúdo. Esse é outro exemplo de glossário;
  • Digite aqui um tópico de conteúdo;
  • Digite aqui um tópico de conteúdo;

Digite aqui um tópico de conteúdo.

Estudo complementar

Você também poderá ter este conteúdo na palma da mão, de forma off-line. Clique no botão a seguir, faça o download e expanda seus conhecimentos em qualquer lugar.

Livro

Lorem IpsumLorem Ipsum Lorem IpsumLorem Ipsum Lorem Ipsum

icone de citação, aspas

Se a sociedade industrial trouxe no seu bojo elementos como máquinas e ferramentas, trabalhadores especializados, produção em série, energia, entre outros, enfim, tudo voltado para a produção de bens materiais, a sociedade pós-industrial consolida-se na experiência organizacional, no investimento em tecnologia de ponta, nos grupos de especialistas, na produção modular, na informação, isto é, na geração de serviços e na produção e transmissão da informação”.

(CARVALHO; KANISKI, 2000, p. 2)
icone de citação, aspas

Se a sociedade industrial trouxe no seu bojo elementos como máquinas e ferramentas, trabalhadores especializados, produção em série, energia, entre outros, enfim, tudo voltado para a produção de bens materiais, a sociedade pós-industrial consolida-se na experiência organizacional, no investimento em tecnologia de ponta, nos grupos de especialistas, na produção modular, na informação, isto é, na geração de serviços e na produção e transmissão da informação”.

(CARVALHO; KANISKI, 2000, p. 2)
Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Reflita

Como a trajetória será em etapas, neste primeiro passo rumo ao conhecimento, você passará por uma experiência incrível. E, então, poderá:

  • Conhecer as principais técnicas para a elicitação de requisitos;
  • Relacionar as diferentes técnicas e seus cenários de aplicação, sendo eles tradicionais e ágeis;
  • Aplicar as técnicas de elicitação de requisitos, tendo em vista as boas práticas e os problemas enfrentados no processo de desenvolvimento de software.
curva encerrando a sessão
Ícone representa uma pessoa sentada, apoiando os braços na mesa de frente para um monitor.

React de Mercado

Digite aqui um tópico de conteúdo.
Também há a possibilidade de deixar uma section somente com o vídeo e sem nenhum tópico de conteúdo. Segue na section abaixo um exemplo de como seria tal situação.

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Analise

Como a trajetória será em etapas, neste primeiro passo rumo ao conhecimento, você passará por uma experiência incrível. E, então, poderá:

  • Conhecer as principais técnicas para a elicitação de requisitos;
  • Relacionar as diferentes técnicas e seus cenários de aplicação, sendo eles tradicionais e ágeis;
  • Aplicar as técnicas de elicitação de requisitos, tendo em vista as boas práticas e os problemas enfrentados no processo de desenvolvimento de software.
curva encerrando a sessão
Ícone representa uma câmera de filmagem antiga, sendo um quadrado com dois círculos no lado superior e um triângulo no lado direito.

Título do vídeo

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Explore

Como a trajetória será em etapas, neste primeiro passo rumo ao conhecimento, você passará por uma experiência incrível. E, então, poderá:

  • Conhecer as principais técnicas para a elicitação de requisitos;
  • Relacionar as diferentes técnicas e seus cenários de aplicação, sendo eles tradicionais e ágeis;
  • Aplicar as técnicas de elicitação de requisitos, tendo em vista as boas práticas e os problemas enfrentados no processo de desenvolvimento de software.
curva encerrando a sessão

Exemplo de section com fundo dourado - cor primária

Digite aqui o tópico de conteúdo.

Exemplo de section com fundo vermelho - cor secundária

Digite aqui o tópico de conteúdo.

Exemplo de section com fundo azul - cor terciária

Digite aqui o tópico de conteúdo.

Ícone representa a tela de um monitor com uma pessoa com um balão ao lado que representa diálogo.

Onboarding - Ao vivo com o professor

Ícone representa um mapa desenhado com três quadrados dando a ideia de trilha de aprendizagem.

Trilha de aprendizagem

Ícone é representado por dois quadrados que representam diálogo, sendo um quadrado sobreposto sobre o outro contendo três pontos.

Relato de experiência

Ícone representado por um círculo, contendo em seu interior mais dois círculos, com um ponto central onde está sendo direcionado uma seta. Remetendo a ideia de objetivo.

Objetivos de aprendizagem

Ícone representa um microfone apoiado num pedestal.

Podcast

Ícone representa uma pessoa sentada, apoiando os braços na mesa de frente para um monitor.

React de mercado

Ícone representa um quadrado com uma seta nas suas quatros laterais e um círculo ao centro.

Mantendo o foco

Ícone representa uma lupa, sendo um círculo com um sinal de mais ao centro e uma base segurando esse círculo.

Aprenda mais

Ícone representado por um monitor com uma mão no canto direito com o dedo indicador levantado.

Mão na massa

Ícone representado por uma pessoa lendo um livro.

Estudo complementar

Ícone representa uma câmera de filmagem antiga, sendo um quadrado com dois círculos no lado superior e um triângulo no lado direito.

Vídeo

Ícone representa um quadrado com um ponto de exclamação ao centro.

Fique ligado

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Reflita

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Analise

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Explore

Ícone representa a tela de um monitor com uma pessoa com um balão ao lado que representa diálogo.

Onboarding - Ao vivo com o professor

Ícone representa um mapa desenhado com três quadrados dando a ideia de trilha de aprendizagem.

Trilha de aprendizagem

Ícone é representado por dois quadrados que representam diálogo, sendo um quadrado sobreposto sobre o outro contendo três pontos.

Relato de experiência

Ícone representado por um círculo, contendo em seu interior mais dois círculos, com um ponto central onde está sendo direcionado uma seta. Remetendo a ideia de objetivo.

Objetivos de aprendizagem

Ícone representa um microfone apoiado num pedestal.

Podcast

Ícone representa uma pessoa sentada, apoiando os braços na mesa de frente para um monitor.

React de mercado

Ícone representa um quadrado com uma seta nas suas quatros laterais e um círculo ao centro.

Mantendo o foco

Ícone representa uma lupa, sendo um círculo com um sinal de mais ao centro e uma base segurando esse círculo.

Aprenda mais

Ícone representado por um monitor com uma mão no canto direito com o dedo indicador levantado.

Mão na massa

Ícone representado por uma pessoa lendo um livro.

Estudo complementar

Ícone representa uma câmera de filmagem antiga, sendo um quadrado com dois círculos no lado superior e um triângulo no lado direito.

Vídeo

Ícone representa um quadrado com um ponto de exclamação ao centro.

Fique ligado

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Reflita

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Analise

Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Explore

Digite aqui o tópico de conteúdo. Exemplo de texto com imagem.

Descrição da imagem
Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Título
primário

Saiba mais
Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Título
secundário

Saiba mais
Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Título
terciário

Saiba mais
Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Título
quaternário

Saiba mais
Ícone associa o cérebro com uma lâmpada. Sendo o desenho de um cérebro apoiado em uma base com traços ao seu redor.

Título
quinário

Saiba mais
Ícone representa um microfone apoiado num pedestal.

Podcast

Digite aqui o tópico de conteúdo referente ao podcast.

Digite aqui o tópico de conteúdo. Exemplo com infográfico.

Descrição da imagem.

Digite aqui o tópico de conteúdo.

Esse é um exemplo de single com texto simples, e abaixo segue exemplo de section somente com uma imagem.

Digite aqui o título

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo.

Ícone representa um quadrado com uma seta nas suas quatros laterais e um círculo ao centro.

Mantendo o foco!

Digite aqui o tópico de conteúdo. Essa section é uma alternativa para reforçar os pontos mais imporantes do conteúdo.
INFORMAÇÃO IMPORTANTE: para que a página fique 'redonda', isto é, com as margens todas iguais, deve-se utilizar as tags de margens. Acompanhe na section a seguir todas as declarações de margens possíveis de serem utilizadas.

Declarações de margens:

ATENÇÃO: para que as margens sejam ativadas, deve-se declarar a tag 'variant', como utilizada nessa e em diversas outras sections.


- mb-none
- mt-none
- mb-small
- mt-small
- mb-medium
- mt-medium
- mb-big
- mt-big
- mb-extrabig
- mt-extrabig
- pb-none
- pt-none
- pb-small
- pt-small
- pb-medium
- pt-medium
- pb-big
- pt-big
- pb-extrabig
- pt-extrabig

Digite aqui o tópico de conteúdo.

Ícone representa um microfone apoiado num pedestal.

Exemplo de parallax com ícone e título

Digite aqui o tópico de conteúdo. Esse é um exemplo de parallax com conteúdo.

Clique aqui

Exemplo de parallax somente com título

Ícone representa um microfone apoiado num pedestal.

Teste parallax

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Clique aqui

Digite aqui o tópico de conteúdo.

Abaixo seguem exemplos de como usar botão.

É possível alterar as cores, texto do botão e adicionar ou retirar popup.

No primeiro exemplo segue exemplo de botão com popup. No segundo exemplo segue exemplo de botão sem popup com direcionamento para link externo.

FIQUE LIGADO!

×

Digite aqui o título

Digite aqui o tópico de conteúdo.

  • Primeiro tópico;
  • Segundo tópico

Digite aqui o tópico de conteúdo.

Abaixo segue um exemplo de interativo por embed.

Interativo

Descrição do interativo

Digite aqui o tópico de conteúdo.

Segue abaixo um exemplo de uma section com duas imagens.

Digite aqui a legenda da imagem.

Digite aqui a legenda da imagem.

Digite aqui o título

Digite aqui o tópico de conteúdo.

Digite aqui o tópico de conteúdo.

Digite aqui o título

Digite aqui o tópico de conteúdo. Nesse exemplo está englobado um título, imagem e texto na mesma section.

Profissionais escrevendo

Aula 1

Digite aqui o título

Digite aqui o tópico de conteúdo.

Aula 1

Digite aqui o título