diff --git a/src/index.html b/index.html similarity index 96% rename from src/index.html rename to index.html index afb6d49..527c9e4 100644 --- a/src/index.html +++ b/index.html @@ -1,339 +1,339 @@ - - - - - - - - - - - - - - - - - - - - - MapaDev - - - - - - - - -
- -
-
-

Bem-vindo ao MapaDev!

- -

- Seu guia definitivo para navegar no universo do desenvolvimento web, - desde os fundamentos até os tópicos mais avançados. -

- - Preview da seção Iniciante do MapaDev -
-
- - - - - -
-

Quem está construindo o MapaDev?

- -
-
- - - - -
- Diego Manoel -
-

Diego Manoel

-

Estudante do primeiro semestre de ADS pela Estácio e integrante do LTD (Laboratório - de Transformação Digital), onde planejo e ministro monitorias assim como atuo como gestor no - desenvolvimento de sistemas.

-
- - LinkedIn - - - GitHub - -
-
-
- - -
- Thiago De Angelis -
-

Thiago De Angelis

-

Estudante de ADS pela Estácio e integrante do LTD (Laboratório de Transformação - Digital), onde realizo monitorias em minicursos e atuo como desenvolvedor de sistemas e resolução de - problemas digitais.

-
- - LinkedIn - - - GitHub - -
-
-
- - -
- Luan Matheus -
-

Luan Matheus

-

Estudante de ADS pela Estácio, apaixonado por tecnologia e em formação para atuar no desenvolvimento de sistemas. Estou construindo e aprimorando habilidades em tecnologia da informação.

-
- - LinkedIn - - - GitHub - -
-
-
-
-
- - - - -
- - - - - -
- -
-
- -

Conheça o MapaDev

- -
-

- O MapaDev é um repositório de conteúdo pensado para - organizar a jornada de estudos em desenvolvimento web. -
A ideia é simples: centralizar os tópicos essenciais em um único lugar, - oferecendo um caminho lógico para quem quer aprender a programar para a web, - desde a primeira linha de HTML até a complexidade da arquitetura em nuvem. -

-

- Nosso objetivo é transformar um desafio de sala de aula em um - recurso valioso para a comunidade. -

-
- - -
- Logo MapaDev -
- -
-
-
- - - - - - -
-
-

Como usar o site?

-

Navegar pelo MapaDev é intuitivo. Organizamos todo o conteúdo em três grandes trilhas de conhecimento.

-
- -
- -
- -
- -
- Descrição da Imagem 1 -
-
Iniciante
-

Comece sua jornada no mapa do desenvolvimento web. Descubra os primeiros marcos - com HTML, CSS e lógica básica, e prepare o terreno para conquistar novos horizontes.

-
-
- -
- - -
- -
- Descrição da Imagem 2 -
-
Intermediário
-

Avance por rotas mais desafiadoras, dominando boas práticas e frameworks. - Aprimore suas técnicas e torne seus projetos mais organizados, criativos e consistentes.

-
-
- -
- - -
- -
- Descrição da Imagem 3 -
-
Avançado
-

Alcance o tesouro do conhecimento explorando grandes desafios da jornada. Domine - arquitetura, performance, testes e deploy, e consolide sua experiência como desenvolvedor completo. -

-
-
- -
-
-
- - - -
-

Basta escolher seu nível atual e seguir o mapa de conteúdos sugerido!

-
-
- - - - - - -
-
-

Para quem é o MapaDev?

-

Criamos o MapaDev pensando em diferentes perfis de estudantes e profissionais.

-
- -
- -
- - -
-
- -
-

Iniciantes Absolutos

-

Se você está começando do zero e se sente sobrecarregado com a quantidade de informação, - o - MapaDev oferece um "caminho das pedras" claro e estruturado.

- -
-
-
- - -
-
- -
-

Estudantes de TI

-

Assim como nós, se você está na graduação, pode usar este site como um complemento - robusto aos - seus estudos e um guia para saber o que estudar a seguir.

-
-
-
- - -
-
- -
-

Profissionais em Transição de Carreira

-

Se você já tem algum conhecimento ou está vindo de outra área, as trilhas Intermediária - e - Avançada ajudam a identificar lacunas e a entender o que o mercado espera de um desenvolvedor moderno. -

-
-
-
- - -
-
- -
-

Desenvolvedores buscando evoluir

-

Já sabe o básico, mas não tem certeza de qual tecnologia aprender agora? Use nossas - trilhas para - descobrir o próximo passo lógico em sua evolução profissional.

-
-
-
- -
-
- - - -
- -
- - - - - - - - + + + + + + + + + + + + + + + + + + + + + MapaDev + + + + + + + + +
+ +
+
+

Bem-vindo ao MapaDev!

+ +

+ Seu guia definitivo para navegar no universo do desenvolvimento web, + desde os fundamentos até os tópicos mais avançados. +

+ + Preview da seção Iniciante do MapaDev +
+
+ + + + + +
+

Quem está construindo o MapaDev?

+ +
+
+ + + + +
+ Diego Manoel +
+

Diego Manoel

+

Estudante do primeiro semestre de ADS pela Estácio e integrante do LTD (Laboratório + de Transformação Digital), onde planejo e ministro monitorias assim como atuo como gestor no + desenvolvimento de sistemas.

+
+ + LinkedIn + + + GitHub + +
+
+
+ + +
+ Thiago De Angelis +
+

Thiago De Angelis

+

Estudante de ADS pela Estácio e integrante do LTD (Laboratório de Transformação + Digital), onde realizo monitorias em minicursos e atuo como desenvolvedor de sistemas e resolução de + problemas digitais.

+
+ + LinkedIn + + + GitHub + +
+
+
+ + +
+ Luan Matheus +
+

Luan Matheus

+

Estudante de ADS pela Estácio, apaixonado por tecnologia e em formação para atuar no desenvolvimento de sistemas. Estou construindo e aprimorando habilidades em tecnologia da informação.

+
+ + LinkedIn + + + GitHub + +
+
+
+
+
+ + + + +
+ + + + + +
+ +
+
+ +

Conheça o MapaDev

+ +
+

+ O MapaDev é um repositório de conteúdo pensado para + organizar a jornada de estudos em desenvolvimento web. +
A ideia é simples: centralizar os tópicos essenciais em um único lugar, + oferecendo um caminho lógico para quem quer aprender a programar para a web, + desde a primeira linha de HTML até a complexidade da arquitetura em nuvem. +

+

+ Nosso objetivo é transformar um desafio de sala de aula em um + recurso valioso para a comunidade. +

+
+ + +
+ Logo MapaDev +
+ +
+
+
+ + + + + + +
+
+

Como usar o site?

+

Navegar pelo MapaDev é intuitivo. Organizamos todo o conteúdo em três grandes trilhas de conhecimento.

+
+ +
+ +
+ +
+ +
+ Descrição da Imagem 1 +
+
Iniciante
+

Comece sua jornada no mapa do desenvolvimento web. Descubra os primeiros marcos + com HTML, CSS e lógica básica, e prepare o terreno para conquistar novos horizontes.

+
+
+ +
+ + +
+ +
+ Descrição da Imagem 2 +
+
Intermediário
+

Avance por rotas mais desafiadoras, dominando boas práticas e frameworks. + Aprimore suas técnicas e torne seus projetos mais organizados, criativos e consistentes.

+
+
+ +
+ + +
+ +
+ Descrição da Imagem 3 +
+
Avançado
+

Alcance o tesouro do conhecimento explorando grandes desafios da jornada. Domine + arquitetura, performance, testes e deploy, e consolide sua experiência como desenvolvedor completo. +

+
+
+ +
+
+
+ + + +
+

Basta escolher seu nível atual e seguir o mapa de conteúdos sugerido!

+
+
+ + + + + + +
+
+

Para quem é o MapaDev?

+

Criamos o MapaDev pensando em diferentes perfis de estudantes e profissionais.

+
+ +
+ +
+ + +
+
+ +
+

Iniciantes Absolutos

+

Se você está começando do zero e se sente sobrecarregado com a quantidade de informação, + o + MapaDev oferece um "caminho das pedras" claro e estruturado.

+ +
+
+
+ + +
+
+ +
+

Estudantes de TI

+

Assim como nós, se você está na graduação, pode usar este site como um complemento + robusto aos + seus estudos e um guia para saber o que estudar a seguir.

+
+
+
+ + +
+
+ +
+

Profissionais em Transição de Carreira

+

Se você já tem algum conhecimento ou está vindo de outra área, as trilhas Intermediária + e + Avançada ajudam a identificar lacunas e a entender o que o mercado espera de um desenvolvedor moderno. +

+
+
+
+ + +
+
+ +
+

Desenvolvedores buscando evoluir

+

Já sabe o básico, mas não tem certeza de qual tecnologia aprender agora? Use nossas + trilhas para + descobrir o próximo passo lógico em sua evolução profissional.

+
+
+
+ +
+
+ + + +
+ +
+ + + + + + + + \ No newline at end of file diff --git a/src/header-componente.js b/src/header-componente.js index b38e5c7..aa05e3e 100644 --- a/src/header-componente.js +++ b/src/header-componente.js @@ -1,7 +1,7 @@ const caminhoAtual = window.location.pathname.split("/").pop(); //Seleciona o caminho atual. class Header extends HTMLElement { - connectedCallback(){ + connectedCallback(){ const iniciante = [ "iniciante.html", "iniciante-logica-programacao.html", @@ -28,6 +28,19 @@ class Header extends HTMLElement { "avancado-cloud-computing.html" ]; + let inicianteLink = "" + let intermediarioLink = "" + let avancadoLink = "" + if(caminhoAtual === "index.html"){ + inicianteLink = '"href="/src/iniciante.html"' + intermediarioLink = '"href="/src/intermediario.html"' + avancadoLink = '"href="/src/avancado.html"' + }else { + inicianteLink = '"href="iniciante.html"' + intermediarioLink = '"href="intermediario.html"' + avancadoLink = '"href="avancado.html"' + } + //data-bs-theme="light" estava travando o tema no "light" //troquei a class="logo-light" por class="logo-img" para trocar a logo caso tema 'dark' this.innerHTML = ` @@ -40,7 +53,7 @@ class Header extends HTMLElement { - + MapaDev @@ -51,18 +64,15 @@ class Header extends HTMLElement {