Skip to content

grizante/Tech-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📰 · 🌐 · 💻 TECH NEWS: Blog sobre a Evolução das Metodologias de Desenvolvimento

Bem-vindo ao TECH NEWS, um blog desenvolvido para explorar a evolução das metodologias de desenvolvimento de software, desde a Crise do Software até as tendências mais atuais, como DevOps e Inteligência Artificial. Este projeto foi iniciado por estudantes de Engenharia de Software Comercial como parte da disciplina História da Engenharia de Software.

🚀 Visão Geral do Projeto

O TECH NEWS é um blog interativo desenvolvido com:

  • HTML: Estrutura e semântica.
  • CSS: Design moderno e responsivo.
  • JavaScript: Funcionalidades interativas.
    • Swiper.js: Implementação de uma timeline vertical deslizável para organizar a evolução das metodologias.

Nosso objetivo é criar um ambiente acessível e educativo, tornando conceitos complexos simples para todos os públicos, desde iniciantes até especialistas.


🖼️ Demonstração

Confira o projeto ao vivo: TECH NEWS Blog

📂 Estrutura do Projeto

O projeto segue a seguinte organização: [ adicionar estrutura do projeto ]

✨ Funcionalidades

  • Página inicial interativa: Apresenta a linha do tempo da evolução das metodologias de desenvolvimento.
  • Timeline vertical deslizável: Implementada com Swiper.js.
  • Seções temáticas: Divisão clara por tópicos, como:
    • Crise do Software.
    • Metodologias Tradicionais (ex.: Cascata).
    • Transição para o Pensamento Ágil.
    • DevOps e Metodologias Modernas.
    • Tendências Futuras.
  • Design responsivo: Adaptado para desktops, tablets e smartphones.


📖 Como Executar o Projeto

Pré-requisitos:

  • Um navegador moderno (Google Chrome, Firefox, Edge).
  • Git para clonar o repositório (opcional).

Passos:

  1. Clone o repositório:
    git clone https://github.com/grizante/Tech-news.git
    
  2. Navegue até o diretório do projeto:
    cd Tech-news
    
  3. Abra o arquivo index.html no navegador:
  • Em um editor, clique com o botão direito no arquivo e escolha Abrir no Navegador.
  • Ou use extensões como Live Server no VS Code.


🛠️ Tecnologias Utilizadas

  • HTML5: Estrutura semântica e acessível.
  • CSS3: Estilização avançada com flexbox, grid e responsividade.
  • JavaScript: Funcionalidades dinâmicas e interativas.

🎨 Melhorias Futuras

  • Implementar um sistema de comentários.
  • Criar integração com uma API para gerenciar artigos dinâmicos.

🤝 Grupo H - Blog TECH NEWS

📝 Licença

Este projeto está sob a licença MIT. Para mais informações, veja o arquivo LICENSE.