Executando verificação de segurança...
1

Preciso de uma ajuda com post HTML CSS JS

Bom dia pessoal, estou fazendo um site para um amigo, mais como um projeto pessoal, ele gostaria de fazer tipo um site que poste conteudo de e-sports.

A parte toda do site esta pronta, eu estou querendo dicas ou ate mesmo conteudo sobre como fazer a parte de postar o conteúdo com imagens.

Vai ter um login admin para que seja so ele que possa postar na pagina, mas preciso saber como fazer a parte da postagem...

alguma ideia?

Carregando publicação patrocinada...
2

Cara, se você souber alguma linguagem de programação é melhor criar um back-end, se não souber aconselho o firebase, muinto simples, prático e poderoso.

1
1

Se você deseja fazer esses posts de forma dinamica vai precisar acrescentar um backend, mas não se preocupe que não é um bixo de 7 cabeças. Pesquise um pouco sobre CRUD que vai te ajudar bastante nessa parte :)

1

Tudo depende da necessidade de ambos. Se seu amigo quer o mais rápido possível, eu utilizaria um Headless CMS como o DatoCMS para criar as postagens com as imagens e etc., onde o CMS vai disponibilizar esse conteúdo em uma rota de API, e sua palicação apenas consome esse conteúdo.

Agora se ele não tem tanta pressa, é uma boa oportunidade para você aprender e criar o back-end do zero, onde sua aplicação vai lidar com essa questão da postagem (um formulário, onde é possível ele fazer o upload de imagens, e escrever o post.). Ai tem uma questão de storage, banco de dados, etc.

1

Olá, Sérgio. Pela sua descrição, você quer desenvolver um blog. Se sua intenção é aprender, acho super válido implementar um blog. Agora, se seu objetivo é ajudar seu amigo a ter o blog pessoal, recomendo usar o Blogger, ou qualquer outra plataforma de blogs, e apenas editar o tema usando o que você já sabe de HTML e CSS.
Digo isso, pois por trás de algumas funcionalidades que um usuário comum, ou um iniciante em programação, julgam como simples, existem complexidades não percebidas, como estratégias de cache, CDN, compressão de imagem, normalização de entidades de banco de dados, criação de queries otimizadas, e por aí vai. Só abrir a seção de issues do TabNews no Github que tu vai ver o tanto de trabalho que muita gente competente teve que realizar para que você conseguisse utilizar a plataforma e percebê-la como simples e prática.
Enfim, como objeto de estudo, seria muito bacana. Como produto, seria desperdício de tempo tentar criar um blog do "zero".

1

Python - Django framework, quando cria a base de dados é facil de manutenir devido ao admin criado automaticamente pelo framework.
Se for fazer ele bem simples, é super rapido, faz um CRUD e bota online em uma VPS , domínio e se quiser um email também.

from django.views.generic import ListView, CreateView, UpdateView, DeleteView
from .models import Post

class IndexView(ListView):
    template_name = "pages/index.html"
    model = Post

class NewPost(CreateView):
    template_name = "pages/new_post.html"
    model = Post
    fields = '__all__'  # ou especifique os campos desejados

class EditPost(UpdateView):
    template_name = "pages/edit_post.html"
    model = Post
    fields = '__all__'  # ou especifique os campos desejados

class DeletePost(DeleteView):
    template_name = "pages/delete_post.html"
    model = Post
    success_url = '/'  # URL para redirecionar após excluir o post

0

O backend pode ser assim:

import uuid
from django.db import models
from django.contrib.auth.models import User
from ckeditor.fields import RichTextField

def image_path(instance,filename):
    ext = filename.split("/")[-1]
    filename = f"{uuid.uuid4()}.{ext}"
    return f"banners/{filename}"}
    
class Base(models.Model):
    create_at = models.DateTimeField(auto_now_add=True)
    edited_at = models.DateTimeField(auto_now=True)
    is_active = models.BooleanField(default=True)


class Posts(Base):
    #Ou utilizar ManyToMany
    #author = models.ManyToManyField(User)
    author = models.ForeignKey(User, on_delete=models.CASCADE)
    title = models.CharField(max_length=255)
    description = RichTextField()
    banner = models.ImageField(upload_to=image_path, blank=True, null=True)
   
   E dai vai , pode colocar várias coisas.

1

Backend

Para ir pro backend acho q o mais obvio seria nodejs, mas eu como uma pessoa que percorreu esse caminho de html css js e foi pro backend, achei nodejs bastante desafiador, entao recomendaria php, pelo motivo de ser simples e voce vera o resultado mais rapido, mas dps de passar pelo php basico nodejs ou qualquer um das outras opções de backend seria interessante para fazer algo mais bem arquitetado, ja que o php puro é muito mas muito facil fazer um codigo porco mas funcional.

Frameworks

E caso queria ficar no php ainda existem diversos frameworks para usar o php de uma melhor forma, como o Laravel, oCode Igniter, oCake PHP.
Ou se prefirir uma ferramenta mais simples, existem os microframeworks, que sao como os frameworks porém sao menos robustos, sendo mais focados em elementos essenciais, dois bons exemplos são o Lumen e oSlim

Reaproveitando conhencimentos

Qualquer maneira de aprender sobre backend é uma boa maneira, ja que 1 > 0, me limitei por muito tempo a quebrar a cabeça no basico do nodejs por achar php uma perca de tempo, muitos mesos depois vejo que meu verdadeiro erro era achar que meu conhencimento backend de php nao seria reaproveitado em nodejs, foi muito bem aproveitado, ja que a parte mais importante sobre aprender qualquer coisa é sobre conceitos, algo que é um pouco fora do assunto da programação porém tem relação com aprender, na escola tenho estudado sobre triangulos recentemente, muitos tem dificuldade, talvez as contas assustem alguns, mesmo nao sendo grandes ou complexas, algo que muitos em minha sala de aula tem esquecido são os conceitos do assunto de triangulo, sobre que a soma dos lados do triangulo é sempre 180 graus então, é como se estivessemos jogando campo minado, nao sabemos o proximo bloco se tem uma bomba ou nao, do mesmo jeito que nao sabemos o valor do angulo ao lado, porém quando juntamos as informações que ja temos encontramos conclusões obvias, e entao achamos a resposta.

Finalização

Me empolguei um pouco sobre o assunto pois estou com o caderno em mãos nesse exato momento, bem, achei interessante sua duvida, e gostaria de ver essa caminhada por esse site, principalmente os problemas, acho seria muito benefico para você documentar sua jornada em seu primeiro site com backend, obrigado pela duvida.

1

Muito obrigado, você me inspirou, vou começar a estudar PHP, tava nos meus planos mas não era meu foco, pois atualmente trabalho com ADVPL e estudo Web por fora, grato, alguma dica de material de apoio?