Onde encontro ajuda com Angular?

34 respostas
W

Estou com várias dificuldade com implementações do Angular 4, e com isso tenho pedido ajuda a alguns fóruns como GUJ, StackOverFlow em Português e grupos de facebook, mas ainda não está sendo o suficiente, alguém conhece um fórum de Angular para eu solicitar ajuda?

Está um pouco complicado de pedir ajuda nos fóruns que citei porque eu acho que existem pouca gente que mexer com essa tecnologia, o problema não sou eu, tenho explicado de maneira que até o meu gata de estimação da minha casa entenderia o que estou precisando, mas ninguém se prontifica a ajudar, acredite! as solicitações de ajuda que tenho feito são coisas muito simples.

34 Respostas

D

Na verdade, não.
A questão é que, melhor que ficar aprendendo com perguntas em fóruns, você deveria aprender de verdade, fazendo um curso adequado.
A Loiane possui um curso muito bom, que, até onde vi, estava atualizado com angular 4. Procura no youtube “curso angular loiane”.

W

Eu vi todos os curso dela, e nenhum dos vídeos que ela postou no youtube mostra o que realmente eu preciso porque o conteúdo é superficial, você conhece Angular?

D

Então fala o que precisa. Ninguém pode adivinhar as tuas necessidades.
E, apenas para constar, existe uma série de coisas, em um curso, que não são mostradas. Boa parte depende do teu interesse, do teu desenvolvimento, da tua capacidade de ir além do básico e, então, realmente aprender.
Aliás, não só na questão do angular, mas, em tudo na vida. Quanto mais cedo aprender isso, mais sucesso terá.

W

Tudo bem, gostaria de agradecer em tentar me ajudar, eu fiz essas tentativas:

Estou criando um formulário de cadastro de usuário que nele tem que colocar o estado de acordo com as cidades, porém ao selecionar o estado ele tem que carregar o segundo dropdown list com as cidades correspondente ao estado selecionado.

Eu acho que esse tipo de implementação a pessoa tem que ter conhecimento de como trabalhar com Vetores, eu até sei como trabalhar com vetores em Java, mas ai é com Angular né?

Eu procurei material que trabalhe com vetores com typescript, mas não encontrei.

Eu acredito que essa implementação não seja tão complicada, eu só estou tendo dificuldade mesmo por falta de experiência.

Eu fiz 5 postagens no StackOverFlow sobre esse assunto, eu até que tentei colocar aqui nessa postagem as URLs das postagens das minhas dúvidas, mas essa plataforma do GUJ está com problemas e impedi de colocar as URLs.

J

Você já aprendeu a fazer isso em JavaScript? Ou já pulou pra usar ferramentas como Angular?

Em Javascript basta programar isso no evento onchange do dropdown de Estado.

Tendo essa base de aprendizado, vai saber melhor como procurar fazer usando ferramentas adicionais. Sua pesquisa ou pergunta seria em relação ao evento change, por isso você não encontra solução.

W

Sei fazer isso tranquilamente com Javascript com Thymeleaf, tenho o código pronto de como fazer isso com Javascript, mas não saberia como colocar isso no arquivo HTML, eu acredito que seja bem diferente, que dizer… é bem diferente!

W

Com Thymelead é assim:

Código Javascript

var Brewer = Brewer || {};

Brewer.ComboEstado = (function() {
	
	function ComboEstado() {
		this.combo = $('#estado');
		this.emitter = $({});
		this.on = this.emitter.on.bind(this.emitter);
	}
	
	ComboEstado.prototype.iniciar = function() {
		this.combo.on('change', onEstadoAlterado.bind(this));
	}
	
	function onEstadoAlterado() {
		this.emitter.trigger('alterado', this.combo.val());
	}
	
	return ComboEstado;
	
}());

Brewer.ComboCidade = (function() {
	
	function ComboCidade(comboEstado) {
		this.comboEstado = comboEstado;
		this.combo = $('#cidade');
		this.imgLoading = $('.js-img-loading');
	}
	
	ComboCidade.prototype.iniciar = function() {
		reset.call(this);
		this.comboEstado.on('alterado', onEstadoAlterado.bind(this));
	}
	
	function onEstadoAlterado(evento, codigoEstado) {
		if (codigoEstado) {
			var resposta = $.ajax({
				url: this.combo.data('url'),
				method: 'GET',
				contentType: 'application/json',
				data: { 'estado': codigoEstado }, 
				beforeSend: iniciarRequisicao.bind(this),
				complete: finalizarRequisicao.bind(this)
			});
			resposta.done(onBuscarCidadesFinalizado.bind(this));
		} else {
			reset.call(this);
		}
	}
	
	function onBuscarCidadesFinalizado(cidades) {
		var options = [];
		cidades.forEach(function(cidade) {
			options.push('<option value"' + cidade.codigo + '">' + cidade.nome + '</option>');
		});
		
		this.combo.html(options.join(''));
		this.combo.removeAttr('disabled');
	}
	
	function reset() {
		this.combo.html('<option value="">Selecione a cidade</option>');
		this.combo.val('');
		this.combo.attr('disabled', 'disabled');
	}
	
	function iniciarRequisicao() {
		reset.call(this);
		this.imgLoading.show();
	}
	
	function finalizarRequisicao() {
		this.imgLoading.hide();
	}
	
	return ComboCidade;
	
}());

$(function() {
	
	var comboEstado = new Brewer.ComboEstado();
	comboEstado.iniciar();
	
	var comboCidade = new Brewer.ComboCidade(comboEstado);
	comboCidade.iniciar();
	
});

E fica assim no HTML:

<div class="form-group  col-sm-4">
					<label for="estado">Estado</label>
					<select id="estado" class="form-control">
	                    <option value="">Selecione o estado</option>
	                    <option th:each="estado : ${estados}" th:value="${estado.codigo}" th:text="${estado.nome}">São Paulo</option>
	                </select>
				</div>
				
				<div class="form-group  col-sm-4">
					<label  for="cidade">Cidade</label>
					<div class="bw-field-action">
						<select id="cidade" class="form-control" data:url="@{/cidades}">
						</select>
						
						<div class="bw-field-action__icon  js-img-loading" style="display: none">
							<img th:src="@{/images/mini-loading.gif}"/>
						</div>
					</div>
				</div>
			</div>

Mas não sei como ficaria se fosse com Angular!

J

Para Angular pesquise pelos mesmos caminhos como se fosse js puro, sem Thymelead.

Você parou em que parte? Já programou algo usando o evento “(change)” do angular? Já fez uma requisição http com ele? Vai por partes.

W

Já ouvir falar, mas os materiais que tem na internet não explica bem como é o funcionamento do change, existem no youtube implementações com change, e funcionando, mas não dá para entender como ele funciona porque eles não explicam mesmo funcionando a aplicação explicada em vídeo.

J

Evento change em Html/Js puro não tem mistério. Se em Angular é mais complicado, então fico sem entender por que usam.

HTML:

<select onchange="changeEstado(this)">
  <option value="RJ">Rio</option>
  <option value="SP">São Paulo</option>
</select>

JS:

function changeEstado(selectEstado) {
  var estado = selectEstado.options[selectEstado.selectedIndex].value;

  alert(estado);

  //faz a requisacao ajax e preenche cidades deste Estado
}

Se pelo menos corrigir seu critério de pesquisa vai achar por exemplo: http://embed.plnkr.co/cuMsdkK6SuTn41uQSeI6

E lembre-se que exemplos em Angular 2 podem servir para o 4.

Não sou da geração que aprende com vídeos. Prefiro tutoriais escritos, exemplos e livros. Tenta ir por essa linha também.

D

Ok, qual a parte que você tem dúvidas? Como tratar um vetor no angular? Como trabalhar com ele (iterar)?

W

precisaria somente de um exemplo prático!

D

Exemplo prático de que?

W

Calma, só estou respondendo essa pergunta

W

Muito obrigado, isso aqui é muito importante.

S

Olha não sei se vai ajudar muito, mas tem um canal no youtube onde uma programadora senhor com experiência de mais de 10 anos da aulas de Angular, eu ja vi as aulas de java dela e são perfeitas ela realmente sabe sobre o assunto e tem uma didática muito boa, não custa nada da uma olhada lá né, espero que ajude!
link aqui https://www.youtube.com/watch?v=tPOMG0D57S0&index=1&list=PLGxZ4Rq3BOBoSRcKWEdQACbUCNWLczg2G

D

É o curso da Loiane, que eu citei acima.

D

Ainda assim, exemplo prático de como requisitar dados ao backend? Como trabalhar com vetores? Como iterar?

W

Eu sinto muito mas nos vídeo dela somente mostra coisas muito básicas.

W

Não sei se está conseguindo entender, a lógica é o seguinte:

  1. No arquivo de serviços é necessário criar um método que pegue a lista de estados e cidades recebida de uma API Json.

  2. Em seguida no arquivo de componentes é necessário criar métodos para listar os estados e lista as cidades e criar uma lógica que ao selecionar os estados ele retorne as cidades de acordo com a foregn kye das cidades

  3. Em seguida colocar em pratica o que foi implementado no arquivo de serviços e do componentes na pagina HTML

Eu não sei se você sabe mexer com Angular, mas se você sabe mexer entenderá que os conteúdos do YOUTUBE de Loiane Groner são explicações de fundamentos do Angular, aquele s vídeos são básicos, um aluno novato de faculdade se ele fizer uma breve pesquisa na internet encontrará tudo que ela explicou em documentação ou blogs, não é como você disse abaixo;

Realmente eu tenho conhecimento básico de Angular, mas o conteúdo mostrado nos vídeo de Loiane é o básico do básico.

Se quiser saber do que conheço sobre Angular procura meu repositório com o nome de wladyband, lá no meu repositório tem um projeto com o nome de controle-de-cervejas lá tem várias abordagem de técnicas e boas práticas de programação utilizando Angula e aquilo é só o básico, mas repedindo, os vídeos da Loiane Groner é o básico do básico.

O que preciso é coisa básica também, não tem nada de avançado, porém esse conhecimento básico que preciso Loiane Groner não aborda nos vídeos dela.

O que chegou próximo do que estou precisando foi o que o amigo postou:

Espero que dessa vez tenha sido claro, sem querer ofender!

D

Escolha entre Observable e Promise e vá fundo

Vai depender do que você escolheu no item anterior, cada qual tem um modo de trabalhar.

Se você tivesse assistido aos vídeos da Loiane, saberia como fazer isso de olhos fechados e com as duas mão amarradas.

W

Desculpe, mas isso é conversa fiada, eu vi os vídeos dela, e se você for parar para observar meu repositório tem muitas abordagens que não foram mencionada nos vídeos dela no YOUTUBE, não tenho nada contra os vídeos dela, os vídeo dela são importante para começar a conhecer o Angular, mas eu como te disse anteriormente, não vou repedir novamente.

Se quisesse me ajuda estaria mais disposto a me mostrar algo mais solido como o @javaflex fez do que ficar nessa discussão que não vai ajudar a colaborar com o fórum do GUJ, é só mais um Troll que aparece.

D

É só mais um troll, realmente.
Que exige respostas prontas, não é mesmo? Aliás, quer que eu desenvolva para ti, também?
Cada um responde conforme acha mais adequado. O que o @javaflex fez foi mostrar o quão errada está a tua pesquisa, indicando que você nem sabe pesquisar (eu já diria que você tem preguiça mesmo).

Já te dei todos os caminhos, se você pesquisar sobre cada uma das coisas que coloquei ali, vai ser simples e fácil resolver.
Mas, prefere ficar dizendo que “os exemplos são fracos”. Se estão, por quê não consegue resolver o problema que está enfrentado, já que é tão “avançado” no angular?

W

Isso desmente o que disse!

Você tem razão eu não soube pesquisar, mas não sou preguiçoso.

Não preciso que você desenvolva para mim porque você não passa de um conversador, não sabe nada de Angular, se sabe então prove com algum projeto que tenha no seu repositório, as dicas que deu não ajudaram e não contribuíram, e se poder fazer um favor para mim, me marque para quando for na próxima vez não dê palpite de uma algo que você não domina.

D

Eu não preciso provar nada para você, nem para ninguém.
Se quiser consultoria, então pague o preço por tal.
Senão, deixa de preguiça e aprende a pesquisar direito.

E, mostrando como você não fez nem o mínimo do mínimo, este vídeo te mostra exatamente como resolver um dos problemas que você citou. Será que, ao menos isso, você consegue fazer ou vai continuar querendo a resposta pronta?

O resto é contigo.

D

Link 1
link 2
Link 3

W

Esse vídeo eu já vi, não mostra é só uma demostração dos fundamentos do Angular como tinha dito antes, me acha preguiçoso você está no direito de pensar assim, mas está equivocado, mas pode ter certeza que quando encontrar uma maneira de implementar o que preciso vou postar a implementação dela e posta minha implementação de cidades e estados e fazer uma comparação e colocar aqui só pra ter o gosto de dizer que estive errado, quero encerrar essa conversa amigo!

D

Sobre o que trata esse vídeo? Para que serve o conteúdo nele exibido?
Chegou a pesquisar sobre Observable? E sobre o Promise?
Se não fez isso, está arrotando sem base, sem fundamento. Só depois de pesquisar por isso é que você vai começar a conhecer alguma coisa sobre angular. Sem isso, você não sabe nada.

Ironia, meu caro, ironia.

W

Meu projeto que está no meu repositório está rodando na nuvem :face_with_raised_eyebrow:

D

E que raios tem a ver estar na nuvem ou não?
Fato é que você não sabe como realizar uma requisição ao backend e como tratar o retorno.

W

É como eu disse eu sei o básico, nunca omiti isso, e pelo jeito você deve somente saber o mesmo que eu ou menos.

D

De novo, pesquise sobre Promise e sobre Observable.
Eu tenho muito mais estrutura psicológica que você e não vou cair no joguinho da criança mimada para mostrar os projetos que desenvolvi e nem exemplo de como fazer.
Se você pesquisar, até dou dicas de como usar isso.

W

tudo bem, sem problemas.

Era justamente isso que eu queria :joy:, se você realmente já fez eu iria ver o código analisar e tentar fazer, e assim que tenho feito os meu projetos, eu analiso o códigos no github e faço.

D

O processo de aprendizado é uma construção repetitiva. Apenas fazer CTRL + C/CTRL + V, mesmo que com os olhos, pode até trazer algum aprendizado, mas, você não assimila a informação adequadamente.
Por isso estou insistindo há algum tempo em que você pesquise. Fazendo isso, você vai encontrar exemplos sobre como usar cada uma das coisas que falei e precisará pensar em como implementar.

Criado 5 de fevereiro de 2018
Ultima resposta 5 de fev. de 2018
Respostas 34
Participantes 4