/learning-projects

Welcome to my study projects repository! Here are some projects I developed during my learning journey.

Projetos de Estudo

image

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

  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.