Dúvidas, comentários e doaçoes: +55 62 9 8513 2505

Planilha de Dimensionamento de Tubulações Hidráulicas Água Fria e Água Quente Completa
Nossa planilha automática de dimensionamento de tubulações de água fria e quente é uma ferramenta desenvolvida para auxiliar engenheiros e projetistas no cálculo rápido e preciso das redes hidráulicas de edificaçoes. Por meio da inserçao de dados como vazao, diâmetro da tubulaçao, comprimento da rede, material do tubo e coeficientes hidráulicos, a planilha realiza automaticamente os cálculos necessários para verificar velocidade da água, perda de carga e dimensionamento adequado das tubulaçoes.

Angular ::: Dicas & Truques ::: Componentes Angular

Angular para iniciantes - Como criar o seu primeiro componente Angular usando o Angular CLI - Comando ng generate component

Quantidade de visualizações: 3351 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.

JavaScript ::: DOM (Document Object Model) ::: document Object

Como usar o método getElementById() do objeto document para localizar um elemento HTML baseado em seu id usando JavaScript

Quantidade de visualizações: 13721 vezes

O método getElementById() do objeto document é usado quando queremos localizar e retornar um elemento HTML baseado no valor de sua propriedade id. Veja um exemplo:

<html>
<head>
<title>Estudos JavaScript</title>

<script type="text/javascript">
  function localizarElemento(){
    // vamos localizar o elemento com o id "aviso"
    var elem = document.getElementById("aviso");

    // o elemento foi localizado
    if(elem != null){
      // vamos definir o conteúdo do elemento encontrado    
      elem.innerHTML = "Vejam este texto.";
    }
    else{
      window.alert("O elemento HTML pesquisado não foi encontrado."); 
    }
  }
</script>

</head>
<body>

<button onclick="localizarElemento()">Localizar DIV</button>

<div id="aviso"></div>

</body>
</html>

Execute o exemplo e clique no botão. Você verá que o texto do elemento div com o id "aviso" é definido para "Vejam este texto.". Note que, se o elemento não for encontrado, o retorno do método getElementById() é null na maioria dos browsers.

Há algumas observações interessantes em relação ao método getElementById() do objeto document:

a) Se o valor da propriedade id pertencer a uma coleção, ou seja, se houver mais de um elemento HTML com o mesmo id, o método retornará o primeiro elemento na coleção.

b) No Firefox, Opera, Google Chrome, Safari e Internet Explorer (IE) a partir da versão 8, o método getElementById() é case-sensitive (sensível a maiúsculas e minúsculas) em relação ao valor da propriedade id. Nas versões anteriores do IE isso não acontecia.

C# ::: Dicas & Truques ::: Strings e Caracteres

Como transformar todo o conteúdo de uma string para letras maiúsculas em C# usando a função ToUpper() da classe String

Quantidade de visualizações: 10600 vezes

Em algumas situações nós precisamos converter todas as letras de uma palavra, frase ou texto para letras maiúsculas. Isso pode ser feito por meio do método ToUpper() da classe String da linguagem C#.

Veja o exemplo a seguir:

using System;

namespace Estudos {
  class Program {
    static void Main(string[] args) {
      string texto = "Gosto de programar em C#";
      Console.WriteLine("Sem converter para letras maiúsculas: " +
        texto);

      // converte tudo para letras maiúsculas
      texto = texto.ToUpper();
      Console.WriteLine("Após a conversão para letras maiúsculas: " +
        texto);

      Console.WriteLine("\n\nPressione uma tecla para sair...");
      Console.ReadKey();
    }
  }
}

Ao executar este código C# nós teremos o seguinte resultado:

Sem converter para letras maiúsculas: Gosto de programar em C#
Após a conversão para letras maiúsculas: GOSTO DE PROGRAMAR EM C#

VB.NET ::: Desafios e Lista de Exercícios Resolvidos ::: Strings e Caracteres

Exercícios Resolvidos de VB.NET - Como retornar o código ASCII associado a um caractere em VB.NET - Ler um caractere e retornar o código ASCII correspondente

Quantidade de visualizações: 971 vezes

Pergunta/Tarefa:

Escreva um programa VB.NET que pede para o usuário informar um caractere (letra ou número) e mostre o código ASCII correspondente.

Sua saída deverá ser parecida com:

Informe um caractere: A
Você informou o caractere: A
O código ASCII correspondente é: 65

Resposta/Solução:

Veja a resolução comentada deste exercício em VB.NET:

Imports System

Module Program
  ' função principal do programa VB.NET
  Sub Main(args As String())
    ' vamos pedir para o usuário informar uma letra, símbolo ou pontuação
    Console.Write("Informe um caractere: ")

    ' vamos ler o caractere informado
    Dim caractere As Char = Console.ReadLine()(0)

    ' agora vamos obter o código ASCII correspondente
    Dim codigo As Integer = Asc(caractere)

    ' e mostramos o resultado
    Console.WriteLine("Você informou o caractere: " & caractere)
    Console.WriteLine("O código ASCII correspondente é: " & codigo)

    Console.WriteLine(vbCrLf & "Pressione qualquer tecla para sair...")
    ' pausa o programa
    Console.ReadKey()
  End Sub
End Module

O Código Padrão Americano para o Intercâmbio de Informação (do inglês American Standard Code for Information Interchange - ASCII, pronunciado [áski]) é um sistema de representação de letras, algarismos e sinais de pontuação e de controle, através de um sinal codificado em forma de código binário (cadeias de bits formada por vários 0 e 1), desenvolvido a partir de 1960, que representa um conjunto de 128 sinais: 95 sinais gráficos (letras do alfabeto latino, algarismos arábicos, sinais de pontuação e sinais matemáticos) e 33 sinais de controle, utilizando 7 bits para representar todos os seus símbolos.

Nossas 20 dicas & truques de programação mais populares

C - Como calcular MDC em C

C++ - Exercícios Resolvidos de C++ - Desafio do número ausente. Dado um vetor de números naturais 1..n, encontre o valor ausente

Revit C# - Como criar eixos no Revit via programação usando a função Create() da classe Grid da Revit C# API

PHP - PHP para iniciantes - Como usar o tipo de dados float do PHP

Java - Apostila Java - Como usar o tipo de dados double da linguagem Java

C++ - Apostila C++ - Como retornar o tamanho de uma string em C++ usando a função length() da classe String

Java - Como usar null em Java

jQuery - Apostila jQuery - Como definir propriedades style CSS de elementos HTML usando a função css() do jQuery

PHP - Como calcular juros compostos e montante usando PHP

C# - Como embaralhar as palavras em uma frase ou texto usando C#

Python - Como calcular a norma ou módulo de vetores nos espaços R2 e R3 usando Python - Geometria Analítica e Álgebra Linear usando Python

PHP - Como copiar arquivos em PHP usando a função copy()

Ruby - Como pesquisar uma substring em uma string em Ruby usando o método index() da classe String

Java - Java para iniciantes - Como usar o método parseInt() da classe Integer para converter uma String em um valor do tipo int

Java - Exercícios Resolvidos de Java - Como usar o laço for para percorrer os elementos de um array e exibí-los na ordem original e invertidos

Delphi - Tutorial Delphi para iniciantes: Como usar o laço while do Delphi

Python - Como usar a classe wx.Frame para criar um objeto window top-level (janelas top-level) em aplicações wxPython

LISP - Como testar uma condição em Lisp usando a macro if

Python - Como calcular a Posição da Linha Neutra em vigas de concreto armado usando Python - Python para Engenharia Civil - Cálculo Estrutural

C - Como ler o conteúdo de um arquivo um caractere de cada vez usando a função fgetc() da linguagem C

Você também poderá gostar das dicas e truques de programação abaixo

Java - Como calcular o determinante de uma matriz 3x3 usando a regra de Sarrus em Java - Java para Álgebra Linear

Python - Como usar o laço for do Python - Apostila Python para iniciantes - O laço for

R - Como usar a função paste() da linguagem R para concatenar strings e valores de variáveis

Java - Como excluir um elemento de uma ArrayList do Java baseado em seu valor - Como usar o método remove() da ArrayList do Java

LISP - Como usar o laço loop for da linguagem Lisp

Java - Java Swing - Como adicionar um JPopupMenu a um JTextArea

LISP - Como calcular a área de um círculo em LISP dado o raio do círculo

Java - Java Collections - Como remover o elemento no topo de uma Stack usando seu método pop()

C - Exercícios Resolvidos de C - Escreva um programa C que peça para o usuário informar um ano e informe o dia da semana que o ano começou (domingo, segunda-feira

Python - Exercício Resolvido de Python NumPy - Como importar a biblioteca NumPy e exibir sua versão

QGIS - Como listar os 5 municípios goianos com maior área em uma camada do QGIS usando PyQGIS - Código Python completo

C# - Curso de C# - Como usar os tipos de dados short e ushort da linguagem C#

PHP - Como retornar o dia da semana para uma determinada data em PHP usando as funções mktime(), date() e o sinalizador "l"

JavaScript - Como somar os elementos de um array em JavaScript usando a função reduce()

Java - Java Reflection - Como exibir os nomes de todas as superclasses de uma determinada classe usando introspecção em Java

JavaScript - Como usar objetos Set em seus códigos JavaScript

Java - Como definir a cor para o contexto de desenho usando o método setColor() da classe Graphics do Java

Java - Java Avançado - Como obter a largura e altura da tela do seu computador em pixels usando o método getScreenSize() da classe Toolkit do Java

C - Como escrever uma função C que verifica se duas strings são iguais ou diferentes (sem considerar maiúsculas e minúsculas)

VB.NET - Como adicionar horas à data e hora atual em VB.NET usando a função AddHours() da classe DateTime

Nossas 20 dicas & truques de programação mais recentes

Python - Código completo para um visualizador de fotos e imagens em PyQt - Carregar imagens com botões de próxima imagem e imagem anterior

Python - Como calcular a previsão de cargas de iluminação em instalações elétricas residenciais usando Python - Python para Instalações Elétricas Prediais

C++ - Exercício Resolvido de C++ - Escreva um programa C++ para alocar dinamicamente um inteiro, um caractere e uma string

Excel VBA - Como usar o evento Worksheet_Change do Excel VBA para detectar a linha e a coluna da célula que foi modificada

Python - Como criar um programa de desenho de linhas no estilo AutoCAD usando PyQt

Python - Como desenhar um ponto na janela principal de uma aplicação PyQt usando a função drawPoint() da classe QPainter

Java - Exercícios Resolvidos de Java - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Portugol - Exercícios Resolvidos de Portugol - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Python - Cálculo de estribos em vigas de concreto armado usando Python - Armadura mínima transversal normativa

VBA - Como adicionar dias à data atual em VBA usando a função DateAdd() - Datas e horas em VBA

VBA - Como exibir a data e hora atual em VBA usando a função Now() - Datas e horas em VBA

VBA - Como exibir a data atual em VBA usando a função Date - Datas e horas em VBA

VBA - Como usar o laço de repetição For Next em nossas aplicações VBA

VBA - Como extrair uma substring à direita de uma string em VBA usando a função Right()

VBA - Como extrair uma substring à esquerda de uma string em VBA usando a função Left()

Python - Cálculo de estribos em vigas de concreto armado usando Python - Verificação da compressão diagonal do concreto

Excel - Como gerar números aleatórios inteiros entre 1 e 10 no Excel usando as funções ALEATÓRIO() e INT()

Excel - Como gerar números aleatórios no Excel usando a função ALEATÓRIO() - Excel para Matemática e Estatística

Python - Como gerar valores igualmente espaçados em Python sem o uso de bibliotecas externas

Java - Como gerar valores igualmente espaçados em Java sem o uso de bibliotecas externas

Últimos Projetos e Códigos Fonte Liberados Para Apoiadores do Site

Python - Como criar uma Agenda de Contatos em Python + MySQL - Projeto completo com código fonte - Versão console

Python - Como criar o jogo Pedra, Papel, Tesoura em Python - Jogo completo em Python com código comentado

Java - Como criar o jogo Pedra, Papel, Tesoura em Java - Jogo completo em Java com código comentado

Java - Como criar um Jogo da Velha em Java - Jogo completo com código fonte comentado - Versão console

PHP - Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento

PHP - Calendário de Eventos em PHP e MySQL - Código fonte completo com opções de cadastrar, listar, excluir, editar e listar eventos

PHP - Como criar um Cadastro de Usuários em PHP e MySQL - Cadastrar, Listar, Editar, Exluir e Pesquisar - Código fonte completo

Java - Sistema para Biblioteca usando Programação Orientada a Objetos em Java - Projeto completo com código fonte - Versão console

Java - Simulação de Sistema Bancário usando Programação Orientada a Objetos em Java - Projeto completo com código fonte - Versão console

PHP - Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades

Últimos Exercícios Resolvidos

C++ - Exercício Resolvido de C++ - Escreva um programa C++ para alocar dinamicamente um inteiro, um caractere e uma string

Java - Exercícios Resolvidos de Java - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Portugol - Exercícios Resolvidos de Portugol - Uma pousada estipulou o preço para a sua diária em R$ 30,00 e mais uma taxa de serviços diários de

Portugol - Exercícios Resolvidos de Portugol - Sabe-se que a Camiseteria Kanashiro está com uma promoção de camisetas nos seguintes tamanhos e valores

Python - Exercício Resolvido de Python - Calcular o número de Reynolds e identificar se o escoamento é liminar ou turbulento sabendo-se que em uma tubulação com diâmetro de 40 mm

Java - Exercícios Resolvidos de Java - Escreva um programa Java que cria um objeto da classe Calendar para a data e hora atual e mostre os valores máximos para o ano, mês, dia e semana

Java - Exercícios Resolvidos de Java - Escreva um programa Java que construa um objeto da classe Calendar representando a data e hora atual e mostre os valores individuais de ano, mês, dia

Java - Exercícios Resolvidos de Java - Escreva um programa Java que pede para o usuário informar o dia, mês e ano e construa uma data usando um objeto da classe Calendar

C - Exercícios Resolvidos de C - Escreva um programa C que peça para o usuário informar um ano e informe o dia da semana que o ano começou (domingo, segunda-feira

C - Exercícios Resolvidos de C - Escreva um programa C que informa o número de dias em um determinado mês e ano. Seu código deverá solicitar ao usuário o número correspondente

Java - Exercícios Resolvidos de Java - Escreva um programa Java que pede para o usuário informar sua data de nascimento e mostre a idade em anos, meses e dias

Java - Exercícios Resolvidos de Java - Escreva um programa Java que mostre a data atual e a data que será daqui a 10 dias, ou seja, a data atual acrescida de 10 dias

Portugol - Exercícios Resolvidos de Portugol - Escreva um programa Portugol para mover todos os zeros para o final do vetor, sem alterar a ordem dos elementos já presentes no array

VisuAlg - Exercícios Resolvidos de VisuAlg - Um programa que lê duas notas, calcula a média aritmética e exibe uma mensagem de reprovado, exame ou aprovado

Portugol - Exercícios Resolvidos de Portugol - Um programa que lê duas notas, calcula a média aritmética e exibe uma mensagem de reprovado, exame ou aprovado

Python - Exercícios Resolvidos de Python - Faça um programa que leia a idade e o sexo de 5 pessoas, mostrando no final: a) Quantos homens foram cadastrados

Python - Exercícios Resolvidos de Python - Escreva um programa Python que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

C++ - Exercícios Resolvidos de C++ - Escreva um programa C++ que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

C - Exercícios Resolvidos de C - Escreva um programa C que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

VisuAlg - Exercícios Resolvidos de VisuAlg - Escreva um programa VisuAlg que pergunte a velocidade de um carro. Caso ultrapasse 80km/h, exiba uma mensagem dizendo que

E-Books em PDF

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Angular ::: Dicas & Truques ::: Componentes Angular

Angular para iniciantes - Como criar o seu primeiro componente Angular usando o Angular CLI - Comando ng generate component

JavaScript ::: DOM (Document Object Model) ::: document Object

Como usar o método getElementById() do objeto document para localizar um elemento HTML baseado em seu id usando JavaScript

C# ::: Dicas & Truques ::: Strings e Caracteres

Como transformar todo o conteúdo de uma string para letras maiúsculas em C# usando a função ToUpper() da classe String

VB.NET ::: Desafios e Lista de Exercícios Resolvidos ::: Strings e Caracteres

Exercícios Resolvidos de VB.NET - Como retornar o código ASCII associado a um caractere em VB.NET - Ler um caractere e retornar o código ASCII correspondente

Planilha Web - Planilhas e Calculadoras online para estudantes e profissionais de Engenharia Civil, Engenharia Elétrica e Engenharia Mecânica.

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90