Cursos e tutoriais

Em Java, a classe Arrays possui o método asList que permite criar uma lista a partir de um array. Esse método é muito útil quando você já tem um array e deseja manipulá-lo como uma

Uma introdução prática ao React em três partes: o que é a biblioteca, os recursos de JavaScript que ela usa o tempo todo e um primeiro projeto.

Alguns conceitos importantes para se trabalhar com o React.

Para entender alguns conceitos primordiais do React, vamos começar com um projetinho simples.

Aqui você vai aprender os principais conceitos do framework construindo uma aplicação simples, passo a passo. Siga as seções na ordem; os exercícios no fim ajudam a fixar cada etap

O uso de software hoje em dia é uma atividade trivial e onipresente. É possível encontrar software em praticamente qualquer lugar, como jogos, um sistema de aviação, um editor de t

O Spring Boot é uma ferramenta que facilita e agiliza o desenvolvimento de aplicações Web com o Spring Framework. O Spring é um framework bastante conhecido na comunidade Java, de

Depois de enteder como funciona o modelo cliente-servidor e como a comunicação acontece, é hora de subir um servidor para nossa aplicação.

Ao utilizar a dependência "Spring Boot Starter Web", o Spring Boot sobe uma aplicação Web com o servidor HTTP Tomcat. Ao acessar o endereço http://localhost:8080 estamos no ponto d

Até agora vimos como subir um servidor HTTP e como responder uma requisição com uma resposta HTML na rota padrão da aplicação, ou seja, na rota /. Se seu site fosse o Google, a rot

Até então mandamos um arquivo HTML como resposta para o cliente que fez a requisição. Porém esse HTML é um arquivo fixo, ou seja, sempre que o cliente acessar a rota /home o mesmo

No artigo anterior, você aprendeu a enviar dados simples, como uma String, para uma view usando Thymeleaf. Mas e se quisermos enviar um objeto completo, como um produto com nome, d

Você pode utilizar estruturas condicionais no HTML para mostrar/ocultar fragmentos de código a partir de uma condição.

Até então passamos um único objeto para a visão, mas e se quisermos passar uma coleção de objetos? Por exemplo uma lista de produtos em vez de apenas um produto.

Nos artigos anteriores vimos como exibir dados para o usuário que está acessando a nossa aplicação. Nesse contexto o usuário fica bastante limitado visto que só consegue consumir i

O primeiro passo para configurar a conexão com o banco de dados é adicionar as dependências do Spring Data JPA e do banco de dados que será utilizado, neste caso, o MySQL. Adicione

Vamos configurar o ambiente para podermos programar em Java no Windows. Para isso vamos precisar de um editor, algumas extensões, o java e o maven. Vamos utilizar como editor o Vis

O Spring Security é um framework que permite a configuração de autenticação e autorização em aplicações Java. É importante entender esses conceitos para que você possa entender o q

Após realizar o mapeamento da classe Java com a tabela do banco de dados através das anotações agora é necessário criar a camada que irá realizar os acessos ao banco de dados. Como

No projeto: - Crie um classe java chamada RandomController.java na mesma pasta que contém o arquivo principal da aplicação; - Utilize a anotação @Controller para definir essa class

main { text-align: center; }

Validar os dados de entrada é uma tarefa muito importante para qualquer aplicação. É uma das principais formas de garantir a integridade dos dados e a segurança da aplicação.

Para que o Spring conheça as tabelas do banco de dados é preciso configurar o mapeamento das entidades. Para isso, é preciso criar uma classe que represente a tabela do banco de da

Aproveitando que estamos falando sobre a separação de responsabilidades, vamos fazer mais algumas modificações para deixar o código mais organizado e mais fácil de ser mantido. Do

O elemento select é bastante utilizado em sistemas pois permite que o usuário selecione uma opção entre uma lista de opções. Você já deve estar familiarizado com esse elemento, de

O processo de dar feedback ao usuário após uma ação é uma tarefa muito comum em aplicações web. Por exemplo, ao cadastrar um novo produto em um e-commerce ou salvar os dados de um

Redirecionamentos são fundamentais em aplicações Web para guiar usuários entre páginas após ações como login, envio de formulários ou atualizações de conteúdo. No Spring Boot, a ab

Implementar uma funcionalidade de busca eficiente e escalável em uma aplicação Spring Boot é um desafio comum, mas que pode ser abordado de várias maneiras, dependendo dos requisit

Na lição anterior você aprendeu a criar uma página que a partir de um parâmetro exibido na URL, exibe os detalhes de um produto. Nesta lição você vai aprender a criar essa URL dina

Até então conseguimos apenas mostrar os dados para o usuário que está acessando nossa aplicação, mas não conseguimos receber dados do usuário. Para isso, precisamos criar um formul

Apesar da aplicação estar funcionando isso não significa que temos um bom código criado. O código atual possui diversas responsabilidades, como por exemplo, a validação dos dados,

Agora que você já tem uma noção de como mostrar informações em uma tela e manipular dados de um formulário podemos melhorar a aplicação para exibir mais informações a respeito de u

Para entender o que é uma sessão e qual problema ela resolve é necessário compreender o funcionamento do protocolo HTTP e o modelo cliente-servidor. O HTTP é um protocolo sem estad

Até agora, nossa aplicação Spring Boot já responde a requisições HTML, mas a aparência dela ainda deixa a desejar. Para transformar essa página simples em algo mais agradável, vamo

O Thymeleaf é uma engine de templates que permite a criação de páginas HTML dinâmicas e usa o conceito chamado de dialetos para adicionar recursos específicos ao HTML. Você consegu

Até agora fizemos uma aplicação que exibe uma lista de produtos e mostra os detalhes de cada um deles. Agora vamos adicionar a funcionalidade de atualizar um produto.

O processo de enviar arquivos para o servidor (upload) é uma tarefa muito comum em aplicações web. Por exemplo, ao se cadastrar em uma rede social é comum que o usuário envie uma f

O Mustache é um template engine que pode ser usado no lugar do Thymeleaf. Ele tem uma sintaxe mais simplificada.

Tutoriais curtos de HTML e CSS para quem está começando no desenvolvimento web.

Um conceito fundamental para entender CSS é o modelo de caixa (box model). Ele é tão importante que existe uma brincadeira clássica sobre ele. Reproduza o código abaixo em seu nave

As fontes são um pilar fundamental no design de uma página, influenciando tanto a estética quanto a usabilidade de uma aplicação. Para fazer a utilização de uma fonte, os desenvolv

Um site costuma usar ícones de dois tipos. O ícone de identidade, chamado de favicon, representa o site e aparece na aba do navegador, nos favoritos e nos atalhos do celular. Os íc

Ao desenvolver um site, um dos primeiros passos para garantir consistência visual é lidar com o comportamento padrão dos navegadores.

Primeiramente você precisa criar uma conta na plataforma GitHub. O GitHub é uma plataforma de armazenamento de código fonte utilizada pelo mundo todo. Ela usa o software Git para c

Se você já acessou um site no celular e depois viu o mesmo site no computador com um layout totalmente adaptado, você presenciou a mágica do Design Responsivo (RWD). Essa não é uma

Antes do conceito de Responsive Web Design (RWD), web designers e desenvolvedores utilizavam técnicas como o design de largura fixa (Fixed-width design). Isso causava problemas sig

Para clonar um repositório privado ou enviar commits sem digitar usuário e senha toda vez, o jeito mais prático é usar uma chave SSH. A ideia é simples: você gera um par de chaves