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

Baby news!

Baby news!
Mar 13rd, 2018 : personal, life, changes Eis que é hora de uma grande mudança na nossa vida!
Já percebemos a responsabilidade e a experiência maravilhosa. Sim, temos novidades para compartilhar com o mundo!
Eis que é hora de uma grande mudança na nossa vida!
Já percebemos a responsabilidade e a experiência maravilhosa. Sim, temos novidades para compartilhar com o mundo!

Surpresa

Foi de surpresa? Sim, foi! Admito que levei um certo tempo para me acostumar com a ideia, fiquei meio chocado no início hehe. Mas basta vê-lo se mexendo, ouvir o coraçãozinho batendo que tudo mudou! OMG! OMG! OMG! Eu vou ser pai! Nosso bebê está com 11 semanas e já tem 4cm!
É muito impressionante a forma como um ser humano consegue gerar outro ser humano dentro dele!
Na nossa primeira eco, eu imaginei que veria "uma bolinha". O médico começou a procurar pelo feto e quando notei, tinha um bebê lá! Tinha um bebê de braços abertos, com dedos, nariz, se mexendo muito! :o Não esperava ver isso, é uma experiência muito legal. E o coração bate feito louco, bem forte, muito saudável :)

A Mulher

Não, não estou falando do gênero do bebê, ainda não o sabemos, mas quero deixar claro aqui minha admiração às mulheres! Tenho acompanhado desde o início e fico impressionado a cada passo, cada evolução, cada novidade, e quero agradecer à minha mãe, e a todas as mães desse mundo por esse incrível trabalho que vocês têm feito! Eu tenho bons exemplos de grandes mulheres na minha vida e sempre dei muito valor a elas...essa nova experiência está ampliando esta impressão que eu já tinha delas a novos horizontes! Fico impressionado. Como é possível, que por tanto tempo, a figura feminina tem sido tão menosprezada! Olha a importância disso! Olha o tamanho disso!
Eu posso ter posto a sementinha lá, mas é ela que é o vaso, é a terra, os nutrientes, a água, a luz para esta criança!
As mulheres poderiam simplesmente não querer mais se dar ao trabalho (o que é um direito delas, é óbvio), e quero deixar claro aqui COMO eu estou impressionado e feliz em saber que temos a participação delas em nossas vidas, em nossa sociedade, e que elas deveriam sim, ser MUITO mais valorizadas ( não só por serem mães, esté é só MAIS um motivo :) ) Agora, cada vez que penso no assunto eu penso, "muito obrigado Franciélen", por me proporcionar esta experiência e por estar do meu lado, podes contar comigo!

Expectativas

Eu sempre disse:
Mudar o mundo é o mínimo que espero de mim mesmo.
Bom, acho que esta é uma maneira que tenho para mudar esse mundão! Colocar uma nova pessoa nesse mundo e ensinar a ela tudo o que eu puder ensinar de bom! Quero incitar a curiosidade, quero instigar a imaginação, quero inspirá-lo(a) a fazer acontecer, a moldar o mundo, a lutar pelos direitos, pelo que é certo! Mas acima de tudo, quero que essa nova pessoa seja feliz, seja saudável e seja apaixonada! Apaixonada pela vida, apaixonada pelas novas descobertas e desafios. Apaixonada pelo que fizer da vida. Assim como Charles Chaplin disse, a vida é como uma peça de teatro, e devemos nos esforçar para que quando as cortinas se fecharem, todos aplaudam em pé! Para esta criança, caso ele(a) leia isso no futuro, quero que saiba que estamos aqui pra ti, faremos tudo o que for preciso para que tenhas uma boa vida e se sou chato (e eu SEI que sou), não fique bravo(a), é só por que eu me preocupo contigo :) Pode contar conosco sempre!

Os Avós

Os avós já estão mega empolgados e tenho certeza que ajudarão muito desde o início. Quero deixar um agradecimento a eles também e dizer que podem confiar, que faremos o melhor trabalho possível inspirados nos seus ensinamentos e nos melhores de seus costumes.

Daqui para frente

É isso aí, uma nova etapa, uma grande e importante mudança e estamos empolgados com isso tudo! Vamos nos dedicar a esta nova vida com o máximo amor e paixão. Ah, se quiserem doar fraldas, eu agradeço! :p
Primeira ecografia de nosso bebê
So, the time has come for a big change in our lives! We have already realized the new responsibility and felt the experience. Yup, we got news to share with the world!

Surprise

Was it a surprise? Yes, definitely! I admit that it took some time for me to get used to the idea as got a little chocked at first hehe. But listening to the heart, seeing it movine...was enough to change it all! OMG! OMG! OMG! I'm about to be a daddy! Our baby is 11 weeks old, and is about 1.6in!
It's impressive the way a human being can generate another human being inside of itself!
In our first eco, I imagined I would see a "little ball". The doctor started looking for it and when I noticed, there was a baby there! :o There was a baby there, with open arms, fingers, nose...moving a lot! I didn't expect that! It's an amazing experience! And the heart beats like crazy! Very strong and healthy :)

The woman

Nope, not talking about the baby's gender, we don't know that yet, but I want to make my admiration for all the women clear here. I've been living this, watching this since the beginning and I'm genuinely impressed with each step, each evolution, each news. I want to thank my mother and all the mothers for this amazing work you all have done! I'm impressed (and sad) to think how is it possible that the female figure has been undervalued for so long! Look at this! How important, how impressive it is! How can you underestimate such a person!
I may have sent the seed, but she is the vase, she is the ground, the nutrients, the water and light for that child!
Women could simple NOT do that! That's in their rights and there is nothing wrong with that. I just want to say that I'm really impressed and glad to know better about how amazing your participation is in our lives, in our sociaty. Now, every time I think about it, I think: "Thank you Franciélen", for providing me this amazing experience and for being next to me. You can count on me all the way through!

Expectations

I've always said to myself:
Changing the world is the least I expect from myself.
Well, I guess this is another great way I can change the world! Placing a new person in this planet, teaching it all that I can teach for a greater good. I want to incite curiosity, to instigate the imagination, I want to inspire it to making things happen, to shape the world, to fight for rights and for what is right! Above all, I want this new person to be happy, healty and "stay hungry" In love for it's life, in love for new findings and challenges. In love for whatever it chooses to do with its life. As Charles Chaplin put it, living is like a theatrical piece, and we should all work hard to ensure that, when the curtains close, the audience will stand up to applause. For this child, in case it reads it in the future, I want you to know that we are here for you and we will do all that is in our power (or even what is not) to provide you a good life, and if I annoy you (what I know I will), please remember that's for your own good, and that's because I love you :) You can count on us...always.

The grandparents

The grandparents are very engaged and I'm sure we can count on them since the beginning. I want to thank them and say they can trust we will to the best, inspired by their teachings and examples.

From here, on...

That's it, a new stage in our lives, a new big, important change, and we are excited with all of this! We will focus, work hard and dedicate the most we can to bring a great life for this new person, with lots of love. Hello world! Be ready! By the way, feel free to send in some diapers :p
First ecography of our baby