felipe n. moura

Working with web development for about 12 years, also giving talks and trainings.
Felipe is a founder and owner at Nasc. He is a founder/organiser of BrazilJS, FrontInPoa and RSJS conferences.
Felipe is a Google Developer Expert (GDE) in Web Technologies, as well.

JavaScript and Front End developer and enthusiast.

Open Source projects taught me a lot, and inspired me to start projects from my own.

I am graduated at Senac/RS, a technician from CTT Maxwell, Project Manager by PMTech and have some different specialization courses.
Actually, I have worked on McDonalds, was an alxiliar of a baker, worked on a super market, on a warehouse...but it doesn't really matter now :p

An advice?
Do it because you love it!
Be passionate to learning and creating new things!
I work with web development for almost a decade, and nowadays I work at Terra as a Senior Development Analyst.
Also, I love giving talks in conferences and enjoy giving trainings(I enjoy being an attendee, too!).

Among my projects, you can find Power-polygon, theWebMind, Botaoteca, PHPDevBar and of course, I am an organizer of the RSJS and BrazilJS.
Conferences, the first Brazilian JavaScript Conference, also, the biggest one in Latin America, and one of the biggest in the world!
With the same name, the BrazilJS Foundation.

Changing the world is the least I expect from myself Myself

PWA - Progressive Web Apps

Talk presented in Russia during the DeveFest Voronezh 2017. We talked mostly about Service Workers and how they will help us reshape the web, but also about web app manifest and related web technologies.

Accessibility!

In this talk, we discuss about accessibility on the web, and how to make the best use of web technologies to make it better.

CSS Animation

Meet some of the greatest techniques to animate and optimize animations using CSS3.
Besides that, also some interesting techniques to use and combine with your HTML.

Learn ES6

Start learning ES6 now, try and run some code, see how to transpile, understand the differences from the previous version of JavaScript.
This is a talk full of code and examples.

What is that all for?

Cool new technologies are great! But how can we really use them? Lets see cool and creative ways to combine techniques and tecnologies to build incredible stuff, using the latest features of HTML5, JavaScript and CSS3.

The web, as interface

An interface is what is between people, and how they reach their goals...nowadays, web is part of it!
Let's make some comparizons with real world, check some techniques to have better interfaces for users, some classic mistakes and good practices.

A Power Polygon parallax demo

This talk is a demo presentation using some of the Power Polygon features.
FWorld: Sozinhos

FWorld: Sozinhos

Sabe aquele sentimento de solidão? Que estamos sozinhos no mundo? Mas hoje em dia, não fazemos NADA sozinhos...sério! Descubra algumas pessoas ou coisas que estiveram mais isolados, que se tenha notícia, e também, uma forma de nunca mais se sentir realmente sozinho neste mundo!
Matéria na Record sobre a BrazilJS 2014

Matéria na Record sobre a BrazilJS 2014

A TV Record foi até a BrazilJS este ano, para fazer uma cobertura sobre o evento e coletar algumas entrevistas. O material ficou bem legal e muito bem produzido! Saímos no ar, no jornal das 19 horas, no dia 21 em TV Aberta.
Entrevista Jaydson & Felipe sobre o BrazilJS - Programa Tudo Mais TVCom

Entrevista Jaydson & Felipe sobre o BrazilJS - Programa Tudo Mais TVCom

Entrevista feita com os organizadores do BrazilJS (Jaydson Gomes e Felipe Moura) no programa Tudo Mais da TVCom, canal da RBS de Porto Alegre. Na entrevista, os organizadores falam sobre a linguagem JavaScript e sobre o BrazilJS 2012.
Matéria no Gabinete Digital sobre o BrazilJS

Matéria no Gabinete Digital sobre o BrazilJS

O Gabinete Digital esteve no BrazilJS e fez uma série de mini-entrevistas com alguns participantes, e com os organizadores do evento, Jaydson Gomes e Felipe Moura.
Por que eu amo a web

Por que eu amo a web

É difícil explicar este sentimento, mas é o que tento fazer em 5 minutos neste video que a W3C/Nic.br pediu para a WebBR 2014.
Review: LG G3 após 1 mês de uso (português pt-br)

Review: LG G3 após 1 mês de uso (português pt-br)

Review do LG G3 que fiz após um mês de experiência usando ele. Veja algumas vantagens e desvantagens que encontrei no aparelho, usando-o no dia-a-dia. Sou um "heavy user", usando várias apps, redes sociais, e configurando e personalizando bastante coisa, também. Neste video, mostro a interface padrão, mas atualmente utilizo launchers e diallers. Até então, estão rodando sem problemas. Caso queira conhecer alguns dos launchers mais conhecidos para Android, assista a este outro vídeo, em que demonstro um pouco como cada uma funciona, e seus prós e contras: 7 Launchers (homes) Android: https://www.youtube.com/watch?v=Im9b98P5-Vw
Experiment/Talk: Chroma key in JS - live code at W3C WebBR 2012

Experiment/Talk: Chroma key in JS - live code at W3C WebBR 2012

During the W3C's WebBR-2012 I had the opportunity to give two talks. This talk had no slides, just live coding! We built in one hour, with just 100 JavaScript lines of code, a chroma key effect with Open Web Technologies, such as HTML5 and CSS3. To do that, we used canvas, html5 video and the user's camera(user media). And also, a lot of math! The source code and running demo is on github: https://github.com/felipenmoura/js-chroma-key
3D CG - The tower with flag

3D CG - The tower with flag

This is the 5th time I take a day off, to learn 3D stuff. Studying and mixing some of the learned lessons, I managed to build this, using wind, tissue, array transforms, lights, WAY more polygons, and texture effects! It took 2.5 days rendering! The tool used was Bender with Cycles.
Experiment: HTML5 Image Editor

Experiment: HTML5 Image Editor

See it working at: http://felipenmoura.org/labs/html5-imager/ This tool helps you changing the hue and saturation of images, as well as it can be used as a color picker. You can also pick a color, and remove all the pixels in the image that correspond to that color. Check this out on github: https://github.com/felipenmoura/html5-imager
20 dias com o LG G4 - Review de usuário do celular (português pt-br)

20 dias com o LG G4 - Review de usuário do celular (português pt-br)

Após 20 dias de uso, do LG G4, fiz este video review do aparelho contando minha experiência como usuário! Falo sobre algumas vantagens e desvantagens do aparelho, dificuldades enfrentadas e destaco alguns pontos bastante positivos. Me considero um "heavy user" pois uso diversas apps, muitas ao mesmo tempo, além de testar novos launchers e diallers, estar conectado em muitas redes sociais e configuro muita coisa do meu jeito. Neste vídeo, porém, mostro a interface e funcionalidades padrão do aparelho.
Vibe.js

Vibe.js

Create and test vibrate patterns in a visual tool generating code to use with the JavaScript's vibrate API.

Github
See it working
Tool: HTML5 Image Editor

Tool: HTML5 Image Editor

This tool helps you changing the hue and saturation of images, as well as it can be used as a color picker. You can also remove all the pixels in the image based on a color.

Github
See it working
Game: Test your markup

Game: Test your markup

An HTML, CSS and JavaScript based game.
Test your knowledge about HTML tags in a fun way.
It's also great to practice and learn, as well.

Github
See it working
Experiment: ChromaKey in JavaScript

Experiment: ChromaKey in JavaScript

Chroma key effect using HTML, CSS and JavaScript.
I used canvas, html5 video and the user's camera(user media).

Github
See it working
Experiment: Stereoscopic 3D using JS, HTML and CSS

Experiment: Stereoscopic 3D using JS, HTML and CSS

A video where I demonstrate an experiment of mine, applying Stereoscopic 3D to a webpage using HTML, CSS and JavaScript.

See it working
Experiment: CSS3 3D environment tool

Experiment: CSS3 3D environment tool

This is the Root3D, a CSS3, 3D environment, for you to build some cool 3D groups

Github
See it working
Chrome Summit 2016

Chrome Summit 2016

Took this picture during the Chrome Summit 2016, in San Francisco.
Google São Paulo - 2016

Google São Paulo - 2016

After my talk at Goole São Paulo, in 2016
BrazilJS 2015

BrazilJS 2015

Final picture of BrazilJS 2015, in Porto Alegre
Watching a talk

Watching a talk

This is me, sitting on stage behind the courtains, watching a talk in BrazilJS 2013.
Fisl 2012

Fisl 2012

Picture from a talk I gave about CSS3, in 2012.
Presenting at BrazilJS 2012

Presenting at BrazilJS 2012

On stage, presenting at BrazilJS, in 2012
Me, Jaydson and Brendan Eich at BrazilJS 2012

Me, Jaydson and Brendan Eich at BrazilJS 2012

In 2012, we invited Brendan Eich to give a talk at Brazil for the first time, and he accepted!
Great experience!
Dougals Crockford and I at BrazilJS 2013

Dougals Crockford and I at BrazilJS 2013

In 2013, we could bring Douglas Crockfor to give an awesome talk at BrazilJS.
On stage, at BrazilJS 2013

On stage, at BrazilJS 2013

Jaydson and I on stage at BrazilJS 2013

Jaydson and I on stage at BrazilJS 2013

Closing BrazilJS 2013 with the audience

Closing BrazilJS 2013 with the audience

Jaydson and I closing BrazilJS 2013 with the audience, behind us.
Jaydson and I, at BrazilJS 2013

Jaydson and I, at BrazilJS 2013

Picture taken on BrazilJS 2013, alongside with Jaydson.
TalksSlides from Talks VideosMy youtube channels LabsProjects/Tools/experiments/demos ArticlesArticles PhotosPictures and Albums
close >>

BrazilJS 2015

BrazilJS 2015
Aug 23rd, 2015 : braziljs, events, javascript A BrazilJS 2015 foi um novo desafio para nós! Afinal, foram muitas mudanças, inovações, experimentos e, um aumento de público!
Além de mais palestras, também teve uma mídia que repercutiu muito mais que o ano passado, tivemos um público ainda mais ativo!
Eis que aconteceu a BrazilJS 2015! Depois de cerca de 14 meses de organização, centenas de horas de reuniões, horas de ligações, milhares de e-mails, centenas de notas fiscais, contratos, correspondências, etc... Finalmente chegou a hora!

BrazilJS 2015

Foi nos dias 21 e 22 de agosto, no Barra Shopping Sul, em Porto Alegre, que a BrazilJS bateu seu próprio record, com um público de 1300 pessoas! Junto com estes participantes, ajudaram a fazer o evento acontecer: - 22 palestrantes top - 9 patrocinadores incríveis - 5 apoiadores muito dedicados - 11 assistentes esforçadíssimas - +20 envolvidos no coffee - 14 envolvidos no audio-vídeo e internet Fora, é claro, tradutores, assessoria de imprensa, carregadores, limpeza, bombeiros, segurança... Bom, dá pra dizer que deu bastante trabalho, mas como sempre, foi um prazer enorme trabalhar na BrazilJS e ver isto tudo acontecendo! Ver a comunidade se manifestando, se dedicando, participando...enfim, presente! Durante a organização, Jaydson e eu tivemos uma grande ajuda do nosso amigo Daniel Filho, que também fez um trabalho fantástico como apresentador do evento! Gostou de nosso site? Banners, lonas, etc...? Então mande um parabéns para Italo Waxman, o cara por trás de todo esse design! E não é possível falar da BrazilJS 2015 sem falar da Ju! A Juliana Macedo trabalhou com a gente os últimos meses e nos impressionou! Trabalho fantástico, profissionalismo extremo e, como sempre fazemos, demos liberdade total a ela para interagir e contribuir com ideias e sugestões. Ela fez diversas contribuições fantásticas e certamente contaremos com o trabalho dela para próximos eventos!
Felipe N Moura, Juliana Gonçalves e Jaydson Gomes

Os desafios

Fizemos muitas experiências este ano! Todas expunham um pouco de risco, mas também uma grande chance de inovar e crescer. Entre essas mudanças, algumas das maiores foram: - local (pela primeira vez no Barra Shopping Sul) - formato (primeira vez em um ambiente único) - datas (primeira vez em uma sexta e sábado) - banda (primeira vez, uma banda no encerramento) - área BrazilJS (pela primeira vez tivemos uma área própria do evento) - abertura (finalmente, uma apresentação na abertura) Estes experimentos foram importantes para já identificarmos problemas e dificuldades, e testarmos inclusive, soluções para o próximo ano! Agradecemos a paciência e a compreensão de todos por qualquer dificuldade enfrentada e esperamos usar todo o feedback para promover a melhor experiência possível na próxima edição.

A temática

O JavaScript fez 20 anos em 2015, e por isso, decidimos adotar uma temática nostálgica. Muitos desenvolvedores JS cresceram (ou até nasceram) nos anos 90! Esta década foi muito rica! Muitos filmes, muitas músicas, bandas, desenhos, games! Foi um prato cheio!

O local

Um dos experimentos: troca de local! Pudemos assim ter mais participantes, e manter tudo acontecendo no mesmo lugar! Coffee break, estandes, área do evento(outra novidade), palestras...tudo. Como em toda conferência, houveram contra tempos! Nossa missão era minimiza-los ao máximo, de forma rápida, e afetando o mínimo possível a experiência dos participantes! O barulho foi um dos problemas, que no segundo dia foi resolvido! Algumas parentes para separar um pouco a platéia da área dos estandes foi o suficiente! Tivemos alguma dificuldade com a internet também. As empresas ainda menosprezam um pouco o poder de uso de banda de 1300 nerds equipados com celulares, tablets e notebooks conectados o tempo todo! :p
Local da BrazilJS 2015 - Barra Shopping Sul
A área BrazilJS foi outra inovação! Resolvemos criar um ambiente para o pessoal se sentir em casa, descontrair, fazer um network diferente! E isto fluiu muito bem! Nesta área havia uma máquina do tempo(sim, pergunte para quem foi, que vão te descrever!), fliperamas, sofás e video games (um nintendo e um mega driver). Veja no nosso álbum algumas fotos tiradas nos bastidores do evento deste ano.

Os números

Foram quase 9 mil acessos ao site durante os dois dias de evento, 20 mil acessos ao longo do mês! Estes acessos vieram, impressionantemente, de 81 países diferentes!
Acessos ao site(países)
Bastante? Bem, também houve a transmissão ao vivo no Terra! Na metade do segundo dia, soubemos que já havíamos tido 395 MIL unique visitors no live streaming!!! Além disso, fomos trending topics Brasil nos dois dias de evento.

As campanhas

Nossa assessoria de imprensa conseguiu uma bela divulgação em grandes jornais impressos, portais da internet e uma entrevista ao vivo em um programa de televisão e também na rádio.
Tivemos também bastante repercução nas mídias sociais e com publicações em mailing lists de apoiadores e parceiros.

O respeito

Focamos forte, este ano, no respeito, diversidade e acessibilidade! Fizemos diversas campanhas em grupos de desenvolvedores que representavam certas minorias, além de incentivar ou oferecer cortesias para professores de comunidades carentes ou membros de programas sociais. A Bocoup fez também uma campanha fantástica conosco! Uma campanha de diversidade! Houve muito respeito entre palestrantes e participantes, o que nos deixou bastante felizes! Infelizmente, tivemos algumas situações muito pontuais que tomamos conhecimento. Apesar disso, sabemos que tratou-se de algumas situações muito específicas e que faremos com que não se repitam! Na platéia, bastante diversidade de gênero, orientação sexual, religião, raça...tudo isto, de forma respeitosa e pacífica.

A abertura

Apagam-se as luzes...e inicia o vídeo de abertura!
Depois disto...contratamos alguns artistas para encenar uma luta entre o bem e o mau na abertura do evento, tudo, é claro, no estilo mais anos 90 possível! Sim, Power Rangers!
Transmitido ao vivo
E sim, Jaydson e eu nos vestimos de alienígena e power ranger, respectivamente, para fazermos a apresentação de abertura! Só uma pitada de vergonha alheia logo de cara! hehe

As palestras

Pelo que acompanhamos, as palestras foram de alta qualidade, e o pessoal proveu um feedback fantástico! Nossa equipe de assessoria de imprensa cobriu o evento respondendo tweets e comentários nas mais diversas redes sociais, além de ajudar na divulgação e manter o pessoal informado.
Palestra de Julián Duque na BrazilJS 2015

O pedido

Nesta hora, eu, pessoalmente, fiquei apavorado! Isto por que eu tinha um "plano secreto"! Estava planejando(e muito poucas pessoas sabiam disto) pedir a Franciélen em casamento!!! Planejei isto por meses e na hora de executar, eu estava apavorado! Imagina só, essa mulher resolve dizer "não" na frente de todo mundo! Normalmente eu não fico nervoso no palco, mas desta vez...minha nossa!
Pedido de casamento feito no final da BrazilJS 2015 - Felipe e Franciélen
Nota, o pedido também foi transmitido ao vivo! E filmado e fotografado em HD! Quantos tem a oportunidade de ter seu pedido assim, né? Eu não pude deixar de aproveitar o momento! E ela disse sim! Na verdade...ela disse "É CLARO"! hehe :) Um dia eu farei um artigo só sobre as dificuldades que tive sobre pra manter isto um segredo! hehe
Alianças - Felipe e Franciélen

A festa

Logo após os agradecimentos e os pedidos, o maior bolo de JavaScript do mundo!
Bolo de JavaScript na BrazilJS 2015
Depois do evento, nada como uma festa com muito rock e cerveja com a banda Crime Scene. Teve direito até a stage diving e roda punk! Isso tudo num evento de JavaScript, quem diria! \,,/
Banda Crime Scene, que fechou a BrazilJS 2015 na festa com cerveja liberada

O Pós-evento

Agora ainda temos contas a pagar, contratos para enviar, notas fiscais para gerar, etc...mas também, preparar os albums de fotografia e publicar os vídeos! Tudo foi filmado e será disponibilizado em breve! Vimos muitas caras novas no evento, e a todos estes que vieram pela primeira vez à BrazilJS, espero que tenha sido uma experiência inesquecível para vocês, tanto quanto foi para nós! E para aqueles que já conheciam, espero que tenham saído do evento com o sentimento de superação! A todos, quero que o evento tenha sido compensador, inesquecível e útil! E...
Teaser da BrazilJS 2016 - ingressos a venda
Nos vemos na BrazilJS 2016! Os ingressos já estão a venda, e se tu acredita no evento, SABE que os palestrantes e patrocinadores serão os melhores que pudermos trazer! :)
So, it happened! BrazilJS 2015! After about 14 months of work, hundreds of meeting hours, hours on phones, thousands of calls and e-mails, hundreds of bureaucracy docs, etc... The time finally arrived!

BrazilJS 2015

It was on August 21st and 22nd, in Barra Shopping Sul, Porto Alegre, where BrazilJS beat its own record with an audience of 1300 people! Altogether with these attendees: - 22 speakers - 9 sponsors - 5 supporters - 11 assistants - +20 workers on coffee/food - 14 audio/video workers Besides that, of course, translators, PR, cleaning workers, firemen, security... Well, we can say that it was plenty of work, but as always, it's been a pleasure working on BrazilJS and see this all happening! Watching the community show itself, dedicating its time and effort, participating...being present! During the organization, Jaydson and I had a great deal of help from our buddy Daniel Filho, who was also our amazing presenter/show-man during the conf! Did you like our website? Our banners, folders, etc...? So say congratz to our designer Italo Waxman! And it's impossible to talk about BrazilJS 2015 not mentioning Ju! Juliana Macedo worked with us the last months and really impressed us! With a fantastic work and extreme professionalism and, as we always do, freedom to give ideas and contribute with suggestions, she did some real good improvements to the conference!
Felipe N Moura, Juliana Gonçalves e Jaydson Gomes

The challenges

This year, we made many experiments! All of each, had a small risk, but also a good chance of being innovative and offer some good results. Amongst those: - venue (for the first time in Barra Shopping Sul) - format (first time in a single ambient for audience and sponsors) - dates (first time on a Friday and Saturday) - band (first time, a band and beer for the after party) - BrazilJS space (for first time we had a BrazilJS space) - opening (we finally managed to have an introduction for the conf) These experiments were very important for us to identify problems and find solutions for the next year! And for that, we thank you for the patience and understanding, for any kind of hard time you may have had! We hope to have lots of feedback and to use that to make it sure that your experience will be the best as possible in the next edition.

The theme

Javascript's 20th birthday was in 2015, therefore, we decided to use a nostalgic theme for the conference this year! Many JS developers grew up or even were born on the 90s! This decade was very rich, with lots of movies, songs, bands, cartoons, games...we had plenty of material!

The venue

One of our main experiments: changing the venue! This way, we could have even more attendees, and keep them all in the same place! Coffee break, sponsor's areas, talks and audience, and BrazilJS' area...all in the same huge open space! As in any conference, there were a few small problems for us to take care of! Our mission was to minimize them quickly. The noise was one of the problems in the first day, but fortunately, we found a solution by adding a few walls for the second day! We also had some hard time with the internet. These companies always underestimate the power of 1300 nerds equipped with cellphones, notebooks and tablets! :p
Local da BrazilJS 2015 - Barra Shopping Sul
The BazilJS area was another innovation! We decided to create a space for people to feel at home, hang out and have some special network! That worked really fine! In that area, there was a time machine(yes, a time machine...ask for those who tried it), flippers, bean bag chairs and video games (a nintendo e a mega driver). Check out the making of, of the conference for a few pictures:

The numbers

It was almost 9 thousand unique visitors to the website during the two days of conference, 20 thousand during the month! Impressively, these visitors came from 81 different countries!
Acessos ao site(países)
Enough? Well, there was also the live streaming at Terra! In the second half of the second day, we knew that we had had 395 THOUSAND unique visitors on live streaming!!! Besides that, we were also trending topics Brazil during both days.

The campaigns

Our PR got us a some good opportunities, columns on newspapers, internet portals and live interviews on TV and radio.
We also had a lot of visibility on social medias and mailing lists from supporters and partners.

The respect

This year, we focused a lot on respect, diversity and accessibility! We worked on many campaigns in developers groups for minorities, and also offered free passes and support for teachers or students from poor communities. Bocoup did an amazing campaign on BrazilJS too! A diversity campaign! There was respect between speakers, sponsors and attendees, what made us very happy! Unfortunately, we had a few, very specific situations that we got to know of! We are working on making it sure, that such situations will never happen again! In the audience, a lot of diversity of genre, sexual orientation, religion, race...all together, respectfully and peacefully.

The opening

Lights off...play the video!
After that...we hired a few artists to play a fight between the good and evil! All, of course, on the nerdiest way possible! All on the 90's! Yes...Power Rangers!
Transmitido ao vivo
And yes...both Jaydson and I wore an alien and power ranger costumes for our opening presentation! Just a small second hand embarrassment hehe

The talks

As we could follow, the speakers were all very professional and funny at the same time, and the audience provided an amazing feedback! Our PR team covered the conference answering tweets and comments on many social medias.
Palestra de Julián Duque na BrazilJS 2015

The engagement

At this time, I, personally, was terrified! That's because I had a "secret plan"! I was planning (and a very few people knew about it) asking Franciélen to be my wife!!! I had planned this for months and now it was time to execute! Imagine if this woman say "no" in front of everybody, live streamed! I am usually not nervous on stage, but this time I had motive!
Pedido de casamento feito no final da BrazilJS 2015 - Felipe e Franciélen
And she said yes! Actually...what she said was "OF COURSE"! :) Some day I will write an article specifically about it!
Alianças - Felipe e Franciélen

The party

Afterwards, we had the biggest JavaScript cake in the world!
Bolo de JavaScript na BrazilJS 2015
After the conference, nothing as a lot of beer and rock'n roll with the band Crime Scene. We even saw a mosh pit and stage diving! All this in a JavaScript conference, yeah \,,/
Banda Crime Scene, que fechou a BrazilJS 2015 na festa com cerveja liberada

The after event

Now, we still have got a few fees to pay, contracts to send, bureaucratic work to do...but we are also working on the videos and pictures! Soon to be released ;) We met a lot of new faces this year, and I hope this has been a great first impression for them! And for those who already knew the conference, I hope you have had a great experience! And...
Teaser da BrazilJS 2016 - ingressos a venda
We will see each other at BrazilJS 2016! Tickets are already for sale, and if you believe in the conference, you DO KNOW our sponsors and speakers will be the best we can bring! :)