/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)

  • 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