artdiniz / projetojs12 Goto Github PK

Escolher a página inicial com prompt

1. Pega endereço com prompt e coloca no iframe[src].

   • Aquecimento: Pessoa cria tag <script>, vê o js rodando, entende como faremos binding através do id das tags;
   • Sintaxe: variáveis, constantes, propriedades de objetos e chamada de função
     Branch: paginaInicial--aquecimemnto

2. As pessoas não digitam http://. Se elas não digitarem, a gente digita. Lembrar que pode vir com https:// o https://.

   • Sintaxe: if, else, valores e operações booleanas (&&), comparações.
   • Sintaxe: chamada de métodos – no caso, de String.substring
   • Sintaxe: chamada de funções com vários parâmetros
     Branch: paginaInicial--prefixoHTTP

3. As pessoas podem cancelar o prompt e aí o endereço é null. Mas podem digitar nada e enviar o prompt e aí o endereço é "".

   • Conceito: Ver erros no console (null pointer quando cancela prompt e tenta acessar .substring())
   • Relembra if.
   • Sintaxe: || (ou)
   • Conceito: Temos tipos mas eles não são fortes
   • Conceito: Entende os tipos falsy (null, undefined, "", 0)
   • Sintaxe: if(valor): type coercing
     Branch: paginaInicial--nullEFalsy

?4.? Talvez uma validação com while como no 01

4. Precisa salvar o endereço da home quando a pessoa fechar e abrir de novo e só perguntar se já não foi escolhida antes.

   • Relembram: null
   • Conceito: negação (!) e type coercing com if(!paginaInicial) para usar localStorage por padrão e pedir com prompt se estiver null.
   • (opcional) Conceito: ordem de execução em operações booleanas e vêem || para decidir entre dois valores: let paginaInicial = localStorage || prompt
   • API: localStorage
     Branch: paginaInicial--localStorageNegacao

Arquivos para liberar para as pessoas no início do curso.

** Importante **
Para facilitar a vida das pessoas e não dar um html cheio de tags style e scripts (da biblioteca do cake), rodar o comando npm run build e liberar os arquivos que estiverem na pasta apostila.

https://github.com/artdiniz/projetoJS12/tree/inicioVisualNavegador

Para acostumar as pessoas com HTML e com o ambiente de trabalho delas durante o curso (Ubuntu + Editor + Cake Shell), vamos escrever um pouco de HTML que vai dar um cara inicial de navegador para a aplicação.

Teremos a janela principal com uma barra de endereços e um botão de recarregar. Nada funciona ainda. Mas explica o que é HTML e CSS para as pessoas que nunca viram isso (não fizeram o 01 ou viram lógica de programação pura)

Falamos:

• o que é uma tag;
• o que é conteúdo;
• o que é um atributo

https://github.com/artdiniz/projetoJS12/tree/inicioVisualNavegador