BootCamp_HTML/index.html at main · IgorChristian/BootCamp_HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>BootCamp HTML</title>
</head>
<body style="background-color: #e8e9eb">
    <a href="https://web.dio.me/track/facf3f2a-4c2d-4250-be5b-93bb4d12995e" target="_blank" title="HTML Developer"><img src="imagens/62ed1f1d-8d76-4bbc-905f-e73d20cb82f5.webp" width="150px"></a>
    <h1 style="color: #e14e27;"><u>Formação HTML Web Developer</u></h1>
    <hr>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>
    <h3>Essa é uma excelente formação para começar sua carreira como front-end.</h3>
    <h4 id="sumario">Sumário</h4>
    <ol>
        <li>Primeiros passos com HTML
            <ul>
                <li>Entendendo comunicação Client x Server
                    <ul>
                        <li><a href="#historia-web">História da Web</a></li>
                        <li><a href="#clients">O que são Clients</a></li>
                        <li><a href="#servers">O que são Servers</a></li>
                        <li><a href="#programacao">Linguagem de Programação</a></li>
                        <li><a href="#material">Material de Apoio e Questionário</a></li>
                    </ul>
                </li>
                <li>Introdução ao HTML na prática
                    <ul>
                        <li><a href="#introducao">Introdução ao HTML na prática</a></li>
                        <li><a href="#material-2">Material de Apoio e Questionário</a></li>
                    </ul>
                </li>
                <li>Como entregar o Desafio do Projeto
                    <ul>
                        <li><a href="#desafio">Como entregar o desafio</a></li>
                    </ul>
                </li>
                <li>Desafio de Projeto - Criar uma página com conteúdos aprendidos
                    <ul>
                        <li><a href="#projeto">Desenvolvendo e compartilhando o projeto</a></li>
                    </ul>
                </li>
                <li>Materiais complementares
                    <ul>
                        <li><a href="#download">Download do material completementar</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>HTML I: Conceitos Básicos teste</li>
        <li>HTML II: Ampliando o Conhecimento</li>
    </ol>

    <blockquote>Vamos colocar os aprendizados em prática e descrever em meu primeiro site HTML</blockquote>

    <h2 style="color: #e14e27;"><strong><i>Primeiros passos com HTML</i></strong></h2>

    <hr>

    <h3><mark>Entendendo comunicação Client x Server</mark></h3>
    <a href="https://web.dio.me/track/facf3f2a-4c2d-4250-be5b-93bb4d12995e" target="_blank" title="HTML Developer"><img src="imagens/html-abertura-1-.jpg" width="450px"></a>

    <h4 style="color: #FFA500;" id="historia-web"><i>História da Web</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Para darmos início ao aprendizado de HTML temos que voltar um pouco no tempo e conhecer como funcionava os computadores e conhece-los um pouco melhor.<br/> A primeira geração foi o composta por mega máquinas, mas não é MEGA de poder de processamento e sim mega de tamanho. <br/>Os primeiro computadores eram verdadeiros dinoussauros, ocupavam praticamente toda a sala. Não era possível programar em tela, até mesmo por que não tinha uma tela, mouse ou teclado, a programação era feita por meio de cabos e conexão.</p>
    <p>Já na segunda geração de computadores houve uma grande evolução! Eles já eram menores e não ocupavam uma sala inteira, mas ainda sim ocupava muito espaço. A tecnologia foi alterada de válvulas para transistores, mas a entrada e saída de dados ainda era complexa.</p>

    <h4 style="color: #FFA500;" id="clients"><i>O que são Clients</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h4 style="color: #FFA500;" id="servers"><i>O que são Servers</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h4 style="color: #FFA500;" id="programacao"><i>Linguagem de Programação</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h4 style="color: #FFA500;" id="material"><i>Material de Apoio e Questionário</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h3><mark>Introdução ao HTML na prática</mark></h3>
    <a href="https://web.dio.me/track/facf3f2a-4c2d-4250-be5b-93bb4d12995e" target="_blank" title="HTML Developer"><img src="imagens/html-abertura-1-.jpg" width="450px"></a>

    <h4 style="color: #FFA500;" id="introducao"><i>Introdução ao HTML na prática</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h4 style="color: #FFA500;" id="material-2"><i>Material de Apoio e Questionário</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h3><mark>Como entregar o Desafio do Projeto</mark></h3>
    <a href="https://web.dio.me/track/facf3f2a-4c2d-4250-be5b-93bb4d12995e" target="_blank" title="HTML Developer"><img src="imagens/html-abertura-1-.jpg" width="450px"></a>

    <h4 style="color: #FFA500;" id="desafio"><i>Como entregar o desafio</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h3><mark>Desafio de Projeto - Criar uma página com conteúdos aprendidos</mark></h3>
    <a href="https://web.dio.me/track/facf3f2a-4c2d-4250-be5b-93bb4d12995e" target="_blank" title="HTML Developer"><img src="imagens/html-abertura-1-.jpg" width="450px"></a>

    <h4 style="color: #FFA500;" id="projeto"><i>Desenvolvendo e compartilhando o projeto</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>

    <h3><mark>Materiais complementares</mark></h3>

    <h4 style="color: #FFA500;" id="download"><i>Download do material completementar</i></h4> <small><a href="#sumario">Voltar para o sumário</a></small>
    <p>Você quer começar no mundo do Front-end? Então essa é a Formação perfeita para você começar a sua jornada: entenda como trabalhar com HTML, a base para criar suas primeiras páginas WEB! Aprenda na prática a como estruturar a marcação da sua página e como funciona cada tag, conheça os elementos semânticos e outras boas práticas na hora de construir sua primeira página.</p>
    <a href="https://academiapme-my.sharepoint.com/:p:/g/personal/renato_dio_me/ETTxssKS281Ps0wt1aflqk0BfzoqwbFf2ec6IenBpNXGmg?e=DsLolv" target="_blank"><input type="button" value="Download material"></a>
</body>
</html>