{"id":2469,"date":"2016-04-24T22:08:44","date_gmt":"2016-04-25T01:08:44","guid":{"rendered":"https:\/\/devkico.itexto.com.br\/?p=2469"},"modified":"2016-04-24T22:15:40","modified_gmt":"2016-04-25T01:15:40","slug":"aprendendo-angularjs-minhas-leituras","status":"publish","type":"post","link":"https:\/\/devkico.itexto.com.br\/?p=2469","title":{"rendered":"Aprendendo AngularJS – minhas leituras"},"content":{"rendered":"

Chegou aquele momento em que n\u00e3o dava mais pra fugir dele: finalmente me vi for\u00e7ado a aprender AngularJS. Neste post vou listar o que usei para meus estudos e tamb\u00e9m as minhas primeiras impress\u00f5es sobre o assunto. Levem em considera\u00e7\u00e3o que estou apenas come\u00e7ando!<\/p>\n

O AngularJS: primeiras impress\u00f5es<\/h2>\n

Apesar de j\u00e1 estar na vers\u00e3o 1.5, meus estudos est\u00e3o focados na vers\u00e3o 1.4.2, dado que estou lidando com um projeto legado. Pouco a pouco vou me atualizar com as novas vers\u00f5es, j\u00e1 sabendo que a 2.0 \u00e9, pelo que pude ver, radicalmente diferente.<\/p>\n

Mecanismo de templates<\/h3>\n

Como mecanismo de templates, achei fant\u00e1stico (o m\u00ednimo que eu esperava).\u00a0De imediato o vejo como uma excelente ferramenta para se escrever relat\u00f3rios quando os dados s\u00e3o obtidos via REST no formato JSON. Alguns experimentos que fiz durante os estudos iniciais foram muito promissores.<\/p>\n

Intera\u00e7\u00f5es de usu\u00e1rio<\/h3>\n

Como framework usado para se escrever as intera\u00e7\u00f5es do usu\u00e1rio, tamb\u00e9m achei bastante interessante. Me lembrou bastante o modelo de desenvolvimento que temos ao desenvolver aplica\u00e7\u00f5es desktop.<\/p>\n

Escrever aplica\u00e7\u00f5es cuja interface no formato tabela usando o binding de duas vias do AngularJS se mostrou uma tarefa trivial com o AngularJS. E escrever filtros com ele (em tabelas) tamb\u00e9m \u00e9 ridiculamente simples (quase aposenta o Datatables<\/a>).<\/p>\n

Roteamento<\/h3>\n

Ainda n\u00e3o me desceu bem o modelo de roteamento apresentado pelo AngularJS, mas creio que seja por enquanto apenas o resultado do meu contato inicial com o framework. Ainda tenho minha cabe\u00e7a presa ao modelo de desenvolvimento AJAX tradicional (com muito jQuery), o que tem me dificultado um pouco a compreens\u00e3o.<\/p>\n

Saudades do jQuery<\/h3>\n

Adoro jQuery, o que me atrapalha um pouco no aprendizado do AngularJS. Em diversos momentos me via pensando em como faria a mesma coisa com minha biblioteca favorita. No entanto, conforme o tempo vai passando, este “v\u00edcio” vai se reduzindo.<\/p>\n

Confesso que me deu um certo al\u00edvio ver que o modo como fazemos requisi\u00e7\u00f5es Ajax com AngularJS \u00e9 muito parecido com o que conhecia no jQuery. :)<\/p>\n

O que li<\/h2>\n

Angular Basics –\u00a0http:\/\/www.angularjsbook.com\/<\/a><\/h3>\n

Escrito por Chris Smith, \u00e9 um pequeno livro online interativo no qual voc\u00ea pode experimentar o c\u00f3digo fonte de uma forma muito interessante. Sem sombra de d\u00favidas foi o melhor material que encontrei sobre o assunto.<\/p>\n

A linguagem adotada \u00e9 muito simples e muito direta ao ponto. O autor se preocupa bastante em tratar apenas do que \u00e9 essencial para que voc\u00ea possa come\u00e7ar a dar os primeiros passos, o que \u00e9 excelente, pois alguns materiais que encontrei achei\u00a0muito<\/strong> complicados para quem est\u00e1 iniciando.<\/p>\n

Ao ler este livro, tinha ao lado um editor de textos e um navegador que usava para fazer alguns experimentos baseados no texto. Me ajudou bastante. Importante lembrar que o livro cobre a vers\u00e3o 1.4.2 do Angular, e n\u00e3o a 1.5.5 ou 2.<\/p>\n

Algo bacana neste texto s\u00e3o as refer\u00eancias feitas pelo autor. D\u00e1 para o leitor que n\u00e3o tem muita viv\u00eancia com JavaScript se aprofundar em diversos temas sobre a linguagem.<\/p>\n

Resumindo: leitura fant\u00e1stica!<\/p>\n

Tutorial oficial do AngularJS –\u00a0https:\/\/docs.angularjs.org\/tutorial<\/a><\/h3>\n

N\u00e3o gostei quando li na \u00e9poca em que o AngularJS foi lan\u00e7ado e continuei n\u00e3o gostando hoje.<\/p>\n

Meu principal problema com este texto \u00e9 que ele afoga quem est\u00e1 chegando em informa\u00e7\u00f5es e terminologias que deviam ser apresentadas de uma forma mais suave.<\/p>\n

Al\u00e9m disto, o c\u00f3digo fonte j\u00e1 v\u00eam pronto de cara em um reposit\u00f3rio Git. Confesso que prefiro quando o pr\u00f3prio leitor vai gerando este c\u00f3digo, tal como fiz lendo o “Angular Basics”.<\/p>\n

Desconfio que este meu atraso no AngularJS se deve \u00e0 antipatia que sempre senti por este tutorial (n\u00e3o vou negar).<\/p>\n

Guia do desenvolvedor –\u00a0https:\/\/docs.angularjs.org\/guide<\/a><\/h3>\n

Se voc\u00ea quer conhecer a fundo o conceitual por tr\u00e1s do AngularJS, este \u00e9 o texto. N\u00e3o \u00e9 algo que deve ser lido sequencialmente, mas sim como leitura complementar.<\/p>\n

\u00c9 muito bem escrito, e tem o n\u00edvel de profundidade que se espera ao buscarmos uma melhor compreens\u00e3o a respeito dos conceitos envolvidos na constru\u00e7\u00e3o do framework e, ainda mais importante, das motiva\u00e7\u00f5es que justificam o AngularJS ter a forma que possu\u00ed.<\/p>\n

N\u00e3o creio que seja um bom ponto de partida para se aprender o framework, mas como leitura\u00a0complementar<\/strong>, foi fundamental para mim.<\/p>\n

Curso gratuito da CodeSchool –\u00a0http:\/\/campus.codeschool.com\/courses\/shaping-up-with-angular-js\/intro<\/a><\/h3>\n

Feliz demais pro meu gosto: me deu vergonha alheia e acabei pulando.<\/p>\n

Ferramenta legal: AngularJS Batarang<\/h3>\n

Trata-se de uma extens\u00e3o do Chrome que nos permite depurar c\u00f3digo escrito em AngularJS. Voc\u00ea a instala e, na sequ\u00eancia, ser\u00e1 criada uma nova aba nas ferramentas de desenvolvimento.<\/p>\n

Por l\u00e1 voc\u00ea poder\u00e1 ver o escopo do seu m\u00f3dulo, informa\u00e7\u00f5es sobre desempenho, interceptadores e tudo mais. \u00c9 muito bacana para se ter uma vis\u00e3o melhor sobre o que estamos escrevendo com o AngularJS.<\/p>\n

Concluindo<\/h2>\n

Apesar de atrasado, o processo de aprendizado do AngularJS tem sido uma experi\u00eancia muito enriquecedora para mim. Confesso que n\u00e3o tanto pelo Angular, mas sim pelas refer\u00eancias que vou pegando no caminho que, acidentalmente, tem aumentado\u00a0muito<\/strong> meu conhecimento sobre JavaScript.<\/p>\n

Estou apenas come\u00e7ando no framework, apanhado bastante em alguns pontos, mas, no geral, gostado do que tenho visto. Aproveitando, voc\u00ea tem alguma boa indica\u00e7\u00e3o de leitura para me passar? Toda dica \u00e9 bem vinda!<\/p>\n","protected":false},"excerpt":{"rendered":"

Como est\u00e1 sendo meu processo de aprendizado do AngularJS: primeiras impress\u00f5es sobre a ferramenta e o material que estou usando para estudar<\/p>\n","protected":false},"author":1,"featured_media":2470,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"\nAprendendo AngularJS - minhas leituras - \/dev\/Kico<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devkico.itexto.com.br\/?p=2469\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aprendendo AngularJS - minhas leituras - \/dev\/Kico\" \/>\n<meta property=\"og:description\" content=\"Como est\u00e1 sendo meu processo de aprendizado do AngularJS: primeiras impress\u00f5es sobre a ferramenta e o material que estou usando para estudar\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devkico.itexto.com.br\/?p=2469\" \/>\n<meta property=\"og:site_name\" content=\"\/dev\/Kico\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-25T01:08:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-25T01:15:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"277\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kico (Henrique Lobo Weissmann)\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@loboweissmann\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kico (Henrique Lobo Weissmann)\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=2469\",\"url\":\"https:\/\/devkico.itexto.com.br\/?p=2469\",\"name\":\"Aprendendo AngularJS - minhas leituras - \/dev\/Kico\",\"isPartOf\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=2469#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=2469#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png\",\"datePublished\":\"2016-04-25T01:08:44+00:00\",\"dateModified\":\"2016-04-25T01:15:40+00:00\",\"author\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7\"},\"breadcrumb\":{\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=2469#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devkico.itexto.com.br\/?p=2469\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=2469#primaryimage\",\"url\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png\",\"contentUrl\":\"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png\",\"width\":400,\"height\":277},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devkico.itexto.com.br\/?p=2469#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devkico.itexto.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aprendendo AngularJS – minhas leituras\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#website\",\"url\":\"https:\/\/devkico.itexto.com.br\/\",\"name\":\"\/dev\/Kico\",\"description\":\"Desenvolvendo software\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devkico.itexto.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7\",\"name\":\"Kico (Henrique Lobo Weissmann)\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g\",\"caption\":\"Kico (Henrique Lobo Weissmann)\"},\"sameAs\":[\"https:\/\/x.com\/loboweissmann\"],\"url\":\"https:\/\/devkico.itexto.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aprendendo AngularJS - minhas leituras - \/dev\/Kico","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devkico.itexto.com.br\/?p=2469","og_locale":"pt_BR","og_type":"article","og_title":"Aprendendo AngularJS - minhas leituras - \/dev\/Kico","og_description":"Como est\u00e1 sendo meu processo de aprendizado do AngularJS: primeiras impress\u00f5es sobre a ferramenta e o material que estou usando para estudar","og_url":"https:\/\/devkico.itexto.com.br\/?p=2469","og_site_name":"\/dev\/Kico","article_published_time":"2016-04-25T01:08:44+00:00","article_modified_time":"2016-04-25T01:15:40+00:00","og_image":[{"width":400,"height":277,"url":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png","type":"image\/png"}],"author":"Kico (Henrique Lobo Weissmann)","twitter_card":"summary_large_image","twitter_creator":"@loboweissmann","twitter_misc":{"Escrito por":"Kico (Henrique Lobo Weissmann)","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devkico.itexto.com.br\/?p=2469","url":"https:\/\/devkico.itexto.com.br\/?p=2469","name":"Aprendendo AngularJS - minhas leituras - \/dev\/Kico","isPartOf":{"@id":"https:\/\/devkico.itexto.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devkico.itexto.com.br\/?p=2469#primaryimage"},"image":{"@id":"https:\/\/devkico.itexto.com.br\/?p=2469#primaryimage"},"thumbnailUrl":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png","datePublished":"2016-04-25T01:08:44+00:00","dateModified":"2016-04-25T01:15:40+00:00","author":{"@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7"},"breadcrumb":{"@id":"https:\/\/devkico.itexto.com.br\/?p=2469#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devkico.itexto.com.br\/?p=2469"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/devkico.itexto.com.br\/?p=2469#primaryimage","url":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png","contentUrl":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png","width":400,"height":277},{"@type":"BreadcrumbList","@id":"https:\/\/devkico.itexto.com.br\/?p=2469#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devkico.itexto.com.br\/"},{"@type":"ListItem","position":2,"name":"Aprendendo AngularJS – minhas leituras"}]},{"@type":"WebSite","@id":"https:\/\/devkico.itexto.com.br\/#website","url":"https:\/\/devkico.itexto.com.br\/","name":"\/dev\/Kico","description":"Desenvolvendo software","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devkico.itexto.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/502ab8892631bb005d6da2269fe5a3a7","name":"Kico (Henrique Lobo Weissmann)","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/devkico.itexto.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd6973d86a689bc63122b2e603f25be3?s=96&d=mm&r=g","caption":"Kico (Henrique Lobo Weissmann)"},"sameAs":["https:\/\/x.com\/loboweissmann"],"url":"https:\/\/devkico.itexto.com.br\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/devkico.itexto.com.br\/wp-content\/uploads\/2016\/04\/angular-js_600x400.png","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2469"}],"collection":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2469"}],"version-history":[{"count":3,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2469\/revisions"}],"predecessor-version":[{"id":2473,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2469\/revisions\/2473"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=\/wp\/v2\/media\/2470"}],"wp:attachment":[{"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devkico.itexto.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}