 |
|
||||
C# ::: Dicas & Truques ::: Strings e Caracteres |
Como remover os espaços no final de uma string em C# usando o método TrimEnd() da classe String - Curso de C# para iniciantesQuantidade de visualizações: 8080 vezes |
|
Nesta dica mostrarei como podemos usar o método TrimEnd() da classe String da linguagem C# para remover os espaços no final de uma palavra, frase ou texto. Esta é uma tarefa importante antes de validar as informações inseridas pelos usuários de nossas aplicações. Veja o código completo:
using System;
namespace Estudos{
class Program{
static void Main(string[] args) {
string texto = " temos espaços no início e fim ";
Console.WriteLine("Com espaços: ." + texto + ".");
// remove os espaços no fim da string
texto = texto.TrimEnd();
Console.WriteLine("Sem espaços: ." + texto + ".");
Console.WriteLine("\n\nPressione uma tecla para sair...");
Console.ReadKey();
}
}
}
Ao executar este código nós teremos os seguinte resultado: Com espaços: . temos espaços no início e fim . Sem espaços: . temos espaços no início e fim. |
JavaScript ::: Dicas & Truques ::: Miscelâneas |
JavaScript para iniciantes - Como usar o método escape() para codificar uma frase em JavaScriptQuantidade de visualizações: 12921 vezes |
|
A função escape() da linguagem JavaScript é usada quando precisamos codificar uma palavra, frase ou texto, ou seja, uma string. Em geral nós a usamos para codificar caracteres especiais em uma string, com a exceção dos caracteres e símbolos "* @ - _ + . /". Veja um exemplo completo:
<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>
<script type="text/javascript">
var frase = "Programar em JavaScript é muito bom";
document.write("Original: " + frase + "<br>");
document.write("Codificada: " + escape(frase));
</script>
</body>
</html>
Ao executarmos este código nós teremos o seguinte resultado: Original: Programar em JavaScript é muito bom Codificada: Programar%20em%20JavaScript %20%E9%20muito%20bom Lembre-se de que o objetivo da função escape() é tornar uma string portável, ou seja, que pode ser transmitida pela rede para qualquer computador que suportar os caracteres ASCII. Nota: A função escape() foi marcada como desatualizada (deprecated) a partir do JavaScript 1.5. Em vez dela nós devemos usar as funções encodeURI() ou encodeURIComponent(). |
C# ::: Coleções (Collections) ::: List<T> |
Como retornar a quantidade de elementos que podem ser armazenados na List do C# sem redimensioná-laQuantidade de visualizações: 7655 vezes |
|
O objeto List do C# possui uma propriedade Capacity que nos retorna a quantidade de elementos que podem ser inseridos na lista antes que ela tenha que redimensionar o seu array interno. Quando o tamanho da lista excede essa capacidade, automaticamente o array interno é redimensionado de forma a acomodar esses novos itens. Nessa dica eu mostro como podemos retornar o valor dessa propriedade. Veja:
using System;
using System.Collections.Generic;
namespace Estudos {
class Principal {
static void Main(string[] args) {
List<int> valores = new List<int>();
// insere valores na lista
valores.Add(4);
valores.Add(2);
valores.Add(87);
valores.Add(23);
valores.Add(100);
// obtém a capacidade da lista
// NOTA: Capacity é o número de elementos que a lista
// pode armazenar antes de ser preciso redimensioná-la.
int capac = valores.Capacity;
Console.WriteLine("A capacidade da lista é de "
+ capac + " elementos.");
Console.WriteLine("\nPressione uma tecla para sair...");
Console.ReadKey();
}
}
}
Ao executar este código C# nós teremos o seguinte resultado: A capacidade da lista é de 8 elementos. |
Angular ::: Dicas & Truques ::: Componentes Angular |
Angular para iniciantes - Como criar o seu primeiro componente Angular usando o Angular CLI - Comando ng generate componentQuantidade de visualizações: 3148 vezes |
|
Aplicações Angular são construidas em cima de componentes, e estes consistem de: a) Um template HTML que declara o que deve ser renderizado na página. b) Uma classe TypeScript que define o comportamento do componente. c) Um seletor CSS que define com o componente será usado em um template. d) Estilos CSS opcionais aplicados ao template. Todos esses aspectos acima são abordados em mais dicas dessa seção. O importante agora é entendermos como criar o componente e exibí-lo no navegador. Assim, se você ainda não o fez, crie uma nova aplicação Angular usando o Angular CLI. Você pode usar um comando parecido com: c:\estudos_angular>ng new estudos Este comando vai criar uma nova aplicação Angular com o nome estudos dentro da pasta "c:\estudos_angular". Aguarde alguns minutos e verá que o Angular CLI já criou toda a estrutura da aplicação. Para executá-la, dispare os comandos abaixo: c:\estudos_angular>cd estudos c:\estudos_angular\estudos>ng serve --open Quando a aplicação subir, veremos o seguinte resultado:  Você obteve um resultado parecido? Então vamos continuar. Vá até o diretório "C:\estudos_angular\estudos\src\app" e você verá que o Angular CLI já criou para nós um componente com o nome AppComponent por meio dos arquivos app.component.css, app.component.html, app.component.spec.ts e app.component.ts. Agora vamos voltar nossa atenção para o arquivo app.module.ts. Abra ele no seu editor de texto favorito e você verá o seguinte código:
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {AppComponent} from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Por ora não vamos analisar todo o conteúdo deste arquivo, apenas fique atento ao que vai acontecer com ele depois que criarmos nosso novo componente, o que faremos agora. Abra uma nova janela de terminal, navegue até o diretório raiz da aplicação e dispare o seguinte comando: c:\angular>cd estudos c:\angular\estudos>ng generate component noticia Nesse momento o Angular CLI criou uma pasta noticia com os seguintes arquivos: noticia.component.css noticia.component.html noticia.component.spec.ts noticia.component.ts Agora volte até o arquivo app.module.ts e veja que o Angular CLI o modificou, adicionando o novo componente NoticiaComponent. É importante entender bem o que acontece com este arquivo, pois é ele que indica qual componente será iniciado em primeiro lugar junto com a aplicação Angular. Agora abra o arquivo noticia.component.ts e altere o seu conteúdo para a versão abaixo:
import { Component } from '@angular/core';
@Component({
selector: 'app-noticia',
templateUrl: './noticia.component.html',
styleUrls: ['./noticia.component.css']
})
export class NoticiaComponent{
titulo = `Presidente afirma que o preço da gasolina
não sobe mais.`;
}
Agora vá em noticia.component.html e altere-o para o código abaixo:
<div>
<h2>Sou o componente Noticia</h2>
<h3>{{ titulo }}</h3>
</div>
Nosso componente está pronto. Vamos fazer uns ajustes no componente que o Angular CLI criou para nós automaticamente. Abra o arquivo app.component.ts e altere o seu conteúdo para:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
nome = 'AppComponent';
}
Agora vá até o arquivo app.component.html e modifique-o para o código abaixo:
<div>
<h1>Sou o componente que o Angular CLI criou</h1>
<h2>Meu nome é: {{ nome }}</h2>
</div>
<app-noticia></app-noticia>
Veja que coloquei o componente <app-noticia></app-noticia> dentro do componente principal. Agora, se você reiniciar a aplicação (é provável que as mudanças já estejam aparecendo no seu navegador) você verá o resultado abaixo:  Obteve resultado parecido? Que maravilha! Agora, para terminar esta dica, abra o arquivo noticia.component.css e vamos adicionar os estilos CSS abaixo:
h2 {color: red}
div {border: 1px solid green; padding: 10px}
Veja a aplicação novamente e note como o componente Noticia já contém uma formatação diferente. Agora é só criar vários componentes, agrupá-los, aplicar formatações CSS, imagens, etc, e contruir uma aplicação realmente interessante. |
Nossas 20 dicas & truques de programação mais populares |
|
Delphi - Como calcular MDC em Delphi Ruby - Como inserir uma substring em uma determinada posição de uma string em Ruby usando a função insert() |
Você também poderá gostar das dicas e truques de programação abaixo |
|
VisuAlg - Como calcular o coeficiente angular de uma reta em VisuAlg dados dois pontos no plano cartesiano |
Nossas 20 dicas & truques de programação mais recentes |
Últimos Projetos e Códigos Fonte Liberados Para Apoiadores do Site |
|
Python - Como criar o jogo Pedra, Papel, Tesoura em Python - Jogo completo em Python com código comentado |
Últimos Exercícios Resolvidos |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
