Programação de Computadores com tecnologias Web
Site de apoio - Programação de Computadores II
🎞 Este curso no YouTube:
Conteúdo
Legenda: 📷 Slides | 📺 Vídeo-aula no YouTube | 📖 Material em texto e imagens | 🤝 colab
Materiais úteis
👔 Introdução à web
- 📷 Programação para web
- 📺 Apresentação
🐢 Frontend
🕷 Marcação e estilização
- 📺 📖 Tipografia
- 📺 📖 Cores e fundos
- 📺 📖 Box-model
- 📺 📖 Tamanho e posicionamento
- 📺 📖 Transições e animações
- 📺 📖 Leiaute
- 📺 [Live] Entendendo o Flexbox
- 📺 📖 Responsividade
- 📺 📖 Mobile-first holy grail
- 📺 📖 Formulários
- 📺 📖 Bibliotecas CSS e CDN
🔋 JavaScript
- 📺 📖 Hello World com JavaScript
- 📺 📖 Sintaxe e estruturas básicas
- 📺 📖 Objetos
- 📺 📖 Funções
- 📺 📖 DOM - Document Object Model
- 📺 📖 Assincronia e Fetch API
- 📖 Web Storage 🤝 Prof. Neri
- 📺 [Live] Jogos 2D com Phaser
🛢 Banco de dados com Entity Framework Core e MySQL
🔌 Backend
🌍 Links úteis e outros recursos
Outros materiais - antigos ou de tópicos removidos (mas ainda úteis)
🥋 Exercícios
- 🏳 Marcação HTML
- 🎨 Tipografia
- 🎨 Cores e fundos
- 🎨 Box-model, tamanho e posicionamento
- 🎨 Leiaute e responsividade
- 🏳 Formulários
- 🚀 Projeto prático: HTML e CSS
- 🔋 Primeiros passos com JavaScript
- 🔋 Objetos, funções e DOM
- 🔋 Fetch API
- 🛢 CRUD com MySQL
- 🔌 Backend com Minimal APIs
- 🔌 REST e bancos de dados
- 🚀 Projeto prático <!–
Entregas para alunos da Etec (2I3 - 2023-2)
Clique no link Entregar, entre com seu e-mail institucional e siga as instruções.
Lista | Exercícios | Prazo | Ações |
---|---|---|---|
Marcação HTML | hello-dev-web, passo-a-passo | 13/08/2023 | Entregar |
Tipografia, cores e fundos | cinco-fontes, tema-com-css | 10/09/2023 | Entregar |
Box-model, tamanho e posicionamento | hobby | 24/09/2023 | Entregar |
Primeiros passos com JavaScript | NomeCompletoJS, Media4NotasJS, DivisaoJs | 29/10/2023 | Entregar |
Objetos, funções, DOM e Formulários | TrocaImagem, ChurrascoJS | 19/11/2023 | Entregar |
Fetch API | Bandas | 03/12/2023 | Entregar |
Obs.: A lista de exercícios a serem entregues pode ser alterada sem aviso prévio. –>
Soluções comentadas
- Prof. Ermogenes
- Prof. Neri
🛠 Ferramentas
Para criar seu ambiente de trabalho, baixe as ferramentas e instale em seu computador.
- IDE: Visual Studio Code 📥
- Controle de versão: Git 📥
No decorrer do curso utilizaremos também:
- Kit de desenvolvimento: .NET SDK 📥
-
Banco de dados: MySQL Community 📥
- 📺 📖 Passo-a-passo para a criação do ambiente (Dev C#)
- 📖 Criação de ambiente MySQL
Obs.: Os materiais podem citar versões anteriores das ferramentas, mas você deve utilizar as mais recentes disponíveis.
😲 Está difícil demais, o que eu faço?
Faça antes o Dev C# e aprenda a programar do zero.
Prof. Ermogenes Palacio, 2020-.
💪 Contributor 👨🏻🏫 @diegoneri