Desenvolvimento para Dispositivos Móveis

Assunto

1. Revisão sobre desenvolvimento Web
   1. Estado de uma aplicação
   2. Arquitetura cliente-servidor
   3. Processamento no servidor vs. Processamento no cliente
2. Revisão de HTML
3. Revisão de CSS
4. Revisão sobre JavaScript
   1. Variáveis:
      • Sempre use const quando o valor não deve ser alterado. ex.: const x = 5;
      • Sempre use const quando o tipo de dado não deve ser alterado. ex.: Arrays e Objetos
      • Use let somente quando não for possível usar const. ex.: let y =3;
   2. Índices de Arrays são base-0.
   3. Strings são imutáveis.
   4. Tuplas são semelhantes a arrays, porém, são imutáveis. ex.: const t = #[1,2,3,4,5]
   5. Funções são parecidas com as funções de outras linguagens como Java ou C.
   6. Podemos definir funções usando a sintaxe de flecha (arrow syntax), quando necessitamos de uma função:

      const data = [1,2,3,4,5]
      data.map((value) => { value * 2})
      

5. Sugestões de pesquisa para a próxima aula
   1. TypeScript Tutorial(W3Scchools)
   2. React Quick Start
   3. React Interactive Tutorial

Questões

1. Projeto: Crie uma calculadora com operações básicas utilizando apenas HTML, CSS e Javascript. Como essa aplicação se comporta em diferentes dispositivos?

1. Projeto: Publique sua calculadora como um site estático no Github Pages

Recursos para essa aula

Tutoriais Desenvolvimento Web

1. HTML Tutorial(W3Schools)
2. CSS Tutorial(W3Schools)
3. Sass Tutorial(W3Schools)
4. JavaScript Tutorial(W3Schools)

REPL Javascript

1. REPL JS: Read-Eval-Print-Loop Javascript

Tutoriais do Git

1. Pro Git (Tradução parcial do livro para português do Brasil)
2. Git - Guia prático: Um guia bem direto, sem muita explicação.
3. Github - Início Rápido