PROJETOS

Projetos

Aplique seus conhecimentos resolvendo problemas reais por meio de desafios técnicos junto a maior comunidade tech da América Latina e destaque seu Github.

Busque por tecnologia:
  • Image of App Android de Extrato Bancário em Kotlin com Coroutines e LiveData
    Android image
    Android
    App Android de Extrato Bancário em Kotlin com Coroutines e LiveData

    Neste Lab você será desafiado a reproduzir um App Android de Extrato Bancário começando do zero! Partindo desde a configuração do ambiente de desenvolvimento até a implementação do App tendo em vista sua prototipação. Para isso, vamos explorar tendências do desenvolvimento mobile nativo para Android, como Kotlin, Coroutines, LiveData, Jetpack e Material Design 3. Adicionalmente, você poderá sair da sua zona de conforto e executar uma API RESTful (feita em Java com SpringBoot) localmente, possibilitando uma integração real entre o seu App e um Back-end usando o protocolo HTTP. Por fim, lembre-se de deixar o projeto com a sua cara, ou seja, sinta-se à vontade para criar melhorias funcionais e visuais 😉

    AvançadoMobile
  • Image of Criando Seu Currículo Online Com HTML e GitHub Pages
    GitHub image
    GitHub
    Criando Seu Currículo Online Com HTML e GitHub Pages

    Explore os pilares tecnológicos da carreira de Front-end, estruturando seu Currículo Online com HTML e CSS. Visando simplificar essa experiência, vamos usar o GitHub Pages para publicar o nosso Website. Nesse sentido, também falaremos um pouco sobre CI/CD, conceito implicito no GitHub areavés das Actions (disparadas pelo GitHub Pages). Durante este projeto, teremos diversas dicas para preencher o seu perfil pessoal utilizando a plataforma da DIO

    InicianteFront-End
  • Image of UI/UX: Criando a Interface do Instagram com Figma
    UI/UX image
    UI/UX
    UI/UX: Criando a Interface do Instagram com Figma

    O Figma é uma das melhores ferramentas online de UI Design, ou seja, de Interface do Usuário.Vamos utilizá-lo para reconstruir a interface do Instagram, aproveitando os principais recursos que o programa oferece, como versionamento automático, painéis de camadas e objetos, bibliotecas de componentes compartilhadas e flows. O Resultado? Telas e fluxos do aplicativo Instagram criados por você e com propostas de melhorias na interface que agreguem na experiência final do usuário.

    IntermediárioFront-End
  • Image of Criando Uma Aplicação Para o Reconhecimento Facial com Deep Learning
    Machine Learning image
    Machine Learning
    Criando Uma Aplicação Para o Reconhecimento Facial com Deep Learning

    Nesse curso será desenvolvido um sistema de reconhecimento facial do zero utilizando métodos de machine learning e visão computacional. Para essa tarefa será aplicada uma rede de Deep Learning baseada no modelo YOLO utilizando o ambiente colaborativo COLAB. Tudo isso será feito com base na própria webcam do seu computador e processamento em nuvem.

    IntermediárioBack-End
  • Image of UI/UX: Construindo a Interface Moderna do Orkut com Figma
    UI/UX image
    UI/UX
    UI/UX: Construindo a Interface Moderna do Orkut com Figma

    Crie uma interface do Orkut como se fosse sua: com uma foto que você colocaria no seu perfil, comunidades que você seguiria, e assim por diante. Aplique todos os conhecimentos adquiridos neste Desafio na prática.

    IntermediárioFront-End
  • Image of Criando Um App de Podcast Multiplataforma com Flutter
    Flutter image
    Flutter
    Criando Um App de Podcast Multiplataforma com Flutter

    Neste Lab você foi capaz de acompanhar a expert na criação de um aplicativo de podcast, aprenda como trabalhar com widgets de maneira correta, veja como trabalhar com navegação de aplicação e entenda como funciona o gerenciamento de estados de um app.

    IntermediárioMobile
  • Image of Multiverso Spider-Man: Criando um Site com HTML, CSS e JavaScript
    CSS image
    CSS
    Multiverso Spider-Man: Criando um Site com HTML, CSS e JavaScript

    Aprenda a trabalhar com os principais efeitos de CSS e explore o máximo das animações para construir um Layout Rico baseado no multiverso do spiderman, vá além aprendendo mais sobre posicionamento de elementos em tela, construção baseada em sobreposição de blocos e domine a arte de compor itens em tela.

    IntermediárioFront-End
  • Image of Hacking prático na web: Ataques, Mitigações e Desafios
    Segurança da informação image
    Segurança da informação
    Hacking prático na web: Ataques, Mitigações e Desafios

    Neste lab iremos apresentar de forma dinâmica e prática os ataques mais recorrentes na Web (Top Ten, OWASP). Serão apresentadas técnicas e ferramentas para prover autonomia para que profissionais de TI sejam capazes de utilizar boas condutas de mitigação. Os desafios atuais e futuros no submundo da segurança na web também são objetivos deste curso. Com grandes poderes, você terá grandes responsabilidades. E aí, você está preparado para se proteger de um ataque hacker?

    AvançadoFull-Stack
  • Image of O Dia a Dia de um QA: A Prática de Testes Manuais Funcionais
    QA image
    QA
    O Dia a Dia de um QA: A Prática de Testes Manuais Funcionais

    Revisar conceitos úteis para testes manuais no mundo ágil, bem como compreender e praticar atividades relativas ao dia a dia de um QA, com foco em testes manuais funcionais.

    IntermediárioFull-Stack
  • Image of Criando um Catálogo de Filmes com Carousel em Angular
    Angular image
    Angular
    Criando um Catálogo de Filmes com Carousel em Angular

    Neste Lab você foi capaz de acompanhar a expert na criação de um Carousel em Angular para exibição de um catálogo de filmes. Dessa forma, a expert desenvolveu todo o projeto a partir das noções básicas de Angular. O objetivo do projeto consiste na criação do carrossel com animações que fornecem uma transição mais suave ao Carousel. Agora, você começou sua jornada utilizando o Framework Angular para projetos de front-end!

    AvançadoFull-Stack
  • Image of Criando o Seu Próprio Blog com Angular
    Angular image
    Angular
    Criando o Seu Próprio Blog com Angular

    Você foi capaz de criar um blog usando o framework Angular. Dessa forma, juntamente com a expert foi possível compreender os conceitos de SPAs (Single Page Applications) e principais blocos do Angular. Assim, você começou sua jornada utilizando o Angular que é amplamente utilizado no desenvolvimento Front-end.

    AvançadoFront-End
  • Image of Construindo um App usando Sensor de Movimento com React Native
    React Native image
    React Native
    Construindo um App usando Sensor de Movimento com React Native

    Neste desafio vamos construir um App de lanterna que, além de ligar a lanterna do celular ao tocar na tela, também acenderá quando for verificado o movimento de chacoalhar o celular. Venha com a gente e embarque nesse incrível projeto utilizando React Native.

    AvançadoMobile
12...13