Skip to content

Rahgomes/-100DaysOfCode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

111 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Challenge 100DaysOfCode

Day01 - Recuperando dados do formulário e jogando no HTML

Tecnologias utilizadas: HTML, CSS, UIKit, JS

Day02 - Simple Slider

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day03 - Basic of Accebility - Mudança de cores e aumento/redução da fonte

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day04 - Escolhendo um personagem

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day05 - Pegando portfolios através de uma API criada do portfolio principal

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day06 - Fullscreen Slider com menu trocando as imagens

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day07 - Testando os plugins jQuery Tooltipster e SweetAlert 2

Tecnologias utilizadas: HTML, CSS, JS, jQuery

Day08 - Praticando a base dos eventos de mouse

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day09 - Menu com evento de mouse e imagem Hero

Tecnologias utilizadas: HTML, CSS, JS, jQuery

Day10 - Praticando iterações com For e Foreach

Tecnologias utilizadas: HTML, CSS, JS

Day11 - Organizando o CSS com SASS, placeholder, mixin e variável

Tecnologias utilizadas: HTML, CSS, SASS

Day12 - Praticando a function do Sass e o plugin modal-video.js

Tecnologias utilizadas: HTML, CSS, SASS, JS, jQuery

Day13 - Layoutando com Flexbox, simples layout responsivo

Tecnologias utilizadas: HTML, CSS(FLEXBOX)

Day14 - Mobile Menu Toggle

Tecnologias utilizadas: HTML, CSS(FLEXBOX), SASS, JS, jQuery

Day15 - Começando a prática na OO com JS ES6

Tecnologias utilizadas: HTML, CSS, JS

Day16 - Calculando a média de um aluno

Tecnologias utilizadas: HTML, CSS, JS

Day17 - Image Gallery com efeitos

Tecnologias utilizadas: HTML, CSS, jQuery

Day18 - Front-end Naruto Game

Tecnologias utilizadas: HTML, CSS, Bootstrap, JS, jQuery

Day19 - Primeiras impressões com PHP

Tecnologias utilizadas: HTML, CSS, PHP

Day20 - Testando a biblioteca javascript Alertify

Tecnologias utilizadas: HTML, CSS, JS, jQuery

Day21 - Submit de formulário com JavaScript e PHP

Tecnologias utilizadas: HTML, CSS, JS, jQuery, PHP

Day22 - Callback com for in e filter

Tecnologias utilizadas: JS

Day23 - Recuperando a Velocidade Atual do carro

Tecnologias utilizadas: JS

Day24 - Retorno de Celulares utilizando as diferenças entre Class, function factory e função construtora

Tecnologias utilizadas: JS

Day25 - Cálculo de contas relacionadas ao mês e ano e descontadas do salário JS OO

Tecnologias utilizadas: JS

Day26 - Criando uma nova função baseada em forEach em prototype

Tecnologias utilizadas: JS

Day27 - Formas de investimentos utilizando o laço MAP

Tecnologias utilizadas: JS

Day28 - Layout básico utilizando a metologia SMACSS

Tecnologias utilizadas: HTML CSS

Day29 - Layout básico utilizando CSS3 Grid

Tecnologias utilizadas: HTML CSS(GRID)

Day30 - Layout básico utilizando boas práticas CSS

Tecnologias utilizadas: HTML CSS(GRID e FLEXBOX) SASS BEM SMACSS

Day31 - Trabalhando com Eventos Drag

Tecnologias utilizadas: HTML CSS JS

Day32 - Flappy Bird - Estrutura básica

Tecnologias utilizadas: HTML CSS JS

Day33 - Flappy Bird - Versão final Jogo

Tecnologias utilizadas: HTML CSS JS

Day34 - Manipulando o DOM através de função por parâmetro

Tecnologias utilizadas: HTML CSS JS

Day35 - Pegando conteúdo de um textarea e jogando numa DIV

Tecnologias utilizadas: HTML CSS JS

Day36 - Coletando multiplos produtos e imprimindo em uma DIV

Tecnologias utilizadas: HTML CSS JS

Day37 - Coletando multiplos produtos e imprimindo em uma DIV excluíndo algum dado repetido

Tecnologias utilizadas: HTML CSS JS

Day38 - Cálculo de média - números digitados pelo usuário

Tecnologias utilizadas: HTML CSS JS

Day39 - Programação funcional, adicionando negociações via js

Tecnologias utilizadas: HTML CSS JS

Day40 - Orientação a objetos com javascript

Tecnologias utilizadas: JS

Day41 - Orientação a objetos com javascript - Criação de conta, sistema autenticação de usuário

Tecnologias utilizadas: JS

Day42 - Orientação a objetos com javascript - Criação de funcionario, classe abstrata, herança e polimorfismo

Tecnologias utilizadas: JS

Day43 - Validação de formulário de cadastro e de produtos no javascript e html

Tecnologias utilizadas: HTML CSS JS

Day44 - Validando CPF na mão

Day45 - Validação de CPF

Tecnologias utilizadas: JS

Day46 - Requisições HTTP - PUT, POST, GET, DELETE com Fetch API, cadastro clientes

Tecnologias utilizadas: HTML CSS JS

Day47 - Praticando mais eventos com Formulário

Tecnologias utilizadas: HTML JS

Day48 - CRUD estático com HTML CSS e JS

Tecnologias utilizadas: HTML CSS JS

Day49 - Troca de cores RGB via input Range

Tecnologias utilizadas: HTML CSS JS

Day50 - Entendendo a diferença entre innerHTML, innerText e textContent

Tecnologias utilizadas: HTML JS

Day51 - Todo List estática, praticando mais manipulação no DOM

Tecnologias utilizadas: HTML CSS JS

Day52 - Revendo a base com diferenças entre as funções, default parameters e diferenças nas variáveis

Tecnologias utilizadas: JS

Day53 - Praticando um pouco mais de MAP, FILTER, REDUCE, FOREACH com FETCH API

Tecnologias utilizadas: JS

Day54 - CRUD estático com HTML CSS e JS Moderno

Tecnologias utilizadas: HTML CSS JS

Day55 - Praticando mais de SetTimeout, SetInterval e ClearInterval

Tecnologias utilizadas: HTML JS

Day56 - Troca de banner simples com SetInterval

Tecnologias utilizadas: HTML JS

Day57 - Fetch de API do Github e manipulação do DOM

Tecnologias utilizadas: HTML JS

Day58 - Fetch com Promises e Async Await

Tecnologias utilizadas: HTML JS

Day59 - Fetch com API Fake e com Promises/Async Await

Tecnologias utilizadas: HTML JS

Day60 - Fetch em API, listagem de países e filtro de países favoritos

Tecnologias utilizadas: HTML CSS JS

Day61 - Desafio Pesquisa de usuários de API

Tecnologias utilizadas: HTML CSS JS

Day62 - Script de contador no React

Tecnologias utilizadas: JS REACT

Day63 - Primeiro projeto React, manipulando state e formulário de uma aplicação

Tecnologias utilizadas: HTML CSS MATERIALIZE JS REACT

Day64 - Rádio Podcast

Tecnologias utilizadas: HTML CSS JS

Day65 - Primeiro projeto React, Finalização com API e sqlite3 e persistencia de dados

Tecnologias utilizadas: HTML CSS MATERIALIZE JS REACT

Day66 - Praticando o readline no Node

Tecnologias utilizadas: JS NODE.JS

Day67 - Praticando o file system para criação/edição/leitura de arquivos

Tecnologias utilizadas: JS NODE.JS

Day68 - Trabalhando com EventEmitter no Node

Tecnologias utilizadas: JS NODE.JS

Day69 - Consumindo API de usuários do Github

Tecnologias utilizadas: HTML CSS JS

Day70 - Desmistificando o método sort() com números e strings

Tecnologias utilizadas: JS

Day71 - Trabalhando com rotas

Tecnologias utilizadas: JS NODE.JS

Day72 - Tratamento de erros

Tecnologias utilizadas: JS NODE.JS

Day73 - Trabalhando com Express.js

Tecnologias utilizadas: JS NODE.JS

Day74 - Middlewares

Tecnologias utilizadas: JS NODE.JS

Day75 - Gravação de Logs

Tecnologias utilizadas: JS NODE.JS

Day76 - Criando arquivos estáticos em API

Tecnologias utilizadas: JS NODE.JS

Day77 - Criando uma API completa com geração de log e validação dos endpoints

Tecnologias utilizadas: JS NODE.JS

Day78 - Testando o pacote de Cors para liberação a um endereço diferente

Tecnologias utilizadas: HTML JS NODE.JS

Day79 - Criando uma API completa e trabalhando com router

Tecnologias utilizadas: JS NODE.JS

Day80 - Testando o JS performático para comparação com React

Tecnologias utilizadas: HTML JS

Day81 - Executando efeito colateral, manipulação e Class component

Tecnologias utilizadas: HTML REACT.JS

Day82 - Component de increment/decrement individuais e com retorno único em class component

Tecnologias utilizadas: HTML MATERIALIZE REACT.JS

Day83 - React Lifecycle, class component, utilização do componentDidMount, componentDidUpdate e componentWillUnmount

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS

Day84 - React Counter, convertendo class components em function components

Tecnologias utilizadas: HTML MATERIALIZE REACT.JS

Day85 - React Coutry, convertendo class components em function components e consumindo API

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS

Day86 - React Lifecycle, convertendo class components em function components

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS

Day87 - Componente de votação consumindo um backend, class components para state e function components

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS NODE.JS

Day88 - React Counter, utilzação de react hooks juntamente com o useState

Tecnologias utilizadas: HTML MATERIALIZE REACT.JS

Day89 - React Lifecycle, utilzação de react hooks juntamente com o useState e o useEffect

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS

Day90 - React Coutry, convertendo class components para react hooks juntamente com o useState e o useEffect

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS

Day91 - Componente de votação consumindo um backend, convertendo class components para react hooks

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS NODE.JS

Day92 - React Juros Composto, calculando o juros com react hooks, useState e useEffect

Tecnologias utilizadas: HTML CSS MATERIALIZE REACT.JS

Day93 - Comandos iniciais para um CRUD em mongodb

Tecnologias utilizadas: MONGODB

Day94 - Conectando ao servidor do Mongo Atlas no código local

Tecnologias utilizadas: MONGODB

Day95 - Criando schema com mongoose e utilizando dotenv para proteção da senha ao BD

Tecnologias utilizadas: MONGODB MONGOOSE

Day96 - Criando uma API com banco de dados

Tecnologias utilizadas: MONGODB MONGOOSE NODE.JS

Day97 - API Podcasts com banco de dados e schemas mongoose

Tecnologias utilizadas: MONGODB MONGOOSE NODE.JS

Day98 - My-bank-api criação de uma API em Node e banco de dados, configuração da mesma no heroku

Tecnologias utilizadas: MONGODB MONGOOSE NODE.JS

Day99 - Comandos básicos de conexão ao servidor do heroku, assim como uma configuração de substituição do package.json

Tecnologias utilizadas: HEROKU

Day100 - Revendo class components e alteração de estado com setState

Tecnologias utilizadas: HTML REACT.JS

Day101 - Passando propriedades de pai para filho, clonando props do pai para o filho

Tecnologias utilizadas: HTML REACT.JS

Day102 - CRUD cadastro de usuário em react com simulação de backend utilizando json server

Tecnologias utilizadas: HTML CSS BOOTSTRAP REACT.JS

Day103 - Criação de notas, manipulação de formulário e ciclo de vida dos componentes

Tecnologias utilizadas: HTML CSS REACT.JS

Day104 - Calculadora inspirada no app do MAC

Tecnologias utilizadas: HTML CSS REACT.JS

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors