Tag Archives: sintaxe

VUE – Excitante!

WebApp – Saga

O que nós ganhamos!

Conheça “o que ganhamos” com esta tecnologia que promete “simplificar” a vida dos devs APPs.

O VueJS é uma ferramenta projetada no desenvolvedor, na nossa experiência de uso.

Reativo

Apesar desta palavra estar muito ligada ao ReactJS, esta técnica não é sua exclusividade. Outras libs e frameworks também implementam essa técnica.

O modo React basicamente observa um objeto JS e reflete suas alterações no DOM do html.

Tente isso com JS puro ou jQuery e veja que não é trivial, porém o VueJS simplificou isto.

Flexibilidade

O Vue nos deixa livre para fazer uso dele do modo que melhor convir ao projeto. Isso é uma característica importante em projetos JS.

VueJS é uma lib js e não um framework, então podemos utilizá-lo em projetos simples e complexos.

Mesmo ele não sendo um framework fullstack, ele oferece um ótimo ecossistema de libs complementares:

  • vue-router (rotas spa)
  • vue-resource (http)
  • vuex (flux para vuejs)

Performance

O VueJS oferece excelente performance.

Existem testes onde ele ofereceu melhor performance comparado ao ReactJS. E essa boa performance foi conseguida sem o VueJS utilizar o Virtual-DOM como o ReactJS.

Moderno

Há semelhanças entre Vue/React. Vue compartilha semelhanças com muitas libs/frameworks que permitem criar componentes, como o Angular2, porém os detalhes fazem a diferença.

Apesar de serem concorrentes Vue/Angular1 não possui muitas semelhanças, porque o modo do Angular1 é muito diferente da filosofia do Vue e até mesmo Angular2.

Sintaxe e API claras

Desenvolver componentes com VueJS é simples.

A sua API é intuitiva e simples, seu sistema de template implementa coisas do dia-a-dia, tornando tudo muito simples, previsível e agradável.

O destaque fica como o JS é escrito, tudo possui seu lugar de modo claro. Mesmo a sua flexibilidade e os modos que a informação e código percorrem são previsíveis, tornando fácil o trabalho em equipe e utilização de componentes de terceiros.

VueJS em todo lugar

Uma característica do JS, e por consequência também do Vue, é o poder da utilização em qualquer tipo de projeto e tecnologia.

Projetos em Ruby, Python, Node, Java, Go ou qualquer outra linguagem, podem usar VueJS.

Learn

A sua curva de aprendizagem é curta. Também temos o apoio da comunidade Telegram, Slack e StackOverflow.

I Love C# – Prática Sintaxe

Implementação: Sintaxe

Boas práticas de uso geral do C#.

Algumas notações úteis para seguir:

Projeto

Deve seguir o nome do namespace.

Arquivo fonte

Deve ser sempre igual ao nome da classe.

Resource/Outros arquivos anexos

Utilize nome descritivo, utilizando nomenclatura pascal.

Namespace

Deve corresponder ao nome do projeto, notação pascal.

Exemplo: NomeEmpresa.NomeProjeto

WA.MyApp
WA.MyApp.UI

Classe

Notação pascal.

Classes (Inicia com maiúsculo e no singular) Pascal Casing.

Aluno.cs
Comercio.cs

É legal a notação padrão Java para nomear classes/métodos: Classes sempre iniciam com uppercase e métodos em lowercase.

Interface

Notação pascal, e prefixada por I.

Classe Generica e Tipo de parâmetro Generico

Utilize somente uma letra como T ou K.

Método

Notação pascal. Preferencialmente use um verbo.

Property

Notação pascal. Não deve haver Get ou Set como prefixo de properties.

Atributos

Sempre Privates e acessados por Properties. Notação camel. Não devem ser precedidos por “_”.

Consts e Variáveis estáticas

Segue o mesmo padrão de atributos.

Enumerator

Notação pascal para o tipo e os valores.

Event/Delegate

Mesmo que constantes.

Variáveis locais e Parâmetros

Notação camel, precedidos por p.

Evite nomeá-los numericamente:

pCont1
pCont2

Pascal Casing

strEmail
dteDataMatricula
intAlunoId
bitPrimeiroContato
sngTotal
dblTamanho
decTamanho
curTotal
binContrato

Ok! Um pouco sobre o Boas Práticas.