Erick Rosdachimo

Este projeto é uma versão em HTML CSS e JS de um projeto antigo no wordpress que eu já tinha feito, então o design ja esta quase pronto mas vou mudar algumas coisas e ir colocando novos elementos de acordo com o que eu estiver estudando

O projeto é um site para restaurante, com reservas menu, contato e a home.

Projeto original: Rosdachef ( não concluido )

Desafio do discover da rocketseat, homepage para marca de café
homepage responsiva e com hover bem interessante

Layout básico que muda o tema da página junto com uma animação para aparecer o sol no tema claro e a lua no tema escuro.

Neste projeto utilizei o JS, tendo um simples código para mudar a classe do body.

Introdução

Este projeto é uma calculadora que apliquei alguns novos conhecimentos em JS e fortaleci o HTML e CSS.

Detalhes

Utilizei na estilização CSS grid e gradiente de background, no script utilizei funções chamadas por eventos de clique nos botões, sendo dos botões de número passado o número clicado como parâmetro.
Os de operações adicionei a operação pra mais tarde ser cálculada.
Na hora do cálculo utilizei a função nativa eval, porém troquei os símbolos multiplicação e divisão, de forma que fique mais próxima do comum para o usuario através da função replace que recebe o valor digitado até o momento e troca todos os caracteres X por * e armazenando o valor numa variável, após isto vai novamente à uma função replace que desta vez pega o valor obtido do replace anterior e troca o ÷ por /, assim permitindo o cálculo normalmente e a visualização desejada do símbolo para o usuário.
Na função Del, utilizei o substring, que inicia no primeiro caractere (index 0) e termina no penúltimo caractere (total de letras digitadas -1), retornando os caracteres selecionados.

Observações

Na próxima atualização farei com que não seja possível o usuário digitar dois sínais seguidos de forma que de erro no cálculo.

Projeto retirado de: Frontend Mentor

Neste projeto utilizei metodos sem JS para fazer o accordion e fortaleci meus conhecimentos em posicionamento, responsividade e construção de layout

Lista de tarefas para organizar o dia a dia, com funções para adicionar, deletar e concluir.

Neste projeto desenvolvi habilidades de criação de elementos, atribuição de classes e remoção de elementos por js, além de utilizar arrow functions.

Observações Em breve farei uma atualização as tarefas ficarem salvas, e também terá uma função para editar as tarefas.

Cronômetro simples utilizando setInterval e clearInterval, a cada segundo adiciona um segundo na contagem sendo que se ja tiver 60 segundos, zera os segundos e adiciona um minuto, igual com minutos pra hora

Pokedex utilizando a api pokemon Pokeapi. Na pokedex pode ser feita a busca por nomme e id do pokemon, sendo buscado pokemons de todas as gerações, e tem um carregamento automatico na tela dos pokemons de kanto.

Tecnologias utilizadas

Typescript, scss e webpack.

Projeto retirado de: Frontend Mentor

Neste projeto, utilizei uma API de concelhos, o concelho atualiza ao clicar no dado.