tramaLabs/workshop

Repositório de arquivos para o workshop básico de javascript

Workshop

Repositório de arquivos para o workshop básico de javascript

Roteiro

Abertura (50 min - 10:30 ~ 11:20)

• Facilitação (25 min)
• Trama (10 min)
• IED (10 min)
• Founder Institute (5 min)

Desenvolvimento de produtos digitais (3h - 11:20 ~ 14:20)

• Tecnologia da Skola (10 min - 11:20 ~ 11:30)

  • Visão geral da empresa (3 min)
  • Tecnologia (7 min)

• Pilares do desenvolvimento web (30 min - 11:30 ~ 12:00)

  • Frontend - O que funciona no seu dispositivo (10 min)
  • Backend - O que funciona no servidor (10 min)
  • HTTP - A cola (10 min)
    • Visão geral (4 min)
    • REST - Padrão de protocolo (3 min)
      • Exemplo Facebook https://developers.facebook.com/docs/graph-api/reference/user/photos/#publish
    • GraphQL - Tendência de protocolo (3 min)

• GIT - Versionamento de arquivos (30 min - 12:00 ~ 12:30)

  • Visão geral (10 min)
  • Básico para começar (mão na massa) (20 min)
    • clone - Download inicial do código (3 min)
    • pull - Pegue o que outros colaboradores fizeram (3 min)
    • add - Preparar (4 min)
    • commit - Apontar (5 min)
    • push - VAAAAI! Manda pra galera! (5 min)
  • https://gist.github.com/vmattos/d2ce15db30be16297d0eab9220468af2

• Backend (30 minutos - 12:30 ~ 13:00)

  • Backend as a service - Códigos de prateleira (15 min)
    • auth0 - Autenticação de usuários (5 min)
    • graphcool - Armazenamento de dados (5 min)
  • Serverless - Configurar servidor é coisa do passado (15 min)
    • Visão geral (5 min)
    • Google functions (5 min)
    • AWS lambda (5 min)

• Frontend (mão na massa) (1 hora - 13:00 ~ 14:00)

  • https://github.com/tramaLabs/js-stack-from-scratch
    • NPM e yarn - Reutilização de códigos da comunidade (5 min)
    • Node e Express - Como rodar a sua aplicação (5 min)
    • ES6 - Síntaxe da linguagem (5 min)
    • Babel - Evolução da linguagem sem burocracia (5 min)
    • ESLint - Padronização de código (5 min)
    • Webpack - Empacotador (5 min)
    • React - Código do seu produto (25 min)
    • Netlify - Vamos colocar no ar! (5 min)

• Pergunte o que quiser! (20 min - 14:00 ~ 14:20)

Almoço (40 min - 14:20 ~ 15:00)

UX (2h 30min - 15:00 ~ 17:30)

• UX e Produtos Digitais (10 min - 15:00 ~ 15:10)

  • O que é UX
  • Qual o papel do UX Designer
  • Qual o papel do UX Designer (na prática)

• Processos de Design (10 min - 15:10 ~ 15:20)

  • Etapas do Processo
  • Processo Ágil
  • Lean UX
  • Sprint

• Métodos de Design (40 min - 15:20 ~ 16:00)

  • Pesquisa

    • Entrevista com Usuários
    • Enquete
    • Observação Contextual
    • Analytics

  • Design Participatório

    • Card Sorting
    • Concept Mapping
    • Sketching

  • Arquitetura de Informação

    • Sitemap
    • User Flow
    • User Journey

  • UI Design

    • Wireframes
    • Mockups
    • Ferramentas de UI

  • Prototipagem e Validação

    • Tipos de Protótipos
    • Ferramentas
    • Teste de Usabilidade
    • Heurísticas de Usabilidade

• Break + QA (20 min - 16:00 ~ 16:20)

• Atividade Prática (60 min - 16:20 ~ 17:20)

Encerramento (10 min - 17:30 ~ 17:40)

20 minutos de gordura para atrasos