Artigos Front-end

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Como fazer Grids e responsividade na Web [author] => omariosouto [date] => DateTime Object ( [date] => 2019-11-14 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => como-fazer-grids-e-a-responsividade-na-web [description] => Grid consiste em dividir uma proporção da tela do usuário em partes iguais. Entenda o conceito de Grid que temos na web [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/como-fazer-grids-e-a-responsividade-na-web [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/como-fazer-grids-e-a-responsividade-na-web [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [100] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [200] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png )[sobre] => Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura [nome] => Mario Souto [twitter] => [linkedin] => [username] => omariosouto )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 3 dias atrás Front-end

  Como fazer Grids e responsividade na Web

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => CSS: animações com Transition e Animation [author] => omariosouto [date] => DateTime Object ( [date] => 2019-11-06 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => css-animacoes-com-transitions-animations [description] => Conheça Transitions e Animations em CSS para gerar animações ousadas no seu HTML, assim como seu uso com JavaScript [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/css-animacoes-com-transitions-animations [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/css-animacoes-com-transitions-animations [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [100] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [200] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png )[sobre] => Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura [nome] => Mario Souto [twitter] => [linkedin] => [username] => omariosouto )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 6 de Novembro Front-end

  CSS: animações com Transition e Animation

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => O que é front-end e back-end? [author] => omariosouto [date] => DateTime Object ( [date] => 2019-09-25 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => o-que-e-front-end-e-back-end [description] => O que é Front-end? O que é Back-end? Developers full-stack? Qual é a diferença de cada programador? [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/o-que-e-front-end-e-back-end [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/o-que-e-front-end-e-back-end [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [100] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [200] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png )[sobre] => Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura [nome] => Mario Souto [twitter] => [linkedin] => [username] => omariosouto )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 25 de Setembro Front-end

  O que é front-end e back-end?

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => JavaScript replace: manipulando Strings e regex [author] => omariosouto [date] => DateTime Object ( [date] => 2019-09-10 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => javascript-replace-manipulando-strings-e-regex [description] => O método JavaScript String replace é utilizado com frequeência para fazer desde simples substituições em Strings até complexas mudanças e matches com expressões regulares [main_guide] => formacao-front-end [main_category] => front-end [path] => artigos [full_path] => /artigos/javascript-replace-manipulando-strings-e-regex [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/javascript-replace-manipulando-strings-e-regex [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [100] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [200] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png )[sobre] => Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura [nome] => Mario Souto [twitter] => [linkedin] => [username] => omariosouto )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( )[courses:CosmosPost:private] => Array ( ))
• 10 de Setembro Front-end

  JavaScript replace: manipulando Strings e regex

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Entenda a diferença entre var, let e const no JavaScript [author] => otavioprado [date] => DateTime Object ( [date] => 2019-09-08 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => entenda-diferenca-entre-var-let-e-const-no-javascript [description] => Descubra a diferença do VAR, LET e CONST no javascript venha aprender as peculiaridades de cada um. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/entenda-diferenca-entre-var-let-e-const-no-javascript [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/entenda-diferenca-entre-var-let-e-const-no-javascript [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/ad31a92127c0594f160962382325ec78.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_o.png [100] => https://www.gravatar.com/avatar/ad31a92127c0594f160962382325ec78.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_o.png [200] => https://www.gravatar.com/avatar/ad31a92127c0594f160962382325ec78.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_o.png )[sobre] => [nome] => Otávio Felipe do Prado [twitter] => [linkedin] => [username] => otavioprado )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 8 de Setembro Front-end

  Entenda a diferença entre var, let e const no JavaScript

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Tagged Template Literals [author] => paulo-scalercio [date] => DateTime Object ( [date] => 2019-09-04 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => tagged-template-literals [description] => Aprenda com esse post o que são as Template String e como podemos tirar maior proveito dessa funcionalidade do ES6 no nosso dia a dia. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/tagged-template-literals [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/tagged-template-literals [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/f31703811c670676e826bad4c6afcabe.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_p.png [100] => https://www.gravatar.com/avatar/f31703811c670676e826bad4c6afcabe.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_p.png [200] => https://www.gravatar.com/avatar/f31703811c670676e826bad4c6afcabe.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_p.png )[sobre] => Atualmente trabalhando com foco em bibliotecas/frameworks Javascript. Entusiasta de novas tecnologias e soluções que facilitam a vida das pessoas [nome] => Paulo Scalercio [twitter] => PauloScalercio [linkedin] => https://www.linkedin.com/in/paulo-scalercio/ [username] => paulo-scalercio )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 4 de Setembro Front-end

  Tagged Template Literals

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Criando e publicando uma biblioteca Javascript no NPM [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-07-31 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => criando-e-publicando-uma-biblioteca-javascript-no-npm [description] => Aprenda como criar e publicar uma biblioteca Javascript no npm, fazendo com que seu código fique disponível na web para quem quiser instalar. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/criando-e-publicando-uma-biblioteca-javascript-no-npm [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/criando-e-publicando-uma-biblioteca-javascript-no-npm [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 31 de Julho Front-end

  Criando e publicando uma biblioteca Javascript no NPM

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Manipulação de array com map, filter e reduce [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-07-24 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => manipulacao-de-array-com-map-filter-e-reduce [description] => Aprenda como manipular array de um modo funcional em Javascript, utilizando os métodos map, reduce e filter. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/manipulacao-de-array-com-map-filter-e-reduce [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/manipulacao-de-array-com-map-filter-e-reduce [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 24 de Julho Front-end

  Manipulação de array com map, filter e reduce

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Criando anotações com Markdown [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-06-26 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => criando-anotacoes-com-markdown [description] => Aprenda como usar a linguagem de marcação Markdown para criar títulos, listas, tabelas, colocar imagens e muito mais. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/criando-anotacoes-com-markdown [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/criando-anotacoes-com-markdown [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 26 de Junho Front-end

  Criando anotações com Markdown

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Markdown: como trabalhar com essa linguagem de markup? [author] => paulo-silveira [date] => DateTime Object ( [date] => 2019-06-20 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => como-trabalhar-com-markdown [description] => Como escrever textos elegantes e de maneira direta usando a linguagem de marcação Markdown? [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/como-trabalhar-com-markdown [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/como-trabalhar-com-markdown [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/c621f1575c6b408ed20d110b86873357.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_p.png [100] => https://www.gravatar.com/avatar/c621f1575c6b408ed20d110b86873357.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_p.png [200] => https://www.gravatar.com/avatar/c621f1575c6b408ed20d110b86873357.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_p.png )[sobre] => Paulo é CEO da Caelum, reconhecido na comunidade de desenvolvedores, tendo participado de projetos no IBOPE e dentro da Caelum. É fundador do maior fórum de desenvolvimento em língua portuguesa, o GUJ.com.br e participa na comunidade open source. Mestre pela USP em Geometria computacional, liderou o desenvolvimento do LMS da empresa e atualmente gerencia mais de 100 colaboradores. [nome] => Paulo Silveira [twitter] => paulo_caelum [linkedin] => https://www.linkedin.com/in/paulosilveira/ [username] => paulo-silveira )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 20 de Junho Front-end

  Markdown: como trabalhar com essa linguagem de markup?

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Utilizando export.modules no Node.js [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-05-16 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => utilizando-export-modules-no-node-js [description] => Saiba como exportamos módulos no Node.js [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/utilizando-export-modules-no-node-js [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/utilizando-export-modules-no-node-js [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 16/05/2019 Front-end

  Utilizando export.modules no Node.js

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Como automatizar um code styleguide em projetos -  Dicas de React #003 [author] => omariosouto [date] => DateTime Object ( [date] => 2019-05-11 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => como-automatizar-um-styleguide-em-projetos-dicas-de-react-003 [description] => Utilizar styleguide nos ajuda na padronização do nosso código, nesse artigo vamos aprender a automatizar esse processo dentro do VsCode [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/como-automatizar-um-styleguide-em-projetos-dicas-de-react-003 [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/como-automatizar-um-styleguide-em-projetos-dicas-de-react-003 [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [100] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png [200] => https://www.gravatar.com/avatar/7c0b1603881b4593063f34a26cd58966.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_m.png )[sobre] => Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso na @caelum e @alura [nome] => Mario Souto [twitter] => [linkedin] => [username] => omariosouto )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 11/05/2019 Front-end

  Como automatizar um code styleguide em projetos -  Dicas de React #003

Destaques:

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Começando com o desenvolvimento Front-end [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-03-21 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => comecando-com-o-desenvolvimento-front-end [description] => Conheça o passo a passo para aprender os caminhos do desenvolvimento Front-end e conquistar a sua vaga no mercado de trabalho. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/comecando-com-o-desenvolvimento-front-end [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/comecando-com-o-desenvolvimento-front-end [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 21/03/2019 Front-end

  Começando com o desenvolvimento Front-end

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Criando um autocomplete com JavaScript [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-04-16 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => criando-um-autocomplete-com-javascript [description] => Aprenda como facilitar a filtragem de resultados através da criação de um autocomplete utilizando JavaScript puro. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/criando-um-autocomplete-com-javascript [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/criando-um-autocomplete-com-javascript [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 16/04/2019 Front-end

  Criando um autocomplete com JavaScript

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Formatando CPF com ajuda das Expressões Regulares [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-03-28 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => formatando-cpf-com-ajuda-das-expressoes-regulares [description] => Aprenda como podemos utilizar as expressões regulares em JavaScript e deixar o formato do CPF do padrão que queremos. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/formatando-cpf-com-ajuda-das-expressoes-regulares [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/formatando-cpf-com-ajuda-das-expressoes-regulares [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 28/03/2019 Front-end

  Formatando CPF com ajuda das Expressões Regulares

CosmosPost Object ( [data:CosmosPost:private] => Array ( [title] => Manipulação de array com map, filter e reduce [author] => felipe-nascimento3 [date] => DateTime Object ( [date] => 2019-07-24 13:21:21.000000 [timezone_type] => 3 [timezone] => America/Sao_Paulo )[draft] => [slug] => manipulacao-de-array-com-map-filter-e-reduce [description] => Aprenda como manipular array de um modo funcional em Javascript, utilizando os métodos map, reduce e filter. [authorEmail] => [email protected] [main_guide] => formacao-front-end [main_category] => front-end [guides] => Array ( [0] => formacao-front-end )[path] => artigos [full_path] => /artigos/manipulacao-de-array-com-map-filter-e-reduce [cosmos_url] => https://www.alura.com.br/artigos/ [full_url] => https://www.alura.com.br/artigos/manipulacao-de-array-com-map-filter-e-reduce [text] => )[author:CosmosPost:private] => Array ( [fotos] => Array ( [50] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=50x50&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [100] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=100x100&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png [200] => https://www.gravatar.com/avatar/2fcbe0bb5c7376a9c9b1cefaf11b4655.png?r=PG&size=200x200&d=https%3A%2F%2Fcursos.alura.com.br%2Fimages%2Fforum%2Favatar_f.png )[sobre] => [nome] => Felipe Nascimento [twitter] => [linkedin] => [username] => felipe-nascimento3 )[share_image:CosmosPost:private] => https://www.alura.com.br/assets/api/share/alura.jpg [category:CosmosPost:private] => [guides:CosmosPost:private] => Array ( [0] => formacao-front-end )[courses:CosmosPost:private] => Array ( ))
• 24 de Julho Front-end

  Manipulação de array com map, filter e reduce

Conheça nossos artigos de:

• Mobile
• Programação
• Front-end
• Infraestrutura
• Design & UX
• Data Science
• Marketing Digital
• Inovação & Gestão