Lander Institute, Jerusalem, Israel - Olá. Meu nome é Ulysses Alves. Bem vindo ao nosso curso de programação. Neste vídeo você irá aprender como redirecionar o usuário de seu site para outra página utilizando para isso a linguagem de programação JavaScript. Como muitos de vocês já devem saber, em desenvolvimento web há várias situações nas quais é necessário levar o usuário de uma página para outra em seu website. Por exemplo, você pode desejar levar o usuário para uma página de agradecimento após ele ter concluído uma compra em seu site de e-commerce. Ou talvez você precise levar o usuário para a página de login de seu site quando ele tenta acessar uma determinada funcionalidade restrita sem estar devidamente autenticado para acessá-la. Essas ações de levar o usuário de uma página para outra são tecnicamente conhecidas como redirecionamentos. Vamos ver agora na prática como você pode executar redirecionamentos no browser de seu usuário utilizando a linguagem de programação JavaScript. Há basicamente duas formas de se redirecionar o usuário para uma nova página. A primeira delas é simulando um redirecionamento HTTP por meio de uma chamada à função window.location.replace passando como parâmetro a URL da página para a qual você deseja levar o usuário. Desta forma a página que iniciou o redirecionamento não é adicionada ao histórico de navegação do browser, o que significa que o usuário não será capaz de utilizar o botão voltar do navegador para retornar à página anterior. Vejamos agora como nós implementaríamos esse redirecionamento sem gerar histórico de navegação no browser do usuário. Vamos criar uma nova página HTML. Vamos chamar essa página de redirecionamento ponto HTML. Vamos editar esse arquivo. Você pode utilizar a ferramenta Notepad ou Notepad++. Qualquer ferramenta de edição de arquivos de texto irá servir. Você pode assistir algumas das nossas aulas anteriores nas quais nós já explicamos como criar uma página básica em HTML. Então vamos agora começar a escrever o código fonte de nossa página. Vamos abrir e fechar a tag HTML. Vamos abrir e fechar a tag head para definir o cabeçalho de nossa página. Agora nós criamos um título para nossa página, abrindo e fechando a tag title. Vamos chamar esta página de "Redirecionamento com JavaScript". Beleza? Vamos criar aqui agora o corpo da página abrindo e fechando a tag body. Vamos criar aqui um botão simples. "Input type igual a text". Um botãozinho contendo o texto "Redirecionar sem Histórico" Primeiramente vamos verificar como esta página está ficando aqui no browser. Aqui, apareceu um botão. Na verdade não é "input type igual a text", mas sim "input type igual a button". Por que é um botão, e não uma caixa de texto. Beleza. Redirecionar sem histórico. Bom, quando nós clicarmos nesse botão o usuário será redirecionado para uma nova página, que é a página de destino que nós iremos informar no evento do botão e o browser não vai gerar um histórico... ele não vai adicionar essa página nossa aqui no histórico de navegação do usuário. De forma que quando a gente clicar nesse botão o browser vai carregar a nova página porém a seta de voltar não irá funcionar. O botão "Go back". Por que não irá gerar o histórico. Vamos ver na prática que você irá entender com mais facilidade. Aqui dentro do corpo da página vamos criar um script JavaScript e vamos criar uma pequena função de redirecionamento chamada "redirecione sem histórico". Vamos chamá-la assim. Bom. Como nós acabamos de dizer, para redirecionar o usuário sem gerar um histórico de navegação Nós utilizamos a função window.location.replace e passamos a ela como parâmetro a URL da página de destino para a qual nós desejamos levar nosso usuário. Vamos redirecionar o usuário para a página de pesquisas do Google. http://www.google.com.br Vou adicionar um comentário aqui para ficar mais fácil para você entender quando estiver estudando o código. Redireciona o usuário sem gerar uma entrada no histórico de navegação do browser. Beleza? Agora que nós criamos nossa função, vamos chamá-la no evento onclick do nosso botão para que quando o usuário clique no botão o browser execute o código desta função "redirecione sem histórico". Beleza? Vamos salvar nosso arquivo e vamos voltar para nossa página no browser. Vamos também atualizar a página pressionando a tecla F5 do teclado. E agora vamos clicar no botão "Redirecionar sem Histórico". Isso vai levar a gente para a página do Google, que é o que nós colocamos no método. Passamos como parâmetro para o método "replace". A página do Google. E veja que ele não gerou o histórico de navegação. O botão Voltar nem sequer ficou habilitado. Ou seja, não tem como mais eu voltar para aquela página anterior na qual eu estava antes do redirecionamento ter ocorrido. Certo? Então essa é a primeira forma de nós redirecionarmos um usuário de uma página para outra, utilizando o método window.location.replace passando como parâmetro a URL de destino para a qual nós desejamos redirecionar o usuário. Lembrando que, quando se utiliza este método, não é gerado um histórico de navegação no browser do usuário. A segunda forma de se redirecionar o usuário para uma nova página é simulando o clique de um link. Para fazer isso, basta setar a property window.location.href com uma string contendo a URL da página de destino para a qual você deseja redirecionar o usuário. Neste caso, a página original é adicionada ao histórico de navegação do browser, e o botão voltar fica disponível para o usuário clicar caso ele deseje retornar para a página anterior. Bom, vamos aproveitar esta mesma página na qual nós na qual nós colocamos o primeiro exemplo e vamos adicionar abaixo desse botão "Redirecionar sem Histórico" um novo botão. Vamos adicionar duas quebras de linhas para separar melhor os dois botões. Vamos adicionar aqui um novo botão. Tipo button também, input type igual a button. "Value", o valor dele, o texto que vai aparecer no botão vai ser Reirecionar sem histórico. Certo? Vamos salvar e vamos ver como a página ficou. Agora a gente terá que abrir o arquivo novamente, não é mesmo? Por que não é possível voltarmos à nossa página original com aquele redirecionamento que fizemos usando o método window.location.replace. Ótimo. Nós temos dois botões agora. O primeiro é o que a gente acabou de aprender, o qual redireciona o usuário sem gerar um histórico de navegação e o segundo botão, aqui ainda não aplicamos nenhum evento para ele. Por enquanto se clicarmos nele não irá acontecer nada. Mas nós iremos adicionar agora a ele um evento para que, quando o usuário clicar nesse botão, ele seja redirecionado também para outra página porém com uma diferença. Quando ele clicar nesse botão ele vai ser redirecionado para outra página, e o browser vai gerar um histórico de navegação de forma que o usuário será capaz de retornar para esta mesma página após ele ser redirecionado. Ou seja, o botão "Voltar" vai estar habilitado, diferente de quando a gente redireciona sem gerar histórico, em que o botão "Voltar" não fica habilitado, como vocês viram. Então vamos implementar esse segundo botão agora. Vamos criar aqui em cima uma nova função: redirecione com histórico. Então, como a gente acabou de dizer, para redirecionar o usuário gerando um histórico de navegação em seu browser nós utilizamos outra técnica. Aqui nós usamos o objeto window.location também, porém neste caso nós utilizamos a property window.location.href. Veja que window.location.href não é um método. No caso do window.location.replace, ele é um método e nós passamos um parâmetro para ele. Já o href é uma property, e então nós atribuímos um valor para ele utilizando para isso o operador de atribuição, que em JavaScript é o símbolo de igualdade =. Então aqui dentro da string nós vamos colocar a URL da página para a qual nós desejamos redirecionar o usuário. Vamos redirecionar o usuário desta vez para o YouTube: http://www.youtube.com. Tudo bem? Agora nós precisamos chamar este método aqui no evento onclick do nosso segundo botão, que é o botão de redirecionar com histórico. Vamos chamar o método. Vamos redirecionar o usuário desta vez para o GitHub. Então vamos colocar aqui https://www.github.com. Certo? Vamos apenas colocar um comentário aqui para ficar mais fácil para você estudar este código fonte depois que você já tiver assistido esse vídeo. Então vamos colocar um comentário aqui. "Redireciona"... aqui ficou escrito errado não é? Vamos corrigir. "Redireciona o usuário e cria uma entrada no histórico de navegação de seu browser." Beleza? Agora vamos voltar lá na nossa página, e vamos atualizar pressionando a tecla F5. E vamos clicar aqui no botão "Redirecionar com Histórico" Beleza, nós viemos para o GitHub, e aqui em cima foi gerado um histórico. Você pode perceber que foi gerado um histórico de navegação por que o botão "Voltar" ficou habilitado. Se a gente clicar no botão "Voltar" a gente retorna para a página na qual foi iniciado o redirecionamento. Entretanto, se nós viermos aqui e clicarmos no botão "Redirecionar sem Histórico" nós vamos para a página de destino, que neste caso é o Google, e o botão "Voltar" não foi habilitado. Ou seja, é impossível voltar para a página anterior desta forma. Então a diferença é apenas essa. Quando você redireciona o usuário utilizando o método replace o browser não gera uma entrada no histórico de navegação. Por outro lado, quando você redireciona o usuário utilizando a property href neste caso sim, o browser envia o usuário para a outra página e além disso gera um histórico de navegação de forma que permite ao usuário retornar à página anterior caso ele deseje fazê-lo. Bom, caso você desejar, você pode comentar aí embaixo do vídeo em quais ocasiões, na sua opinião, você preferiria utilizar uma ou outra técnica de redirecionamento quando desenvolvendo suas páginas HTML aí de seus websites. Então é isso pessoal. Espero que tenham gostado de aprender como redirecionar os usuários de seus websites para outras páginas da web tanto atualizando quanto não atualizando o histórico de navegação do browser do usuário. Escreva nos comentários suas dúvidas ou sua opinião a respeito do que você achou desse tutorial. Inscreva-se em nosso canal para ser notificado sobre mais vídeo tutoriais de programação como esse. Obrigado por nos assistir! :) Gostou dessa aula de programação? Então clique em curtir! Escreva sua opinião ou dúvidas nos comentários. Compartilhe com seus amigos. Inscreva-se no Canal! Obrigado! :).
Revisao da literatura tcc como fazer apresentadoras usando couro São Gonçalo cursos de design grafico gratuitos. Vitória lei 6015 73i art 127 inciso vii Relatórios, curso tecnico senai joinville Redação de Admissão Escolar, curso tecnico a distancia gratuito senai Proposta de Dissertação, relatorio lingua russa ABNT. Texto expositivo argumentativo exemplo frei luis de sousa curso asb apcd sjc revisao da literatura tcc como fazer Santo André curso atls acls. Past exam papers for business management Proposta de Tese Tucuruí artigo 1723 do codigo civil de 1916, artigo 301 inciso ii do cpc.
Vitória de Santo Antão:
Adrianne Koch, Delaware County: American Academy of Dramatic Arts. Santana: School of Music; 2020.
Ken Macey, Madison. Sabará: Sage College of Albany; 2018.
Lillian Hogan, 9th Avenue zip 10014. Marília: Evangelical Christian; 2019.