Archives for Front-End

ASP.NET 5

Js Advice – Analisador de código JavaScript


Neste post, vou falar do Js Advice! É uma extensão do Visual Studio 2015 que analisa código JavaScript, verificando possíveis erros e sugerindo melhorias, enquanto o código é escrito. Introdução Fala pessoal! Tudo bem? Hoje vim falar do Js Advice! Uma ferramenta que analisa o código JavaScript e aconselha possíveis melhorias ou correções, durante o desenvolvimento! E, antes de mostrar as funcionalidades, falar um pouco do motivo de cria-la. Motivação Sempre achei interessante e produtivo ter alguma ferramenta auxiliando no desenvolvimento. Como vim do mundo .Net, o ferramental é muito forte! Mas, para JavaScript nunca teve muitas ferramentas! Então, achei que...
Continuar Lendo »
Desenvolvimento

Angular 2 x React Js


Fala Galera, Hoje venho falar sobre as duas sensações do momento o Angular 2.0 e o ReactJS. Não venho falar sobre quem é o melhor para se usar no desenvolvimento Front-End e sim fazer vocês tomarem a melhor decisão sobre qual utilizar em um determinado projeto. Comparando Banana com Laranja Sim, estamos comparando banana com laranja. Angular é um Framework e o React é uma biblioteca. O Angular foi feito para resolver diversos tipos de problemas dentro do desenvolvimento Front-End. Já o React foi feito para resolver somente um problema, o problema de interface. Por que usar Angular 2.0. Por diversos...
Continuar Lendo »
Front-End

Introdução ao Angular 2.0


Venho aqui falar sobre o Angular 2.0. O Angular 2.0 sofreu uma grande mudança, pode ser dizer que é um AngularJS totalmente modificado, desde a sua forma de sintaxe, como o uso propriamente dito. Principais mudanças: Não temos mais o $scope Não tem mais o conceito de Controller Tudo é Componentes e Views Totalmente preparado para ES6 Feito em TypeScript Então preparei um pequeno exemplo de Todo App para ver o funcionamento dele. Primeiro vamos criar nosso HTML de exemplo   Notem que estou usando TypeScript para carregar as dependências e fazer a compilação dos arquivos. Outro ponto importante é a...
Continuar Lendo »
ASP.NET 5

Novidades do ASP.NET Core 1.0: gerenciando pacotes Bower via UI


Conforme muitos já sabem, o ASP.NET Core 1.0 (inicialmente batizado como “ASP.NET 5”) traz grandes novidades no que se refere ao gerenciamento de arquivos de scripts e folhas de estilo CSS. Empregando soluções populares como Bower, npm e Gulp, a manipulação destes pacotes client-side foi automatizada a fim de simplificar o trabalho de desenvolvedores Web. Em um artigo publicado neste blog em Setembro/2015 abordei em detalhes estas novidades: http://netcoders.com.br/asp-net-5-integracao-bower-gulp-npm/ A adição de uma biblioteca de scripts como o AngularJS a um projeto pode ser feita incluindo uma nova referência ao arquivo bower.json (Imagem 1): Imagem 1. Estrutura geral de...
Continuar Lendo »
Front-End

Depurando código JavaScript com Google Chrome


Versão do Google Chrome ao fazer o artigo: 48.0.2564.109 m Introdução Esse artigo, tem como objetivo principal auxiliar a depuração de códigos feito em JavaScript puro ou com Bibliotecas e Framework como jQuery, Angular, Ember, React, Backbone, Knockout…   Acessando a “Ferramentas do desenvolvedor” do Google Chrome. Hoje em dia, a maioria dos navegadores, já vêm com uma ferramenta que ajuda o desenvolvimento client-side, (JavaScript, CSS e Html). Antigamente, a ferramenta mais utilizada era o Firebug, uma extensão da Mozilla Firefox, muito útil e ajudou bastante! Porém, nesse artigo vou falar da ferramenta que tem no Google Chrome, chamada de...
Continuar Lendo »
Front-End

JavaScript: Tratamento de erros


Nesse artigo serão abordadas as boas práticas para tratar erros quando programamos em JavaScript. Existem três tipos de erros na programação: Erros de sintaxe; Erros de tempo de execução; Erros lógicos. Erros de sintaxe Os erros de sintaxe, também chamados de erros de análise, ocorrem em tempo de compilação em linguagens de programação tradicionais e no tempo de interpretação no JavaScript. Acontecem porque pode ocorrer de digitarmos errado algo, esquecermos parênteses ou chaves, etc. Por exemplo, a seguinte linha causa um erro de sintaxe porque está faltando um parêntese de fechamento. <html> <head> <title>JavaScript: Tratamento de erros - .NET Coders</title> </head>...
Continuar Lendo »