{"id":1754,"date":"2016-12-16T14:48:32","date_gmt":"2016-12-16T16:48:32","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=1754"},"modified":"2018-12-05T16:31:51","modified_gmt":"2018-12-05T18:31:51","slug":"front-in-poa-2016","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/front-in-poa-2016\/","title":{"rendered":"Front in Poa 2016"},"content":{"rendered":"<p>No dia 10 de dezembro, dia de ver\u00e3o, temperatura beirando os 30\u00ba C, ocorreu um dos eventos front-end mais importantes da regi\u00e3o sul: o Front in POA! A edi\u00e7\u00e3o de 2016 ocorreu no Senac, como \u00e9 de costume, e reuniu grandes palestrantes e desenvolvedores do mercado.<\/p>\n<p>A Umbler n\u00e3o podia deixar de marcar presen\u00e7a batendo um papo com os profissionais e, principalmente, absorvendo o feedback do pessoal para podermos oferecer uma solu\u00e7\u00e3o cada vez melhor para a comunidade. Fizemos algumas anota\u00e7\u00f5es sobre as palestras apresentadas no evento, confira:<\/p>\n<h2>Como encarar o dev front-end<\/h2>\n<p><strong>Jean Carlo Emer (<a href=\"https:\/\/twitter.com\/jcemer\" target=\"_blank\" rel=\"nofollow noopener\">@jcemer<\/a>)<\/strong><\/p>\n<ul>\n<li>Pense que pode ser muito mais inteligente e menos traum\u00e1tico atualizar a <a href=\"https:\/\/blog.umbler.com\/br\/avancos-em-ia-generativa\/\">tecnologia<\/a> do seu projeto aos poucos do que alterar tudo ao mesmo tempo;<\/li>\n<li>Caso voc\u00ea precise dar suporte a browsers mais antigos, n\u00e3o limite o seu projeto a isto, <i>progressive enhancement<\/i> j\u00e1 se provou ser um \u00f3timo caminho;<\/li>\n<li>Quando voc\u00ea, desenvolvedor front-end, tiver que pegar um c\u00f3digo de um outro desenvolvedor, permita-se deixar o seu ego de lado e melhore ainda mais aquele c\u00f3digo, pois assim ambos ganham;<\/li>\n<li>D\u00ea uma boa aten\u00e7\u00e3o \u00e0 documenta\u00e7\u00e3o e especifica\u00e7\u00e3o do projeto que voc\u00ea est\u00e1 desenvolvendo;<\/li>\n<li>Utilize ECMA 6 hoje mesmo, pois saiba que j\u00e1 h\u00e1 solu\u00e7\u00f5es dispon\u00edveis para tratar as quest\u00f5es de cross-browser;<\/li>\n<li>A comunidade dita o futuro do front-end e guia tua escolha pela tecnologia. Atrav\u00e9s de corre\u00e7\u00e3o de bugs, atualiza\u00e7\u00f5es de performances, manuten\u00e7\u00e3o de c\u00f3digo;<\/li>\n<li>Atualizar depend\u00eancias aos poucos \u00e9 melhor que reescrita massiva.<\/li>\n<\/ul>\n<p><center><iframe style=\"border: 1px solid #CCC; border-width: 1px; margin-bottom: 5px; max-width: 100%;\" src=\"\/\/www.slideshare.net\/slideshow\/embed_code\/key\/bfwxyz4DwG5m4z\" width=\"595\" height=\"485\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"> <\/iframe><\/center><\/p>\n<div style=\"margin-bottom: 5px;\"><strong> <a title=\"Como encarar o desenvolvimento front-end\" href=\"\/\/www.slideshare.net\/jeancarloemer\/como-encarar-o-desenvolvimento-frontend\" target=\"_blank\" rel=\"noopener\">Como encarar o desenvolvimento front-end<\/a> <\/strong> from <strong><a href=\"\/\/www.slideshare.net\/jeancarloemer\" target=\"_blank\" rel=\"noopener\">Jean Carlo Emer<\/a><\/strong><\/div>\n<h2>10 Reasons Why Progressive Web Apps Are Awesome<\/h2>\n<p><strong>Maria Clara Santana (<a href=\"https:\/\/twitter.com\/olarclara\" target=\"_blank\" rel=\"nofollow noopener\">@olarclara<\/a>)<\/strong><br \/>\nMaria Clara apresentou uma lista de 7 motivos que fazem os PWAs (Progressive Web Apps) serem maravilhosos.<\/p>\n<ul>\n<li>A otimiza\u00e7\u00e3o no carregamento de um site\/app \u00e9 um dos pontos mais importantes de um projeto, pois, bem otimizado, pode aumentar consideravelmente a sua taxa de convers\u00e3o e h\u00e1 diversos casos em que as Web Apps mostraram-se melhores solu\u00e7\u00f5es neste sentido do que os Apps nativos;<\/li>\n<li>PWAs s\u00e3o progressivos. Sim, isso \u00e9 bem \u00f3bvio mas tamb\u00e9m bem importante, pois podemos oferecer uma experi\u00eancia diferenciada de acordo com o browser do usu\u00e1rio.<\/li>\n<\/ul>\n<p><center><script async class=\"speakerdeck-embed\" data-id=\"2c53522c14d44676ba0a0fad50c89d62\" data-ratio=\"1.33333333333333\" src=\"\/\/speakerdeck.com\/assets\/embed.js\"><\/script><\/center><\/p>\n<h2>Remote Work! Less Stress, More Productivity!<\/h2>\n<p><strong>Beto Muniz (<a href=\"https:\/\/twitter.com\/obetomuniz\" target=\"_blank\" rel=\"nofollow noopener\">@obetomuniz<\/a>)<\/strong><br \/>\nBeto falou os pr\u00f3s e contras ao trabalhar remotamente e que esta escolha \u00e9 muito pessoal, pois cada um deve estar ciente e ter certeza que estes itens se ajustam \u00e0s expectativas. Alguns pontos levantados:<\/p>\n<ul>\n<li>Aprenda ingl\u00eas, isso \u00e9 quase que item obrigat\u00f3rio nos dias atuais e te abrir\u00e1 muitas portas para novos trabalhos;<\/li>\n<li>Remote-first e suas vantagens em rela\u00e7\u00e3o ao remote-friendly na quest\u00e3o do engajamento com a empresa;<\/li>\n<li>Uma boa pr\u00e1tica \u00e9 fazer uma entrevista inicial, um \u201cprocess-first\u201d, com o respons\u00e1vel da empresa e o funcion\u00e1rio para que ele esteja ciente sobre todos os processos da empresa.<\/li>\n<\/ul>\n<p><center><iframe style=\"border: 1px solid #CCC; border-width: 1px; margin-bottom: 5px; max-width: 100%;\" src=\"\/\/www.slideshare.net\/slideshow\/embed_code\/key\/OWPy7NFJGZVHv\" width=\"595\" height=\"485\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"> <\/iframe><\/center><\/p>\n<div style=\"margin-bottom: 5px;\"><strong> <a title=\"Remote Work! Less Stress, More Productivity.\" href=\"\/\/www.slideshare.net\/obetomuniz\/remote-work-less-stress-more-productivity\" target=\"_blank\" rel=\"noopener\">Remote Work! Less Stress, More Productivity.<\/a> <\/strong> de <strong><a href=\"\/\/www.slideshare.net\/obetomuniz\" target=\"_blank\" rel=\"noopener\">Beto Muniz<\/a><\/strong><\/div>\n<h2>We have the POWER<\/h2>\n<p><strong>Milene Vieira Lacerda (<a href=\"https:\/\/twitter.com\/milenevlacerda\" target=\"_blank\" rel=\"nofollow noopener\">@milenevlacerda<\/a>)<\/strong><br \/>\nA Milene falou sobre o preconceito com as mulheres na computa\u00e7\u00e3o, e sobre a import\u00e2ncia de falarmos sobre esse assunto. \u00c9 legal falar tamb\u00e9m sobre a Sara Soueiden (<a href=\"https:\/\/www.sarasoueidan.com\" target=\"_blank\" rel=\"nofollow noopener\">sarasoueidan.com<\/a>), uma premiada desenvolvedora front-end, especialista e refer\u00eancia mundial em HTML5, CSS3, JavaScript e SVG, que contribui muito para a comunidade e tem uma fant\u00e1stica hist\u00f3ria de vida, com muitos obst\u00e1culos e vit\u00f3rias.<\/p>\n<p><center><script async class=\"speakerdeck-embed\" data-id=\"5bb4dbed0dee47f594cb76e7a0d68ae9\" data-ratio=\"1.33333333333333\" src=\"\/\/speakerdeck.com\/assets\/embed.js\" width=\"595\" height=\"485\"><\/script><\/center><\/p>\n<h2>Refinando sua interface com anima\u00e7\u00f5es<\/h2>\n<p><strong>Abner Soares (<a href=\"https:\/\/twitter.com\/abnersajr\" target=\"_blank\" rel=\"nofollow noopener\">@abnersajr<\/a>)<\/strong><br \/>\nO Abner apresentou algumas maneiras de utilizar anima\u00e7\u00f5es para melhorar a interface do seu projeto, visando o aperfei\u00e7oamento da UX. Alguns dados apresentados:<\/p>\n<ul>\n<li>Criar anima\u00e7\u00f5es sutis para guiar os usu\u00e1rios dentro do seu produto, melhorando sua jornada e evitando que ele fa\u00e7a algum comportamento n\u00e3o esperado;<\/li>\n<li>Pergunte-se frequentemente sobre qual o comportamento deve ser realizado no momento: \u201cO que o elemento faz agora?\u201d, \u201cPara onde o usu\u00e1rio deve ir agora?\u201d<\/li>\n<li>Para uma melhor performance nas anima\u00e7\u00f5es, n\u00e3o se esque\u00e7a de utilizar o translate3d, rotate3d, da propriedade transform do CSS3, ao inv\u00e9s de animar a posi\u00e7\u00e3o atrav\u00e9s de top, left, etc. Desta forma o c\u00e1lculo \u00e9 feito diretamente pela GPU, deixando a anima\u00e7\u00e3o muito mais suaves.<\/li>\n<\/ul>\n<p>A palestra lembrou um excelente v\u00eddeo, sobre o uso correto de anima\u00e7\u00f5es na sua interface para melhorar sua UX, do canal devTips, criado pelo designer Travis Neilson (<a href=\"https:\/\/www.travisneilson.com\" target=\"_blank\" rel=\"nofollow noopener\">travisneilson.com<\/a>).<\/p>\n<p style=\"text-align: center;\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/GeuNIOuIEDA\" width=\"854\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: left;\">Slides da palestra:<\/p>\n<p><center><script async class=\"speakerdeck-embed\" data-id=\"768cee25c0434258a53af48b36f96614\" data-ratio=\"1.33333333333333\" src=\"\/\/speakerdeck.com\/assets\/embed.js\" width=\"595\" height=\"485\"><\/script><\/center><\/p>\n<h2>Porque devo me importar com Marketing Digital?<\/h2>\n<p><strong>D\u00e9bora Duarte (<a href=\"https:\/\/twitter.com\/deboracardu\" target=\"_blank\" rel=\"nofollow noopener\">@deboracardu<\/a>)<\/strong><br \/>\nA D\u00e9bora apresentou aspectos do <a href=\"https:\/\/blog.umbler.com\/br\/o-que-e-marketing-criativo\/\">marketing digital<\/a> normalmente negligenciados por desenvolvedores e como isso afeta a usabilidade e o ranking dos produtos digitais:<\/p>\n<ul>\n<li>Listou alguns problemas de UX bem comuns na web, como chats pr\u00f3-ativos, listas de checkout muito extensas, lista com etapas sem identifica\u00e7\u00e3o e mais alguns que podem atrapalhar, e muito, a experi\u00eancia do seu usu\u00e1rio;<\/li>\n<li>Atentou para n\u00e3o desfocar a aten\u00e7\u00e3o do usu\u00e1rio do seu principal objetivo naquele contexto;<\/li>\n<li>Mostrou como cuidar das tags do seu c\u00f3digo pode afetar (e muito) o SEO das suas p\u00e1ginas.<\/li>\n<\/ul>\n<p><center><iframe src=\"\/\/slides.com\/deboraduarte\/porque-devo-me-importar-com-marketing-digital\/embed\" width=\"595\" height=\"485\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/center><\/p>\n<h2>Como convencer seu time a mudar de tecnologia<\/h2>\n<p><strong>Henrique Schreiner (<a href=\"https:\/\/twitter.com\/hmschreiner\" target=\"_blank\" rel=\"nofollow noopener\">@hmschreiner<\/a>)<\/strong><br \/>\nO Henrique falou sobre os desafios na mudan\u00e7a de tecnologias em equipes j\u00e1 consolidadas e com base de c\u00f3digo legado. Ele descreveu muito bem os aspectos a serem considerados para a escolha e pondera\u00e7\u00e3o destas mudan\u00e7as. Al\u00e9m disso, tamb\u00e9m falou dos aspectos psicol\u00f3gicos de relacionamento entre as pessoas da equipe frente a proposta de mudan\u00e7a. Muito v\u00e1lido para o mundo do front-end, que avan\u00e7a numa velocidade alta.<\/p>\n<p><center><script async class=\"speakerdeck-embed\" data-id=\"ea4e4373714f4f5d99cb77e7bc741ebe\" data-ratio=\"1.77777777777778\" src=\"\/\/speakerdeck.com\/assets\/embed.js\" width=\"595\" height=\"485\"><\/script><\/center><\/p>\n<h2>Soft skills: as necessidades e impactos das compet\u00eancias humanas na \u00e1rea de desenvolvimento web<\/h2>\n<p><strong>Aline de Campos (<a href=\"https:\/\/twitter.com\/alinedecampos\" target=\"_blank\" rel=\"nofollow noopener\">@alinedecampos<\/a>)<\/strong><br \/>\nEm uma das palestras mais relevantes do dia, Aline, Professora e coordenadora de curso na Faculdade Senac, introduziu conceitos de habilidades que um profissional deve possuir. As habilidades t\u00e9cnicas (hard skills) e habilidades sociais (soft skills).<br \/>\nAcesse os slides <a href=\"https:\/\/docs.google.com\/presentation\/d\/1nXzbcWAF3KsdqOAHIY-WUYqI1vpaGMaBmNqXuDvv8z8\/pub?start=false&amp;loop=false&amp;delayms=3000&amp;slide=id.g19f79382c3_1_94\">aqui<\/a>.<\/p>\n<figure id=\"attachment_1757\" aria-describedby=\"caption-attachment-1757\" style=\"width: 780px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/12\/media-20161210-2.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-1757 size-large\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/12\/media-20161210-2-1024x576.jpg\" alt=\"Imagem das soft skills necess\u00e1rias para desenvolvedores\" width=\"780\" height=\"439\" \/><\/a><figcaption id=\"caption-attachment-1757\" class=\"wp-caption-text\">Algumas das soft skills de maior relev\u00e2ncia apontadas pela Aline<\/figcaption><\/figure>\n<h2>Nas Entranhas do JavaScript: Meta Programa\u00e7\u00e3o<\/h2>\n<p><strong>Lucas Fernandes da Costa (<a href=\"https:\/\/twitter.com\/lfernandescosta\" target=\"_blank\" rel=\"nofollow noopener\">@lfernandescosta<\/a>)<\/strong><br \/>\nChegando ao final do dia, veio a palestra mais t\u00e9cnica do evento: como utilizar a API do JavaScript para criar APIs mais fluentes. Lucas abriu o Vim e saiu codificando como criar API de uma lib JavaScript para fazer um chimarr\u00e3o, bebida tradicional do sul, tch\u00ea! Recomendo muito a leitura tanto dos <a href=\"https:\/\/lucasfcosta.com\/2016\/12\/11\/FrontInPoa-2016-Meta-Programming-And-Lots-of-New-Friends.html\" target=\"_blank\" rel=\"nofollow noopener\">blogs<\/a> quanto da pr\u00f3pria apresenta\u00e7\u00e3o, conte\u00fado de qualidade diferenciada.<br \/>\n<script async class=\"speakerdeck-embed\" data-id=\"ae33d0f1cb7e422c8ea35856d65adfee\" data-ratio=\"1.33333333333333\" src=\"\/\/speakerdeck.com\/assets\/embed.js\" width=\"595\" height=\"485\"><\/script><br \/>\n<a href=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/12\/media-20161210.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-1758 size-large\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/12\/media-20161210-1024x576.jpg\" width=\"780\" height=\"439\" \/><\/a><\/p>\n<h2>Comunica\u00e7\u00e3o descomplicada<\/h2>\n<p><strong>Alexandra Zanela (<a href=\"https:\/\/twitter.com\/alezanela\" target=\"_blank\" rel=\"nofollow noopener\">@alezanela<\/a>)<\/strong><br \/>\nPara fechar, a Alexandra Zanela falou sobre Comunica\u00e7\u00e3o Descomplicada:<\/p>\n<p><center><\/center><\/p>\n<blockquote class=\"twitter-tweet\" data-lang=\"en\">\n<p dir=\"ltr\" lang=\"pt\">E para fechar o FrontInPoa 2016, Alexandra Zanela traz o assunto &#8220;Comunica\u00e7\u00e3o descomplicada&#8221;<a href=\"https:\/\/twitter.com\/hashtag\/frontinpoa2016?src=hash\">#frontinpoa2016<\/a><a href=\"https:\/\/twitter.com\/hashtag\/frontinpoa?src=hash\">#frontinpoa<\/a> <a href=\"https:\/\/t.co\/EMZtvJYifC\">pic.twitter.com\/EMZtvJYifC<\/a><\/p>\n<p>\u2014 braziljs (@braziljs) <a href=\"https:\/\/twitter.com\/braziljs\/status\/807683794849374208\">December 10, 2016<\/a><\/p><\/blockquote>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><br \/>\nO Front in Poa foi uma experi\u00eancia muito boa, esperamos o pr\u00f3ximo! Valeu, <a href=\"https:\/\/braziljs.org\/\" target=\"_blank\" rel=\"nofollow noopener\">BrazilJS<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No dia 10 de dezembro, dia de ver\u00e3o, temperatura beirando os 30\u00ba C, ocorreu um dos eventos front-end mais importantes da regi\u00e3o sul: o Front in POA! A edi\u00e7\u00e3o de 2016 ocorreu no Senac, como \u00e9 de costume, e reuniu grandes palestrantes e desenvolvedores do mercado. A Umbler n\u00e3o podia deixar de marcar presen\u00e7a batendo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5455,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[60,213,214,215],"class_list":["post-1754","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comunidade","tag-eventos","tag-front-end","tag-frontinpoa","tag-porto-alegre"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/1754"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=1754"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/1754\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/5455"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=1754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=1754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=1754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}