Ângelo Ocanã

Engenheiro de softwareBrasilOttawa
Ângelo Ocanã
Engenheiro de software na Shopify, em Ottawa. Aprendo e construo para a web desde 2007, e ainda tento aprender algo novo todo dia. Gosto de fazer coisas complicadas parecerem simples para quem usa.
angeloocana@gmail.com

Projetos pessoais · track2.fit
Treine pesado. Registre fácil.
Um app de treino que eu desenho e construo de ponta a ponta, no iPhone, Apple Watch, iPad e na web, sempre sincronizado.
Abrir o track2.fit Como construímos · em breve
Ele já sabe o que vem depois.
Sugere o próximo treino, preenche pesos e repetições e registra séries inteiras a partir de uma frase.
Registre a série pelo pulso.
Timer de descanso, batimentos e recordes, sem pegar o celular entre as séries.
O quadro completo.
Histórico, medidas do corpo e recordes, organizados no iPad.
E na web.
Os mesmos treinos em qualquer navegador, sempre sincronizados.
Offline primeiro.
Cada aparelho guarda a própria cópia e sincroniza quando pode: do relógio para o celular, do celular para a nuvem, da nuvem para o resto.
TRACK².FITAndroidem breve
Android e Wear OS.
A caminho. Grátis e sem anúncios.

Projetos pessoais · Jump Over Jump
Faça o seu próximo salto.
Como damas, mas ninguém é capturado. Pule qualquer peça, encadeie saltos e leve as oito para casa, em qualquer navegador.
Programado à mão em 2014. Refeito com IA em 2026.
Jogar Como construímos · em breve
jump over jump
Ⅱ Pausar demonstraçãoDois lados, uma corrida: vence quem atravessar primeiro com as oito.
Faça o seu
próximo salto.
Jogar →
jump over jump
Faça o seu próximo salto.
Dois lados, uma corrida: vence quem atravessar primeiro com as oito.
Jogar →
1. InicianteUm começo tranquilo
2. 2014Meu primeiro bot, programado à mão
3. ClássicoPreservado de uma versão antiga
4. EspecialistaPlaneja várias jogadas à frente
5. MestrePensa mais fundo, até 3 segundos
6. NeuralPura intuição · 5,8 mi de parâmetros
Seis bots, do tranquilo ao Neural.
Um iniciante, os dois bots das minhas versões programadas à mão, bots de busca que planejam jogadas à frente, e o Neural: ele olha o tabuleiro uma vez, não busca nada, e mesmo assim venceu o Mestre em 19 de 24 partidas.
jump over jump
Faça o seu próximo salto.
Dois lados, uma corrida: vence quem atravessar primeiro com as oito.
Jogar →
Link da sala copiado
Você vs Amigo
Jogue online com um amigo.
Abra uma sala privada, mande o link e jogue ao vivo de qualquer celular ou navegador. Sem cadastro, e o servidor confere cada jogada.
TodosJogadoresIAs
1. 1Seu nome aqui🏆
2. 2NeuralIA
3. 3MasterIA
4. 4ExpertIA
Vitória 3 · Empate 1
Tem espaço no topo.
Três pontos por vitória, um por empate, para pessoas e bots. Ainda é cedo, então poucas vitórias já levam longe.
- 4 lições
- 30 idiomas
- Funciona offline
- Tabuleiro 3D
- Claro e escuro
Aprenda em um minuto.
Quatro lições curtas ensinam as regras jogando. O tabuleiro é animado em 3D, fala 30 idiomas e funciona offline.
Bastidores
Doze anos de reescritas.
Toda vez que eu queria aprender uma linguagem, refazia o mesmo joguinho.
Bots do iniciante a uma rede neural, salas online para jogar com amigos, e o bot original de 2014 ainda esperando a revanche.

$ git log --reverse --date=short
2014-10-25  Init
2014-10-27  Board
          …
c_sharp_phaser/JumpOverJump

2014

C# + Phaser

A primeira versão, programada à mão para aprender uma game engine.

2016
C# + AngularJS
A versão que ficou no ar em jumpoverjump.com por anos.
2016
TypeScript, Angular 2, Meteor
Uma só linguagem no cliente e no servidor.

  a b c d e f g h
8 ● ● ● ● ● ● ● ●
7 · · · · · · · ·
6 · · · ● · · · ·
5 · · · · · · · ·
4 · · ○ · · · · ·
3 · · · · · · · ·
2 · · · · · · · ·
1 ○ ○ · ○ ○ ○ ○ ○
> c1 → c4

2017

TypeScript funcional

As regras reescritas como funções puras, com uma IA simples e interface no terminal.

JumpOverJump/
├── bend/   # massively parallel
├── c/      # tiny + fast
├── typescript/
├── c_sharp_angularjs/
└── c_sharp_phaser/

2024

Bend e C

Código massivamente paralelo, e a engine menor e mais rápida que consegui escrever.

2026
Refeito com IA
Um oponente neural, salas online para amigos, e o bot de 2014 ainda lá para ser vencido.

A seguirCarreira

Carreira · de hoje até o começo
Onde eu construí coisas.
7 empresas desde 2008. Role para o lado para ver cada uma.
2021HojeHoje
Shopify
Engenheiro de software staff · Ottawa, Canadá
O que eu construí
Em todos os times em que entrei fui o líder técnico: defendi os projetos, desenhei a arquitetura e reuni as pessoas de que eles precisavam, entre times da Shopify e empresas parceiras como a Amazon, para entregá-los a milhões de lojistas.
1. Rollouts Lançar mudanças no tema, no checkout e nas contas com data marcada, liberar aos poucos ou rodar como experimento A/B contra a loja atual.
2. SimGym Compradores de IA que visitam a loja antes dos clientes reais. Eles navegam, colocam no carrinho e contam o que os confundiu, para o lojista comparar um tema novo com o atual antes de publicar.
3. Promessa de entrega Datas de entrega confiáveis, na página do produto e no checkout, calculadas a partir de onde está o estoque, onde está o comprador e dos tempos reais de transporte.
4. Buy with Prime A integração com a Amazon que leva as opções de entrega Prime aos membros Prime no checkout da Shopify, pagando com a carteira da Amazon ou do Shop Pay.
5. Shopify Fulfillment NetworkPedidos, e depois Growth e Activation: levar os pedidos dos lojistas aos armazéns da Shopify e ajudar novos lojistas a começarem a enviar pela rede.
- Ruby
- TypeScript
- Rust
- GraphQL
- React
- Remix
- MySQL
- BigQuery
Shopify · Destaques
1. 01 Rollouts
  Lançar mudanças no tema, no checkout e nas contas com data marcada, liberar aos poucos ou rodar como experimento A/B contra a loja atual.
2. 02 SimGym
  Compradores de IA que visitam a loja antes dos clientes reais. Eles navegam, colocam no carrinho e contam o que os confundiu, para o lojista comparar um tema novo com o atual antes de publicar.
3. 03 Promessa de entrega
  Datas de entrega confiáveis, na página do produto e no checkout, calculadas a partir de onde está o estoque, onde está o comprador e dos tempos reais de transporte.
Shopify · Destaques
1. 04 Buy with Prime
  A integração com a Amazon que leva as opções de entrega Prime aos membros Prime no checkout da Shopify, pagando com a carteira da Amazon ou do Shop Pay.
2. 05 Shopify Fulfillment Network
  Pedidos, e depois Growth e Activation: levar os pedidos dos lojistas aos armazéns da Shopify e ajudar novos lojistas a começarem a enviar pela rede.
20182021
Kinaxis
Desenvolvedor principal · Ottawa, Canadá
O que eu construí
Uma grande aplicação web em TypeScript e React para planejamento de cadeia de suprimentos. Desenhei o monorepo, cacei problemas de performance e vazamentos de memória, e escrevi nossa própria biblioteca de gerenciamento de estado, inspirada em Redux, Reselect e Recoil.
1. Nossa própria biblioteca de estadoInspirada em Redux, Reselect e Recoil, feita para o tamanho e a velocidade que a aplicação precisava.
2. Revisões e mentoriaMais de 100 pull requests revisados por mês, e sempre por perto para ajudar o time.
3. Tech talksPalestras internas frequentes, e trabalho próximo com UX e produto para desenhar novas funcionalidades.
- TypeScript
- React
- Redux
- RxJS
- Angular
- C#
- .NET MVC
- Jest
- Jasmine
- TestCafe
- webpack
- styled-components
- Sass
- Ramda
Kinaxis · Destaques
1. 01 Nossa própria biblioteca de estado
  Inspirada em Redux, Reselect e Recoil, feita para o tamanho e a velocidade que a aplicação precisava.
2. 02 Revisões e mentoria
  Mais de 100 pull requests revisados por mês, e sempre por perto para ajudar o time.
3. 03 Tech talks
  Palestras internas frequentes, e trabalho próximo com UX e produto para desenhar novas funcionalidades.
20072018
Freelance
Desenvolvedor independente
O que eu construí
Sistemas e sites para envio de SMS, academias, e-commerce e empresas, em paralelo a todos os empregos. Entre os clientes e projetos: Staffgeist, Hive, Empório Viña Real, APM e o primeiro Jump Over Jump.
- C#
- .NET MVC
- AngularJS
- TypeScript
- Node.js
- SQL Server
20112015
Total On Demand · POL
São Paulo, Brasil · a mesma empresa, renomeada
O que eu construí
Plataformas de campanhas de incentivo e recompensas para grandes marcas: uma rede social para cada campanha, jogos, metas e resultados, quizzes e galerias de fotos. Depois, a POL, um e-commerce onde as pessoas trocam pontos por produtos de varejistas parceiros. Construí o motor de busca dela com Lucene.
Para Vivo · Telefônica · BASF · Volkswagen · Sony · L’Oréal · B2W · Magazine Luiza · Walmart · Casas Bahia
- C#
- .NET MVC
- Web API
- WebForms
- WCF
- Entity Framework
- Lucene
- RabbitMQ
- SQL Server
- PostgreSQL
- jQuery
- DDD
- TDD
20102011
Empresário Cobrança
São Paulo, Brasil
O que eu construí
Um sistema de negociação de dívidas para pessoas e empresas de todo o Brasil, com cálculos financeiros complexos, geração de boletos e importação de milhões de registros. Também controle de acesso com captura de foto e sistemas internos de RH, financeiro e CRM.
- C#
- WCF
- WPF
- WebForms
- Windows Services
- Ext.NET
- SQL Server
2010
Media W
São Paulo, Brasil
O que eu construí
Software de frente de caixa para as lojas Cadê o Nenê, integrado a impressoras fiscais e máquinas de cartão.
- C#
- Windows Forms
- MySQL
20082010
Upgrade Consultoria
São Paulo, Brasil
O que eu construí
PriManager, um sistema web de gestão de obras para clientes como Eletropaulo e CDHU; um sistema de infraestrutura para as escolas estaduais de São Paulo (FDE); e um ERP e CRM internos.
- C#
- .NET
- Telerik
- Web Services
- Flash · ActionScript
- Google Maps API
- SQL Server

A seguirPosts

A seguirDiga oi.

Treine pesado. Registre fácil.

Ele já sabe o que vem depois.

Registre a série pelo pulso.

O quadro completo.

E na web.

Offline primeiro.

Android e Wear OS.

Faça o seu próximo salto.

Seis bots, do tranquilo ao Neural.

Jogue online com um amigo.

Tem espaço no topo.

Aprenda em um minuto.

Doze anos de reescritas.

C# + Phaser

C# + AngularJS

TypeScript, Angular 2, Meteor

TypeScript funcional

Bend e C

Refeito com IA

Onde eu construí coisas.

Shopify

01 Rollouts ↗

02 SimGym ↗

03 Promessa de entrega ↗

04 Buy with Prime ↗

05 Shopify Fulfillment Network

Kinaxis

01 Nossa própria biblioteca de estado

02 Revisões e mentoria

03 Tech talks

Freelance

Total On Demand · POL

Empresário Cobrança

Media W

Upgrade Consultoria

Notas que escrevi pelo caminho.

Why useMemo instead of useState + useEffect?

Making async reasonable with redux saga

Aprenda Inglês (Links)

10 dicas para começar a usar Github e Linha de comando

Corrigir erro ENOSPC

Como instalar Yaourt no Arch Linux

Como salvar fotos do celular pro Arch Linux

Como usar Word e Excel no Linux or talvez não...

Como configurar ssl https:// pro seu site

Filmes Franceses

Vim ajuda com comandos

Instalar Arch linux + wifi and xfce4

Aprenda Francês (Links)

Extrair Arquivos no Arch linux

Instalar fonts no Arch linux

Setup dev env Arch linux

Exemplos Programação Funcional

Git comandos Avançados

Instalar ZSH e oh-my-zsh

Js Exemplos Spred Operator

Parte 6 App do Projeto Completo C# MVC Migrations StructureMap DDD TDD

Parte 5 Repositories do Projeto Completo C# MVC Migrations StructureMap DDD TDD

Parte 4 EnityFramework e Migrations do Projeto Completo C# MVC Migrations StructureMap DDD TDD

DicaRapida 2 Por um código MELHOR!

Parte 3 Entities do Projeto Completo C# MVC Migrations StructureMap DDD TDD

DicaRapida 1 Melhorar Performance MVC

Parte 2 ValueObjects do Projeto Completo C# MVC Migrations StructureMap DDD TDD

Parte 1 Base Projeto do Projeto Completo C# MVC Migrations StructureMap DDD TDD

01 Rollouts

02 SimGym

03 Promessa de entrega

04 Buy with Prime