micael Copyright ©Softwave Marketing 2024

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.