como foi o bootcamp da Driven?

Aconteceu o bootcamp da Driven, o Desafio Programando na Prática, onde três ideias de projetos foram propostos para serem desenvolvidos e logo em seguida, o instrutor demonstrou como completar a tarefa em html, css e javascript. Vamos a alguns detalhes de como eu fiz os desafios.

meu projeto do terceiro desafio da driven — driven-challenge-kanban

No projeto #1

Criado um disparador de mensagens para WhatsApp, aprender a importar fontes, criar efeitos de animação, tornar cards interativos conforme o template sugerido.

template da Driven

No repositório a seguir está o meu projeto criado junto com alguns detalhes que anotei durante a criação da aplicação.

Nesse projeto o destaque foi a validação da chamada da URL do preenchimento de número.

O próximo passo para esse projeto é estudar a API do Whatsapp e criar novas funcionalidades dinâmicas a partir das informações públicas da ferramenta.

O link para o projeto hospedado no Github Pages para conferir a aplicação funcionando.

No projeto #2

Desenvolvido um cronômetro online de contagem regressiva, aprender como armazenar os dados para que, mesmo fechando a página do navegador, o cronômetro continue com a contagem rodando.

template da Driven

No repositório a seguir está o meu projeto criado junto com alguns detalhes que anotei durante a criação da aplicação.

Nesse projeto o destaque foi para a mudança dos elementos html para tags semânticas.

O próximo passo para esse projeto é adaptar o layout do cronômetro para um visual mais tecnológico e atual.

O link para o projeto hospedado no Github Pages para conferir a aplicação funcionando.

No projeto #3

Vamos criar uma To Do List muito parecida com o Trello, usando as tecnologias e linguagens aprendidas nas aulas anteriores para construir do zero o projeto mais desafiador do Programando na Prática.

template da Driven

No repositório a seguir está o meu projeto criado junto com alguns detalhes que anotei durante a criação da aplicação.

Nesse projeto o destaque foi para a mudança dos elementos html para tags semânticas, a utilização de medidas fluídas ao invés de medidas fixas e pensar em dois detalhes do layout para ser exibido em mobile, pensamento buscado na referência do paradigma mobile first.

O próximo passo para esse projeto é guardar as informações das tarefas no localStorage para recuperar em curto prazo.

O link para o projeto hospedado no Github Pages para conferir a aplicação funcionando.

O evento

O Desafio Programando na Prática da driven foi muito interessante. Foi apresentado três projetos em níveis gradativos com os fundamentos em html, css e javascript.

O que eu mais gostei foi o meu entrosamento com os atributos apresentados, tanto no css, html quanto no javascript.

Muito da forma conduzida do evento e da didática do instrutor.

DESAFIO PROGRAMANDO NA PRÁTICA

Esse artigo foi para compartilhar um pouco dessa experiência e te convidar a fazer. Se você for mais avançado, faz os projetos sem seguir os vídeos. E para quem está começando, faz para aprender. Espero que tenha gostado. Deixe seu aplauso e até o próximo artigo.

--

--

--

Developer Frontend Web — Javascript | ReactJS https://linktr.ee/douglasabnovato

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
douglasabnovato

douglasabnovato

Developer Frontend Web — Javascript | ReactJS https://linktr.ee/douglasabnovato

More from Medium

7 Boss CSS Deceives and Tips Each Engineer Ought to Be aware

How to Truncate Text using CSS

An example of truncated text. It shows “hello w…”.

MDN semantics and structures w/HTML — chapter 3

HTML Basics - Structure