Repositório de Exercícios e Projetos desenvolvidos no BootCamp HTML Web Developer da Digital Innovation One.
Acesse aqui minha página da DIO
BootCamp HTML Web Developer - Básico - 12 atividades - 27 hrs.
Aprenda a programar páginas de internet e desenvolver websites utilizando HTML, CSS e JavaScript para iniciar sua trajetória profissional em desenvolvimento web front-end.
Certificado de Conclusão do Bootcamp
01 - Bem-vindo à DIO - Seja bem-vindo à Digital Innovation One, o maior ecossistema open education em desenvolvimento de software da América Latina. Você vai começar agora uma jornada para criar o seu currículo com portfólio de projetos inovadores e acelerar a sua carreira para conquistar grandes oportunidades.
- Boas-vindas da DIO - O que é a Digital Innovation One?
- Por que a carreira em desenvolvimento de software tem um futuro muito promissor?
- Alinhando a sua mentalidade a dos desenvolvedores de software de alto desempenho
- Conhecendo a plataforma da Digital Innovation One
- Como tirar dúvidas técnicas sobre aulas, desafios e projetos?
- 10 dicas para ser contratado por uma empresa inovadora de tecnologia
- O DIO PRO acelera a sua carreira em desenvolvimento de software
- A nossa equipe está torcendo por você!
Aulas 1/1 - Básico - 1 hrs - Certificado
02 - Lógica de programação essencial - Lógica de programação é a forma como o desenvolvedor entende a comunicação a fim de programar uma função de um programa. Faz uso de algoritmos, que são sequências de passos bem estabelecidos, como por exemplo, uma receita de bolo.
-
Introdução à lógica e à programação:
-
Entendendo o que é lógica
-
O que são algoritmos e pseudocódigo
-
Aprendendo fluxograma, variáveis e constantes
-
Tomadas de decisões e expressões
-
Como utilizar a concatenação
-
Certifique seu conhecimento
-
Introdução ao Portugol:
-
Aprenda como utilizar uma estrutura de repetição
-
O que são linguagens de programação?
-
Aprenda a utilizar desvios condicionais e boas práticas em programação
-
Trabalhando com laços de repetição em Portugol
-
Aplicação prática com matrizes e vetores
-
Certifique seu conhecimento
Aulas 2/2 - Básico - 4 hrs - Certificado
03 - Introdução ao Git e Controle de Versões - Aprenda o que é controle de versão e como trabalhar com o Git, assim como os seus principais comandos.
-
Entenda o que é Git e controle de versão: Primeiros passos sobre controle de versão
-
Conheça os principais conceitos e comandos do Git: Aprenda sobre os comandos mais usados no Git
-
Entenda o que é um repositório e aprenda como iniciá-lo no Git: Crie um diretório e comece a desenvolver projetos
Aulas 3/3 - Básico - 2 hrs - Certificado
04 - Introdução ao GitHub e comandos para trabalhar em equipe - Conheça mais a fundo o GitHub e sua interface WEB com exemplos de uso de branch e merge com um fluxo de trabalho que você pode usar no mundo real.
-
Entenda a importância do Github no dia a dia do desenvolvedor e conheça os recursos da sua plataforma: Conheça o Github
-
Aprenda a criar um repositório remoto, compreenda o Github e seus comandos: Criando um repositório no Github
-
Aprenda a clonar projetos remotos e atualizá-los no GitHub: Aprenda a trabalhar com o repositório remoto e a clonar projetos
-
Aprenda na prática o que são ramificações (branches) e como manipulá-las utilizando comandos Git: Como trabalhar com Branching
-
Aprenda como submeter uma nova branch para o seu repositório remoto no Github: Envie projetos para o repositório remoto no Github
-
Aprenda na prática como fazer merge de uma branch secundária com a branch master do projeto: Comece a desenvolver projetos no Github usando Branching
Aulas 6/6 - Básico - 4 hrs - Certificado
05 - Introdução a criação de websites com HTML5 e CSS3 - Nesse curso o especialista vai contar um pouco sobre a história do HTML5 e do CSS3, explicar como funciona a estrutura básica dessas tecnologias, sua semântica, principais elementos e comandos.
-
Introdução ao curso de HTML
-
Estrutura básica - Material de apoio
-
Entendendo o que é semântica
-
Semântica - Parte 1 - Semântica - Parte 2
-
Como usar textos e links em HTML
-
Tags para textos - Tags para links - Exercício prático
-
Como inserir imagens em seu site
-
Tag img - Exercício prático
-
Como organizar listas com HTML
-
Tags li, ul e ol - Exercício prático
-
Introdução e conceitos básicos do CSS3
-
Introdução ao CSS3 - Conceitos básicos - Material de apoio
-
Estilizando elementos, textos e listas
-
Estilizando elementos - Estilizando textos - Estilizando listas
-
Dimensão e alinhamento
-
Propriedades de dimensões e alinhamento
Aulas 8/8 - Básico - 6 hrs - Certificado
06 - Projeto Recriando a página inicial do Instagram
Página de login do Instagram: nesse projeto, será abordado o conceito sobre CSS Flexbox e responsividade, preparando os alunos para as aulas de jogos, nas quais será utilizado o CSS junto ao JavaScript para estilização e posicionamento. Parte 1 - Parte 2 - Parte 3 - Parte 4
Projeto 1/1 - Básico - 2 hrs - Certificado
07 - Programação para internet com JavaScript - JavaScript é uma das mais importantes linguagens front-end, e nesse curso você entenderá o porquê disso e como trabalhar com ela.
-
Introdução ao JavaScript
-
Array e Dicionário
-
Condicionais, laços de repetição e Date
-
Certifique seu conhecimento
-
Desenvolva páginas web com JavaScript
-
Parte 2: Manipulando elementos da página
-
Certifique seu conhecimento
Aulas 2/2 - Básico - 2 hrs - Certificado
08 - Introdução a Programação com JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 3/3 - Básico
09 - Recriando a Interface do Netflix - Acesse Meu CloneFlix aqui
Recrie a interface do principal site de streaming mundial utilizando tecnologias simples como HTML5, CSS3 e JavaScript. Nesse projeto você aprenderá: como estruturar um layout, técnicas de CSS3 com containers e variáveis, como posicionar os elementos com Flexbox e como utilizar plugins Jquery a favor da sua aplicação. Parte 1 à 9.
Projeto 1/1 - Avançado - 5 hrs - Certificado
10 - Construindo páginas para internet com Bootstrap - Aprenda a utilizar o framework Bootstrap e aprofunde mais o seu conhecimento em HTML5 e CSS3.
-
Introdução ao Bootstrap
-
Aprenda sobre o framework Bootstrap Certifique seu conhecimento
-
Aprenda a utilizar o Bootstrap na sua página WEB Certifique seu conhecimento
-
Crie containers personalizados para o seu site Certifique seu conhecimento
-
Trabalhando com imagens dentro de containers Certifique seu conhecimento
-
Crie lista de navegação com imagens em seu projeto Certifique seu conhecimento
-
Crie lista de navegação dentro de containers utilizando imagens Certifique seu conhecimento
Aulas 6/6 - Básico - 4hrs - Certificado
11 - Fundamentos Aritméticos em JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 5/5 - Básico
12 - Recriando o jogo da cobrinha com JavaScript - Acesse meu Jogo Aqui
Já pensou em criar seu próprio jogo do zero? Aprenda a desenvolver de forma simples o clássico jogo da cobrinha utilizando HTML, CSS e JavaScript.
Projeto 1/1 - Básico - 2 hrs Certificado