Irei postar todos os meus projetos desenvolvidos durante o bootcamp FullStack na Kenzie Academy Brasil, a fim de mostrar meu progresso até aqui. Nesse repositório terão os projetos desenvolvidos no primeiro módulo ou M1
M1 | M2
O S significa SPRINT ou seja, S1 significa SPRINT 1, e todas as outras SPRINTS seguem a mesma lógica.
Os números são referentes aos números de cada atividade.
O M significa Módulo ou seja, M2 significa Módulo 2.
S1-06-M1 - 11/21/22 - "MEU WEBSITE"
Nesse projeto, desenvolvi parte de um site com base num exemplo fornecido, utilizando HTML
markup title hyperlink +
S1-12-M1 - 11/22/22 - "PÁGINA DE PERFIL"
Nesse projeto, desenvolvi uma página de perfil com minhas informações pessoais, utilizando HTML
list hyperlink title +
S1-18-M1 - 11/23/22 - "FORMULÁRIO DE CADASTRO"
Nesse projeto, desenvolvi um formulário de instrição, utilizando HTML
input password input radio input submit +
S1-26-M1 - 11/25/22 - "BLOG DA KENZIE"
Nesse projeto, desenvolvi um blog simples adicionando 4 artigos do site da Kenzie Academy Brasil, vinculando o link corretamente à página de origem do artigo, utilizando HTML
article hyperlink target blank input email input submit +
S2-07-M1 - 11/28/22 - "MEU SITE"
Nesse projeto, desenvolvi um site com base em um exemplo fornecido, utilizando HTML e CSS
hyperlink font color text align margin padding text decoration +
S2-11-M1 - 11/29/22 - "BARRA DE NAVEGAÇÃO"
Nesse projeto, desenvolvi uma barra de navegação com base em um exemplo fornecido, utilizando HTML e CSS
hyperlink margin padding font box shadow text align text transform +
S2-13-M1 - 11/29/22 - "NEWSLETTER"
Nesse projeto, desenvolvi um formulário de newsletter com base em um exemplo fornecido, utilizando HTML e CSS
input email input submit color margin padding hover focus border radius background color +
S2-14-M1 - 11/29/22 - "BLOG DA KENZIE 2.0"
Nesse projeto, estilizei o blog que foi criado na S1-26-M1 utilizando CSS
hyperlink email input input submit background image margin border radius border style parallax scrollbar color scrollbar thumb scrollbar track +
S2-23-M1 - 12/01/22 - "KENZIEFLIX"
Nesse projeto, desenvolvi um menu inicial similar ao da Netflix, como Kenzieflix, com base em um exemplo fornecido, utilizando HTML e CSS
img figcaptionsrc/ input submit border radius hover flexbox +`
S2-24-M1 - 12/02/22 - "E-COMMERCE"
Nesse projeto, desenvolvi uma página de e-commerce com base em um exemplo fornecido, utilizando HTML e CSS, mas adicionei meus próprios itens, preços e imagens (encontradas na internet)
hyperlink input button img flexbox src/order radius padding +
S3-14-M1 - 12/06/22 - "PRATICANDO COM VARIÁVEIS"
Nesse projeto, resolvi exercícios utilizando JavaScript
prompt alert variables operators arithmetics data type methods string number +
S3-19-M1 - 12/07/22 - "DESAFIO PORTARIA"
Nesse projeto, desenvolvi um algoritmo utilizando JavaScript que pedia o nome da pessoa, a idade e verificava se a pessoa estava sozinha ou acompanhada. Caso fosse menor de idade, a entrada não era permitida, caso tivesse mais de 18 anos e estivesse acompanhada, o algoritmo mostrava um desconto para ela, caso estivesse sozinha, pagava o preço integral
conditionals variables boolean methods prompt alert +
S3-27-M1 - 12/08/22 - "JAVASCRIPT: PRIMEIROS PASSOS"
Nesse projeto, resolvi exercícios utilizando JavaScript
prompt alert function variables operators arithmetics data type string number boolean conditionals methods +
S3-32-M1 - 12/09/22 - "PRATICANDO COM FUNÇÕES"
Nesse projeto, resolvi exercícios utilizando JavaScript
prompt alert variables operators arithmetics data type string number boolean conditionals methods +
S4-03-M1 - 12/12/22 - "LISTA DE LOOP COM FOR 1"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log loops function variables operators arithmetics data type string number boolean conditionals +
S4-04-M1 - 12/12/22 - "LISTA DE LOOP COM FOR 2"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log loops function variables operators arithmetics data type string number boolean conditionals +
S4-07-M1 - 12/13/22 - "LISTA DE LOOP COM WHILE"
Nesse projeto, resolvi exercícios utilizando JavaScript
prompt alert loops variables operators arithmetics data type string number boolean conditionals methods +
S4-08-M1 - 12/13/22 - "DESENVOLVENDO A MANIPULAÇÃO DE LOOPS"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return loops function variables operators arithmetics data type string number boolean +
S4-09-M1 - 12/13/22 - "CONTANDO CASAS"
Nesse projeto, desenvolvi um algoritmo utilizando JavaScript que gerava um número aleatório e os participantes tinham que adivinhar esse número, ele também contava o número de tentativas até que a pessoa acertasse o número e alertava os resultados
prompt alert return loops function variables operators arithmetics data type string number boolean methods +
S4-10-M1 - 12/13/22 - "KATAS DE JAVASCRIPT 1"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return loops function variables operators arithmetics data type string number boolean conditionals methods +
S4-13-M1 - 12/14/22 - "LISTA DE ARRAY 1"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return loops function variables operators arithmetics data type string number boolean conditionals methods arrays +
S4-14-M1 - 12/14/22 - "FUNÇÕES COM ARRAY 2"
Nesse projeto, resolvi exercícios utilizando JavaScript
alert console log return loops function variables operators arithmetics data type string number boolean conditionals methods arrays +
S4-15-M1 - 12/14/22 - "FUNÇÕES COM ARRAY 3"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return loops function variables operators arithmetics data type string number boolean conditionals methods arrays +
S4-19-M1 - 12/15/22 - "SNAPCRACKLE"
Nesse projeto, desenvolvi um loop SnapCrackle, similar ao FizzBuzz, que funcionava sob certas condições, utilizando o JavaScript
console log return loops function variables operators arithmetics data type string number boolean conditionals +
S5-10-M1 - 12/20/22 - "KATAS DE JAVASCRIPT 2"
Nesse projeto, resolvi equações matemáticas sem utilizar o operador matemático, apenas reutilizando funções anteriores com o JavaScript
console log return loops function variables operators arithmetics data type number +
S5-19-M1 - 12/22/22 - "KATAS DE JAVASCRIPT 3"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return loops function variables operators arithmetics data type string number boolean conditionals methods arrays +
S6-02-M1 - 01/02/23 - "MANIPULANDO OBJETOS E ARRAYS"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return loops function variables operators arithmetics data type string number boolean conditionals methods arrays objects +
S6-03-M1 - 01/02/23 - "LOTERIA PREMIADA"
Nesse projeto, desenvolvi um algoritmo com JavaScript para verificar se alguém ganhou na loteria
console log return function variables operators arithmetics data type string number boolean conditionals methods arrays objects +
S6-07-M1 - 01/03/23 - "KATAS DE JAVASCRIPT 4"
Nesse projeto, resolvi exercícios utilizando JavaScript
console log return function variables operators arithmetics data type string number boolean conditionals methods arrays objects +
S6-13-M1 - 01/05/23 - "CATÁLOGO GEEK"
Nesse projeto, desenvolvi um catálogo de produtos com base em um exemplo fornecido, utilizando HTML, CSS e JavaScript, sendo todos os produtos em estoque listados dinamicamente através do DOM
input button img flexbox src/over active overflow console log loops function variables arithmetics data type string number boolean conditionals methods arrays objects DOM +
S6-14-M1 - 01/06/23 - "CAFETERIA"
Nesse projeto, desenvolvi o layout de um site com base em um exemplo que foi dado, utilizando HTML, CSS e JavaScript, de forma que listasse os produtos dinamicamente, e um evento de clique no produto que mostrava um alert com o preço
img flexbox src/over console log loops function variables arithmetics data type string number boolean conditionals methods arrays objects DOM +
S7-04-M1 - 01/09/23 - "PRATICANDO OBJETO EVENTO"
Nesse projeto, desenvolvi um cartão de produto dinamicamente com base em um exemplo fornecido, utilizando HTML, CSS e JavaScript, bem como adicionei um botão de evento com 30% de desconto, caso o produto estivesse em promoção
function variables arithmetics data type string number boolean conditionals methods objects DOM event listener +
S7-06-M1 - 01/10/23 - "LISTA DE TAREFAS"
Nesse projeto, desenvolvi uma lista de tarefas com base em um exemplo fornecido, utilizando HTML, CSS e JavaScript para listar as tarefas dinamicamente. Dessa forma, desenvolvi uma opção de adicionar as tarefas manualmente utilizando um formulário e outro input de seleção para que o usuário selecionasse a prioridade da tarefa, e um botão de envio, que filtrava a prioridade. Desenvolvi também uma barra de pesquisa para pesquisar a tarefa na lista e um botão de lixeira para que as tarefas pudessem ser excluídas de forma manual da lista
img input sesrc/ect parallax scrollbar webkit input search webkit flexbox loops function variables arithmetics data type string number boolean conditionals methods arrays objects DOM event listener +
S7-07-M1 - 01/10/23 - "ACENDE E APAGA"
Nesse projeto, desenvolvi uma lâmpada utilizando HTML, CSS e JavaScript, que podia ser ligada e desligada dinamicamente ao clicar no interruptor
flexbox backgroung image function variables arithmetics data type string boolean conditionals methods DOM event listener +
S7-10-M1 - 01/10/23 - "LISTA DE COMPRAS"
Nesse projeto, desenvolvi uma lista de compras com base em um exemplo fornecido, utilizando HTML, CSS e JavaScript para listar os itens dinamicamente. Dessa forma, desenvolvi uma opção de adicionar as itens manualmente utilizando um formulário e outro input de seleção de forma que o usuário selecionasse a quantidade de cada item, e um botão de envio. Desenvolvi também uma barra de pesquisa para pesquisar os itens na lista e um botão de lixeira para que os itens pudessem ser excluídas de forma manual da lista
img input sesrc/ect parallax scrollbar webkit input search webkit flexbox loops function variables arithmetics data type string number boolean conditionals methods arrays objects DOM event listener +
S7-15-M1 - 01/12/23 - "CARRINHO DE COMPRAS"
Nesse projeto, desenvolvi uma carrinho de compras com base em um exemplo fornecido, utilizando HTML, CSS e JavaScript para listar todos os produtos de forma dinâmica e somar o preço total. O desafio dessa atividade era criar todo o HTML através do DOM
flexbox loops function variables arithmetics data type string number boolean conditionals methods arrays objects DOM +
<<<<<<< HEAD
S8-01-M1 - 01/18/23 - "PROJETO FINAL M1: E-COMMERCE"
Como projeto final do módulo, desenvolvi um e-commerce seguido fielmente o layout fornecido, utilizando HTML, CSS e JavaScript. A vitrine de produtos e o carrinho foram criados dinamicamente através do DOM. É possível adicionar e remover itens do carrinho, dessa forma, é atualizada a soma dos valores, bem como a contagem de produtos. É possível, também, filtrar itens por categoria ao clicar no botão no topo da página e pesquisar o item pelo nome utilizando a barra de pesquisa. Foi implementado, também, um darkmode
S8-01-M1 - 01/18/23 - "PROJETO FINAL M1: E-COMMERCE"
Como projeto final do módulo, desenvolvi um e-commerce seguindo fielmente o layout fornecido, utilizando HTML, CSS e JavaScript. A vitrine de produtos e o carrinho foram criados dinamicamente através do DOM. É possível adicionar e remover itens do carrinho, dessa forma, é atualizada a soma dos valores, bem como a contagem de produtos. É possível, também, filtrar itens por categoria ao clicar no botão no topo da página e pesquisar o item pelo nome utilizando a barra de pesquisa. Foi implementado, também, um darkmode
favicon button input search flexbox webkit scrollbar box shadow webkit box webkit search overflow float loops function variables arithmetics data type string number boolean conditionals methods arrays objects DOM onclick +