Projetos de Estudo

Bem-vindo ao meu repositório de projetos de estudo! Aqui estão alguns projetos que desenvolvi durante minha jornada de aprendizado.

• Roadmap de projetos de estudo/pessoais para 2024.
• Read in english.

Sumário de Conteúdos

• Projetos
• Como Navegar pelos Projetos
• Habilidades Adquiridas
• Recursos de Aprendizado

Projetos

1. ⚛️ Learning React:

   • Tech Stack: JavaScript e TailwindCSS.
   • Meu primeiro encontro com React resultou em um web app de blogs. Descubra como eu aprendi a amar os componentes React tanto quanto aprecio a beleza de um algoritmo bem implementado.

2. 🚀 Learning NodeJs:

   • Tech Stack: JavaScript, MongoDB e Express.
   • Explorei o universo do NodeJs criando uma API CRUD de usuários. Seja bem-vindo à 'NodeVerse', onde até mesmo o banco de dados é uma parte ativa da narrativa. Prepare-se para CRUDtir essa experiência!

3. 🖖 Learning VueJs:

   • Tech Stack: VueJs e TailwindCSS.
   • Mergulhei no VueJs com um web app para gerenciar listas de compras. Descubri como o VueJs facilita a criação de interfaces amigáveis, enquanto eu tento manter minha lista de compras sob controle. Spoiler: Comprar chocolate nunca foi tão eficiente!

4. 🦖 Deno APP:

   • Tech Stack: Mongoose, Express, DenoJs.
   • Uma API Restful para um sistema de controle de estoque.

5. 💼 Dev Community:

   • Tech Stack: TypeScript e SCSS.
   • Portfólio de projetos. Visualize todos os projetos públicos de um perfil, usando a API do Github. Porque mostrar um projeto por vez é coisa do passado.

6. ✍️ Simple Blog:

   • Tech Stack: JavaScript e SCSS.
   • Era para ser um web app de blog. Serve mais como um diário de pequenas ideias com funções semelhantes a um blog pessoal. Às vezes, os projetos são como gatos, têm uma mente própria.

7. 🎮 Xbox Series X:

   • Tech Stack: VueJs.
   • Landing page com o tema do novo console da Microsoft, o Xbox Series X. Porque até mesmo uma página pode ser next-gen.

8. 🔐 Login Page:

   • Tech Stack: SCSS.
   • Página de login simples, apenas isso, mas ela é bonita também. Às vezes, menos é mais (mas o estilo é essencial).

9. 👟 Tennis Page:

   • Tech Stack: SCSS.
   • Página de apresentação de alguns tênis que marcaram época nos anos 90, mas ainda são legais hoje em dia. Porque os clássicos nunca saem de moda.

10. 🔍 Web App Quiz:

    • Tech Stack: PHP, MySQL, JavaScript, CSS e HTML.
    • Desenvolvi este web app para uma prova online de ciências humanas. A landing page é uma introdução divertida ao caótico mundo das humanidades. Crie sua conta, inicie a prova e descubra que a História é tão imprevisível quanto o resultado!

11. 🎮 Math Game:

    • Tech Stack: VB.net.
    • Entre na arena matemática! Crie um usuário, enfrente a tabuada do 1 na fase 1 e suba até a fase 10. Prove que você é o mestre da multiplicação e que a única coisa que divide por zero aqui é o seu entusiasmo!

12. 📘 Minecraft Wiki:

    • Tech Stack: VB.net.
    • Criei uma Wiki para todas as versões do Minecraft (1.17 na época). Passeie pela caverna da informação e descubra que, assim como no jogo, até mesmo a Wiki tem um tema escuro. Obs: Não há creepers, apenas conhecimento explosivo!

Como Navegar pelos Projetos

Para explorar mais detalhes sobre cada projeto, visite os links acima. Cada projeto tem uma descrição mais detalhada e informações sobre a tecnologia utilizada.

Habilidades Adquiridas

Ao trabalhar nesses projetos, adquiri as seguintes habilidades:

• 🧠 Desenvolvi minha lógica de programação construindo programas em VB.net. Agora, meu código é tão lógico que até os algoritmos pedem conselhos.

• 🌐 Estruturei semanticamente um documento HTML. Minhas páginas agora são como poesias, cada tag é uma estrofe e cada elemento é uma palavra que conta uma história.

• 📱 Aprendi a tornar layouts responsivos e mobile-first usando Flexbox no CSS. Agora, meus designs são mais flexíveis do que um ioga para desenvolvedores.

• 🚀 Aprendi boa parte do mundo do JavaScript, até dominei alguns frameworks como Vue. Agora, programar em JavaScript é como uma dança, e eu sou o mestre da pista de código.

• 🌐 Aprendi a criar minha própria API usando NodeJs e interagir com um banco de dados. Agora, eu e os bancos de dados somos como melhores amigos, sempre compartilhando segredos (e dados).

• ...dentre outros. Afinal, cada linha de código é um passo em direção ao infinito universo do desenvolvimento!

Recursos de Aprendizado

Fontes de estudo que recomendo:

• 🥷 NetNinja: Canal no YouTube com aulas diretas ao ponto, trazendo projetos e tecnologias de forma envolvente. É como uma maratona de séries, mas com código.

• 🔥 Fireship: Canal com vídeos bem humorados sobre tutoriais, curiosidades e notícias de tecnologia. Aprender aqui é como comer pizza: é divertido e você sempre quer mais.

• 🐧 Diolinux: Maior canal brasileiro de aulas, tutoriais e notícias do lado open source da tecnologia. Alguns vídeos têm títulos e legendas em inglês.

• 🏋️‍♂️ Exercism: Plataforma sem fins lucrativos que entrega fluência em mais de 67 linguagens de programação por meio de exercícios. Se gostar, faça uma doação! É o único lugar onde suar programando é altamente recomendado.

• 📚 Educative: Plataforma de cursos interativos com certificações de linguagens de programação e tecnologias em geral. A maioria dos cursos é paga, mas, como dizem, conhecimento não tem preço (mas às vezes tem assinatura).

Vou estar atualizando essa lista à medida que eu achar mais fontes de estudo de qualidade.

---

Nota: Este repositório é destinado apenas à apresentação e organização dos projetos de estudo. Cada projeto possui seu próprio repositório para contribuições e detalhes específicos.