Tag archives for JavaScript

Desenvolvimento

JS Unit Testing – Utilizando Chutzpah Test Runner com Jasmine JS no Visual Studio


Hoje irei falar sobre como podemos executar testes unitários de javascript dentro do Visual Studio. Fazer testes unitários em javascript está se tornando uma prática cada vez mais comum já que nossos projetos existem infinidades de funções javascript para tornar a experiência do usuário cada vez mais rica. Existem diversos frameworks de testes unitários em javascript como Jasmine JS, QUnit JS, Unit Js e etc. Neste exemplo iremos usar o Jasmine JS e estaremos fazendo uma integração com o Chutzpah Test Runner que é uma ferramenta para integrar nosso testes unitários javascript no Test Explorer do Visual Studio, muito legal...
Continuar Lendo »
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 »
ASP.NET 5

Novidades do ASP.NET 5: Integração com Bower, Gulp e Npm


A Microsoft vem trabalhando desde 2014 no ASP.NET 5, uma versão completamente reformulada de sua plataforma para desenvolvimento Web. Atualmente na versão Beta 7 (Setembro/2015), o ASP.NET 5 introduziu mudanças bastante significativas em relação ao modo como aplicações Web vinham até então sendo construídas. Uma destas novidades está na maneira como pacotes client-side são gerenciados em uma solução Web. A adição de bibliotecas JavaScript ou, mesmo, arquivos CSS acontecia geralmente de duas formas: A partir do utilitário NuGet, a conhecida ferramenta para busca e gerenciamento de pacotes em aplicações .NET; Através da adição direta de arquivos CSS e de...
Continuar Lendo »