1º CodePen Meetup Brasil — Tudo Que Aconteceu
O primeiro evento oficial do CodePen no Brasil (e na américa latina!) contou com cinco Show & Tell incríveis, um coding dojo de mais de uma hora, 5 horas de evento e 76 pessoas interessadas em aprender e ensinar front end.
Aqui, o registro de tudo que aconteceu na Fatec Sorocaba, dia 22 de outubro de 2016, incluindo todas as fotos do evento ao final do post.
Show & Tell
O modelo oficial dos meetups do CodePen consiste, basicamente, em mostrar um pen e dizer como ele foi feito, explicando o código e o processo criativo. Tivemos cinco Show & Tell:
Vitor Talaia — CodeMiner42
O Talaia abriu com um show&tell desmistificando animations, transitions e mostrando que não é complexo fazer algo bonito e oferecer uma melhor experiência num simples twitter switch com checkbox.
Destaque pro uso do animation inspector, do chrome dev tools.
Link do Pen: Rolling Twitter logo switch.
Guilherme Serrano — GSolutions, EuCompraria
PIXEL ART! O Guilherme criou um card interativo com o logo da EuCompraria, uma das empresas patrocinadoras do evento. Foi usado, basicamente, box-shadow.
Link do Pen: Pixel Art.
Eduardo Matos — GetNinjas
O Edu curte muito Jurassic Park. Tanto a ponto de reproduzir o óculos do primeiro filme com uma só div, algumas linhas de CSS e inclusive animando a parada. Show! :D
Link do Pen: Jurassic Park Binoculars.
Keit Oliveira — HomeRefill
A Keit juntou duas coisas que o público todo adora: HTML5 e… Stranger Things!
Ela fez a parede de luzes/letras e usou a API de reconhecimento de voz. As luzes acendiam de acordo com o que era falado. Incrível!
Link do Pen: Speak from the upside down world.
Giulia Cardieri — Laboratório de Tecnologia da Informação Aplicada (UNESP Bauru)
A Giulia mostrou como ilustrar e animar uma cidade inteira, com interatividade e detalhes caprichosamente bonitos, além de… um easter egg genial (dica: clique nas nuvens).
Bônus: toda a platéia gravou um kiki pro Dino Kiki, outra criação da Giulia.
Link do Pen: Bauru: Day&Night Sun&Rain — Pure CSS Illustrations and Animations.
Coding Dojo: Dribbble + CodePen CrossOver
Esse foi o toque brasileiro pro evento. Queríamos que o público participasse, então não seguimos o modelo oficial de apenas Show&Tell. A organização decidiu que a melhor forma de motivar e incluir o público seria por meio de um coding dojo.
A ideia foi escolher um shot do Dribbble e implementá-lo no CodePen. Mais importante que pixel perfect, foi que o máximo de pessoas participassem e perdessem o medo de aprender front end.
Desse ponto de vista, o dojo foi um sucesso: durou pouco mais de uma hora e contou com mais de 15 duplas, em rodadas de 4 minutos. Cada dupla era formada por 1) alguém que se considerava novato e 2) alguém que se considerava um pouco mais confiante com HTML&CSS.
Foi tudo muito bonito e divertido. O resultado pode ser visto aqui.
Agradecimentos
Foram 5 horas de evento, 5 palestrantes, 3 meses e mais de 40 horas de organização contando com uma equipe de 10 pessoas, público de 78 pessoas, coffee e bate-papo/networking de 40 minutos, estrutura confortável da Fatec Sorocaba e muitos brindes, vindos do CodePen e também de nossos patrocinadores.
A organização do SorocabaCSS agradece a todos que participaram, aos palestrantes, a Fatec Sorocaba (e a Coordenadora de Análise e Desenvolvimento de Sistemas, Maria Angélica!) e as empresas patrocinadoras: MediaTemple, Tegra, MochaStudio e EuCompraria (elas merecem um like, no mínimo, né?).
Queríamos um meetup onde todos partilhassem conhecimento de forma divertida. Portanto, de certo o primeiro encontro oficial do CodePen no Brasil foi um sucesso! :)
Tiramos ~250 Fotos!
Estão todas no Facebook do SorocabaCSS.
