{"id":1843,"date":"2018-05-02T15:20:34","date_gmt":"2018-05-02T18:20:34","guid":{"rendered":"http:\/\/www.milfont.org\/tech\/2018\/05\/02\/curso-online-de-pwa\/"},"modified":"2018-05-02T15:20:34","modified_gmt":"2018-05-02T18:20:34","slug":"curso-online-de-pwa","status":"publish","type":"post","link":"https:\/\/www.milfont.org\/tech\/2018\/05\/02\/curso-online-de-pwa\/","title":{"rendered":"Curso online de PWA"},"content":{"rendered":"<p>Ap\u00f3s um ano trabalhando e <a href=\"https:\/\/medium.com\/@milfont\/progressive-web-apps-a-palavra-chave-%C3%A9-progressive-n%C3%A3o-app-ou-web-dbfa25b1ebd2\" target=\"_blank\" rel=\"noopener noreferrer\">divulgando PWA<\/a>, preparei um upgrade do <a href=\"https:\/\/beerswarm.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">BeerSwarm<\/a> com mais f\u00f4lego, mesclando Server-side Rendering, conte\u00fado e otimiza\u00e7\u00f5es de SEO e performance que construiremos juntos nesse Workshop.<\/p>\n<p><iframe class='youtube-player' type='text\/html' width='450' height='254' src='https:\/\/www.youtube.com\/embed\/bCgZZZL-9zk?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'><\/iframe><\/p>\n<h4>Qual o investimento?<\/h4>\n<p><em>Apenas 200 reais, que voc\u00ea pode se <\/em><a href=\"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&amp;hosted_button_id=89E834ZYM73YA\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>inscrever nesse link<\/em><\/strong><\/a><em>.<\/em><\/p>\n<h4>Quando vai\u00a0ocorrer?<\/h4>\n<p>Acontecer\u00e1 nos dias 15, 16, 17, 18 de maio de 2018 iniciando todos esses dias as 19h at\u00e9 as 21:00h. Dia 19 de maio de 2019 das 9h as 18h, com intervalo de 12 as 14h.<\/p>\n<p>GMT-3 (Hor\u00e1rio de Fortaleza-CE ou <a href=\"http:\/\/tribunadoceara.uol.com.br\/noticias\/politica\/morre-paes-de-andrade-o-cearense-que-transformou-mombaca-em-brasilia-por-um-dia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Momba\u00e7a, ex-capital do Brasil<\/a>)<\/p>\n<h4>Formato online?<\/h4>\n<p>Utilizaremos o <a href=\"https:\/\/zoom.us\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/zoom.us\/<\/a> para as aulas, os v\u00eddeos ser\u00e1 disponibilizados para os inscritos ap\u00f3s o curso.<\/p>\n<h4>Conte\u00fado<\/h4>\n<ol>\n<li>Experi\u00eancia SPA e Content Centered<br \/>1.1 Criar estrutura no Heroku para Server-side Rendering<br \/>1.2 Setup e deploy com expressjs e Babel<br \/>1.3 Criar estrutura de views com create-react-app<br \/>1.4 Criar engine de template com react-dom\/server no server side<br \/>1.5 Exemplo de c\u00f3digo isomorfico usando redux<br \/>1.6 Criar estrutura de Hosting no Firebase para SPA<\/li>\n<li>Mobile First e UX Design Patterns<br \/>2.1 Conceptual model<br \/>2.2 Complexion Reduction<br \/>2.3 User Journey Simplification<br \/>2.3.1 Linear User Flow com React Routes<br \/>2.4 Progressive Disclosure<br \/>2.5 Responsivo<br \/>2.5.1 Responsive Logos<br \/>2.5.2 Progressive Enhacement e Graceful degradation com Material Design<\/li>\n<li>Offline First<br \/>3.1 Criando estrutura de dados no IndexedDB<br \/>3.2 Entendendo Service Workers, upgrade e migrate de vers\u00f5es<br \/>3.3 Criando Sagas (Middleware redux) para funcionar offline e online<br \/>3.4 <a href=\"https:\/\/www.humankode.com\/asp-net-core\/develop-locally-with-https-self-signed-certificates-and-asp-net-core\" target=\"_blank\" rel=\"noopener noreferrer\">Configurar https local pra valida\u00e7\u00e3o<\/a>\n<\/li>\n<li>Web Instal\u00e1vel<br \/>4.1 Manifest, tags e configura\u00e7\u00f5es<br \/>4.2 Usando usuario anonimo com Firebase<br \/>4.2.1 Aprendendo generators e redux-saga<br \/>4.3 Vinculando usuario anonimo com login OAuth do Google<br \/>4.4 Pedindo localiza\u00e7\u00e3o do usu\u00e1rio<br \/>4.5 Integrando GMaps, Leaflet no App<br \/>4.6 Acessando a c\u00e2mera e salvando fotos<br \/>4.7 Processos de sincroniza\u00e7\u00e3o e notifica\u00e7\u00e3o com Web Workers<br \/>4.8 Compartilhando itens com Web Share API<\/li>\n<li>Integra\u00e7\u00e3o Cont\u00ednua sincrona com lightghouse-ci<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Ap\u00f3s um ano trabalhando e divulgando PWA, preparei um upgrade do BeerSwarm com mais f\u00f4lego, mesclando Server-side Rendering, conte\u00fado e otimiza\u00e7\u00f5es de SEO e performance que construiremos juntos nesse Workshop. Qual o investimento? Apenas 200 reais, que voc\u00ea pode se inscrever nesse link. Quando vai\u00a0ocorrer? Acontecer\u00e1 nos dias 15, 16, 17, 18 de maio de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/1843"}],"collection":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/comments?post=1843"}],"version-history":[{"count":0,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/posts\/1843\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/media?parent=1843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/categories?post=1843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milfont.org\/tech\/wp-json\/wp\/v2\/tags?post=1843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}