🎞 Este curso no YouTube:
Legenda: 📷 Slides | 📺 Vídeo-aula no YouTube | 📖 Material em texto e imagens | 🤝 colab
- 📷 Programação para web
- 📺 Apresentaçã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
- 📺 📖 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
🌍 Links úteis e outros recursos
Outros materiais - antigos ou de tópicos removidos (mas ainda úteis)
- 🏳 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
- Prof. Ermogenes
- Prof. Neri
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 📥
Obs.: Os materiais podem citar versões anteriores das ferramentas, mas você deve utilizar as mais recentes disponíveis.
Faça antes o Dev C# e aprenda a programar do zero.
Prof. Ermogenes Palacio, 2020-.
💪 Contributor 👨🏻🏫 @diegoneri