Javascript e jQuery – Aula 4.1

jQuery UI: Baixando e referenciando na página

Introdução

O jQuery UI é uma extensão da biblioteca javascript, que oferece uma série de controles, efeitos, validações e comportamentos para serem aplicados em componentes HTML.

Baixando

Entre na página http://jqueryui.com, clique em Download e em seguida em All jQuery UI Downloads.

Crie uma pasta e dentro dela baixe e desompacte os arquivos jQuery UI 1.12.1 (concatenated JS and CSS files) e jQuery UI 1.12.1 Themes.

Estes dois arquivos possuem exemplos e temas extras para que seja usado com o jQuery UI.

Referenciado

Precisamos montar uma pagina HTML simples, para organizar nossas referências no arquivo, e então adicionar nos locais corretos.

CSS e Temas

A referência para o arquivo jquery-ui.css deve estar entre as tags HEAD e preferencialmente logo abaixo da tag TITLE.

jQuery

Para que o jQuery UI funcione corretamente, ele depende que uma referência ao jQuery esteja localizada antes da sua chamada, todavia, referências de scripts ficam ao final da página, antes de fechar a tag BODY, na ordem de dependência.

jQuery UI

Logo após a referência do jQuery, é hora de chamar a biblioteca do jQuery UI.

Bloco de Script

Abaixo de todas as referências de arquivos js, é recomendado que se abra o bloco com os códigos javascript dentro da tag SCRIPT.

A página pronta

<!DOCTYPE html>
<html>
	<head>
		<title>JQuery: References</title>
		
		<link href="jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet">
		
	</head>
	<body>	
		
		<script src="jquery-ui-1.12.1/external/jquery/jquery.js"></script>
		<script src="jquery-ui-1.12.1/jquery-ui.js"></script>
	
		<script>
		
			// Bloco de javascript
			
		</script>
	
	</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>JQuery: References</title>

</head>

<body>

// Bloco de javascript

</script>

</body>

</html>

Veja este exemplo no GitHub:

https://github.com/tiagopariz/JQueryUIReference

TFS: criar um projeto com vários repositórios

Muitos projetos são compostos por um arquitetura que envolve mais de uma solução, e pra que isso seja gerenciado como um projeto inteiro, é preciso gerenciar demandas em vários projetos menores. Um cenário bem comum são arquiteturas que usam microservices, onde a mesma equipe desenvolve vários serviços relacionados à uma ferramenta maior, ou quando temos uma aplicação monolítica que está sendo dividida a partir de um repositório único.

A aplicação de exemplo simula um ambiente onde teremos um projeto Rest API, um Gateway e uma aplicação Web que consome a API.

Crie o projeto principal dos repositórios

Abra a página principal dos projetos do TFS e clique em New Project.

Em Create new project, preencha os campos de Project name, Description, em Version control selecion Git, em Work item process selecione Scrum e então clique em Create.

Crie os repositórios a partir do Visual Studio

Para fins de organização, crie um pasta com o nome do projeto no computador local. Como por exemplo C:\Contacts.

Abra o Visual Studio e em Team, clique em Manage Connections…, em Team Explorer – Connect, clique em Manage Connections, clique em Connect to a Project.

Em Connect to a Project, clique em Showing hosted repositories for e por ultimo em Add an account.

Digite as informações da Conta Microsoft e clique em Sign in, Clique no projeto e por último em Connect.

Crie um nova solução e deixe a opção Create new Git repository clicada.

Faça uma pequena alteração, como incluir uma Solution folder ou um arquivo Readme.md.

Clique o botão direito sobre a Solution e em seguida clique em Commit…

Escreva uma descrição para o commit inicial, e clique em Commit All and Push.

Clique em Publish Git Repo

Clique em Advanced e selecione o projeto em Team project e digite o nome da solução em Repository name, e por fim clique em Publish repository.

Repita o processo para outros repositórios.

Exclua o repositório padrão

O TFS cria um repositório padrão como o mesmo nome do projeto, mas não é possível excluí-lo sem criar um novo repositório, portanto, após criar todos os repositórios necessários, ou menos um extra, é possível deletá-lo.

Na página principal do projeto, clique em Code e em seguida em Manage repositories.

Clique em … ao lado do repositório que deseja excluir, e clique em Delete repository.

Digite o nome do repositório e clique em Delete.

C# with Patterns: Adapters

Na série C# with Patterns, que mostra como usar padrões de arquitetura em programação com C#, vamos conhecer o padrão de adaptadores, ou Adapters Pattern.

Continue lendo “C# with Patterns: Adapters”