Repositório com exemplos, materiais e atividades relacionados à monitoria da disciplina de Programação Web
Códigos dos conteúdos passados em vídeo pelo Prof. Willian Massami Watanabe
| Link (editor de código online) | Descrição |
|---|---|
| https://bit.ly/2PlqbBh | Exemplo de uso do DOM e Eventos |
| https://bit.ly/3i9qdJ6 | Exemplo de implementação de um DIALOG |
| https://bit.ly/39Wp98e | Exemplo de procura de cidade |
| https://bit.ly/3ihnoWg | Exemplo de tooltip |
| https://bit.ly/2XHAtAt | Exemplo de slideshow |
| https://bit.ly/30Lwuoi | Exemplo de localstorage |
| Link (editor de código online) | Descrição |
|---|---|
| https://bit.ly/30JPWlb | Exemplo de AJAX com um arquivo de Texto |
| https://bit.ly/3fW9lUu | Exemplo do uso do XMLHttpRequest com a API JSON da Wikipedia |
| https://bit.ly/30SX2Uz | Exemplo de AJAX com conexão com a API Open Books |
| https://bit.ly/3h1JX0X | Callbacks, Promises e async/await |
| Link (editor de código online) | Descrição |
|---|---|
| https://bit.ly/2YbyTHf | Introdução |
| https://bit.ly/3l3KdPi | Primeira aplicação |
| https://bit.ly/3l9hZTB | Script create-react-app |
| https://bit.ly/3aTH8wQ | Propriedades |
| https://bit.ly/31ERIF3 | States |
| https://bit.ly/31JDWku | Considerações sobre o uso de States |
| https://bit.ly/3gFw5Zf | Comunicação entre Componentes |
| https://bit.ly/2YKYerB | Exemplo de uso de Hooks e Componentes com funções |
| https://bit.ly/3balCnC | Exemplo de componentes com funções e Hooks |
| https://bit.ly/3jw9ekD | AJAX e hook useEffect em React |
| Link (editor de código online) | Descrição |
|---|---|
| https://bit.ly/3cduNUI | Introdução |
| https://bit.ly/3jplNi4 | Módulo HTTP e o método createServer |
| https://bit.ly/3dHQv41 | Entendendo a chamada createServer do módulo HTTP |
| Link (editor de código online) | Descrição |
|---|---|
| https://bit.ly/3kfYpEn | Introdução e regras de roteamento |
| https://bit.ly/3ji2Tc9 | Templates |
| https://bit.ly/2HkJrhT | Gerando o primeiro projeto |
| https://bit.ly/37vakut | Express Generator |
Materiais para auxilio no desenvolvimento das atividades propostas.
No ambiente de desenvolvimento, é disponibilizar para uso. Um exemplo é um website que está em sua máquina, o momento em que você passa ele para um servidor de hospedagem, é chamado de deploy. Isso também válido nos casos em que disponibilizamos uma nova versão de um programa.
| Site | Descrição |
|---|---|
| Github Pages | Hospedagem gratuita para sites estáticos |
| Netlify | Hospedagem gratuita para sites estáticos com deploy contínuo e integração com github |
| Heroku | Permite hospedagem de sites dinámicos com suporte a várias tecnologias |
Os links a seguir levam tutoriais que fiz, e que devem ajudar a realização do deploy nessas plataformas.
- Integração com back-end
- Preparação para deploy
- Como fazer nas seguintes plataformas
Atividades teóricas e/ou práticas para aplicação e desenvolvimento do aprendizado ao longo da disciplina.