Início Rápido
Vamos começar criando um projeto simples de front-end para ver o Startup em ação. Vamos guiá-lo pelo processo passo a passo, desde a configuração do projeto até a adição de interatividade. Ao final deste guia de início rápido, você terá uma compreensão sólida de como nossa plataforma funciona.
Passo 1: Criar um Novo Projeto
Primeiro, vamos criar uma nova pasta de projeto e navegar até ela:
mkdir my-frontend-project
cd my-frontend-project
Passo 2: Inicialize seu Projeto
Inicialize seu projeto e configure o arquivo package.json:
npm init -y
Passo 3: Instale o Startup
Instale o Startup no seu projeto, caso ainda não tenha feito isso:
npm install Startup
Passo 4: Crie seu Arquivo HTML
Crie um arquivo HTML (por exemplo, index.html) no diretório do seu projeto:
<!DOCTYPE html>
<html>
<head>
<title>My Front-End Project</title>
</head>
<body>
<h1>Hello, Startup!</h1>
</body>
</html>
Passo 5: Adicione JavaScript
Agora, vamos adicionar JavaScript para tornar sua página web interativa. Crie um arquivo JavaScript, por exemplo: app.js
document.addEventListener('DOMContentLoaded', () => {
const heading = document.querySelector('h1');
heading.textContent = 'Hello, [Your Front-End Platform]!';
});
Passo 6: Inicie seu Projeto
Tudo pronto! Para visualizar seu projeto, abra um terminal e execute:
npm start
Seu projeto agora deve estar em execução, e você pode acessá-lo no seu navegador web em http://localhost:3000
Parabéns! Você configurou com sucesso um projeto básico de front-end usando o Startup. Isso é apenas o começo, e nossa plataforma oferece uma vasta gama de recursos e ferramentas para explorar em projetos mais avançados.