Para desenvolve habilidade de um bom programador, você precisa de empenho e dedicação. De nada adianta querer e não agir, a prática é que vai levar você a ser um bom programador, analisar os códigos de outros programas é de suma relevância para que você consiga aprender.
Eu sou um programador em linguagem PHP, e amo essa linguagem e posso lhe dizer mais: se você se empenhar e dedicar tempo em cursos que realmente elevem o teu conhecimento, você chegará lá.
Você não pode desistir na primeira dificuldade que encontrar, as dificuldade viram com certeza e você deve estar pronto para aceitá-las como sendo um grande desafio para sua carreira.
Um conselho que lhe dou é de estudar e se dedicar pelo menos 1 hora por dia em seus estudos de programação.
A cada dia que passar você vai perceber aos poucos que está avançando cada vez mais, e quando encontrar uma solução para uma aplicação ela vai lhe dar uma felicidade “estóica” que você nem vai imaginar.
Tudo é praticar, praticar e praticar, não existe segredo, você tem que fazer a sua parte: estudar cursos, ou no Youtube, ou nos cursos que você comprar, não perca seu tempo.
Existe outra fonte que você pode pedir ajuda o Chat Gpt, ele lhe fornece orientações pertinentes ao que você deseja realizar.
Vou lhe dar um exemplo em php: veja a imagem abaixo. Eu perguntei ao chat Gpt como se conectar a um banco de dados em php, veja a resposta:
Viram como é fácil, basta vocês usarem um pouco de raciocínio e tudo mais dará certo para vocês.
ChatGpt me dê um exemplo de uma dashboard:
Pronto ai esta: Copiem e colem no visual code e rodem esse código para vocês verem:
<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Dashboard Simples</title>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css”> <!– Ícones –>
<script src=”https://cdn.jsdelivr.net/npm/chart.js”></script> <!– Biblioteca Chart.js –>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f7fc;
}
header {
background-color: #2f4f4f;
color: white;
padding: 15px;
text-align: center;
}
.dashboard-container {
display: flex;
flex-wrap: wrap;
padding: 20px;
justify-content: space-around;
}
.card {
background-color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 23%;
margin: 10px;
padding: 20px;
border-radius: 8px;
text-align: center;
}
.card h3 {
margin: 0;
font-size: 2em;
}
.card p {
font-size: 1.1em;
color: #777;
}
.card i {
font-size: 40px;
margin-bottom: 15px;
color: #2f4f4f;
}
.chart-container {
width: 50%;
margin-top: 20px;
}
footer {
text-align: center;
padding: 10px;
background-color: #2f4f4f;
color: white;
}
</style>
</head>
<body>
<header>
<h1>Dashboard – Dados de Vendas</h1>
</header>
<div class=”dashboard-container”>
<!– Card 1: Total de Vendas –>
<div class=”card”>
<i class=”fas fa-chart-line”></i>
<h3>R$ 25.600</h3>
<p>Total de Vendas</p>
</div>
<!– Card 2: Total de Usuários –>
<div class=”card”>
<i class=”fas fa-users”></i>
<h3>1.240</h3>
<p>Total de Usuários</p>
</div>
<!– Card 3: Total de Visitas –>
<div class=”card”>
<i class=”fas fa-eye”></i>
<h3>32.500</h3>
<p>Total de Visitas</p>
</div>
<!– Card 4: Faturamento –>
<div class=”card”>
<i class=”fas fa-dollar-sign”></i>
<h3>R$ 90.000</h3>
<p>Faturamento</p>
</div>
</div>
<!– Gráfico –>
<div class=”chart-container”>
<canvas id=”salesChart”></canvas>
</div>
<footer>
<p>© 2025 Dashboard Simples | Todos os direitos reservados</p>
</footer>
<script>
// Gráfico de vendas
var ctx = document.getElementById(‘salesChart’).getContext(‘2d’);
var salesChart = new Chart(ctx, {
type: ‘line’, // Tipo de gráfico
data: {
labels: [‘Jan’, ‘Fev’, ‘Mar’, ‘Abr’, ‘Mai’, ‘Jun’], // Meses
datasets: [{
label: ‘Vendas (R$)’,
data: [2000, 3000, 2500, 3200, 3800, 4200], // Dados de vendas
fill: false,
borderColor: ‘#2f4f4f’,
tension: 0.1
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
</script>
</body>
</html>
E isso é tudo por enquanto aproveitam e façam os testes para averiguarem.
