Actualizar README.md
This commit is contained in:
92
README.md
92
README.md
@@ -1,3 +1,89 @@
|
||||
# mainder_working-project.project-in-progress
|
||||
|
||||
sobre-mi-stio-web-dinámico-v00000
|
||||
<header></header>
|
||||
<aside></aside>
|
||||
<main>
|
||||
<section>
|
||||
<article class="one-site">
|
||||
#mainder_working-project.project-in-progress
|
||||
<hr/><hr/>
|
||||
<h1>ARMANDO MI SITIO WEB</h1><h2>ALOJADO EN UN VIEJO CELULAR</h2>
|
||||
https://gemini.google.com/app/5d189fd713460539<br/>
|
||||
lkond698@gmail.com / easv952@gmail.com<br/>
|
||||
/*<br/>
|
||||
1° Como "back-end" me corresponde atender al funcionamiento 'modelo/vista/controlador' ;<br/>
|
||||
2° Como "front-end" me corresponde atender al funcionamiento 'funcionamiento de diseño y maquetación'<br/>
|
||||
¿Cómo me organizo desde cero para atender a estas dos tareas al preparar mi plan de trabajo para
|
||||
Trabajar en la creación de mi sitio web usando mi viejo celular como servidor local?<br/>
|
||||
*/<br/>
|
||||
**/<br/>
|
||||
<p> Trabajar tanto en el back-end como en el front-end te da un control completo sobre tu proyecto, pero requiere una organización cuidadosa.<br/>
|
||||
Aquí te presento un plan de trabajo paso a paso para crear tu sitio web utilizando tu viejo celular como servidor local:</p>
|
||||
<!--(...................................................01...................................................)-->
|
||||
<h2>Fase 1: <br/>Planificación y Diseño<br/> (Front-end)</h2>
|
||||
<h3>Definición del proyecto:</h3>
|
||||
<ol>Define el propósito de tu sitio web y el público objetivo.</ol>
|
||||
<ol>Crea un mapa del sitio con la estructura de las páginas.</ol>
|
||||
<ol>Define las funcionalidades que tu sitio web debe tener.</ol>
|
||||
<h3>Diseño de la interfaz de usuario (UI):</h3>
|
||||
<ol>Crea bocetos o wireframes de las páginas principales.</ol>
|
||||
<ol>Define la paleta de colores, la tipografía y el estilo visual.</ol>
|
||||
<ol>Diseña la interfaz de usuario para que sea intuitiva y fácil de usar. Puedes usar Canva o Figma para esto.</ol>
|
||||
<h3>Maquetación (HTML, CSS):</h3>
|
||||
<ol>Escribe el código HTML para estructurar el contenido de cada página.</ol>
|
||||
<ol>Aplica estilos CSS para dar forma y apariencia a los elementos.</ol>
|
||||
<ol>Asegúrate de que el diseño sea responsivo y se adapte a diferentes dispositivos.</ol>
|
||||
<!--(...................................................02...................................................)-->
|
||||
<h2>Fase 2: <br/>Desarrollo del Back-end</h2>
|
||||
Configuración del servidor local:
|
||||
Configura tu viejo celular como servidor local utilizando las herramientas que ya se comentaron.
|
||||
instala las aplicaciones necesarias para el servidor web.
|
||||
asegúrate de que el servidor sea accesible desde tu red local.
|
||||
Desarrollo de la lógica del back-end:
|
||||
Elige un lenguaje de programación back-end (por ejemplo, PHP, Python, Node.js).
|
||||
Desarrolla la lógica del servidor para manejar las solicitudes del cliente.
|
||||
Crea las funcionalidades necesarias, como la gestión de usuarios, la base de datos y la lógica de negocio.
|
||||
Integración con la base de datos:
|
||||
Elige un sistema de gestión de bases de datos (por ejemplo, MySQL, PostgreSQL).
|
||||
Diseña la estructura de la base de datos.
|
||||
Implementa las consultas SQL para interactuar con la base de datos.
|
||||
Implementación del patrón MVC:
|
||||
Organiza tu código en el patrón Modelo-Vista-Controlador.
|
||||
El Modelo maneja los datos y la lógica de negocio.
|
||||
La Vista muestra la interfaz de usuario.
|
||||
El Controlador gestiona las interacciones entre el Modelo y la Vista.
|
||||
<!--(...................................................03...................................................)-->
|
||||
<h2>Fase 3:<br/> Integración y Pruebas</h2>
|
||||
Integración del front-end y el back-end:
|
||||
Conecta la interfaz de usuario (front-end) con la lógica del servidor (back-end).
|
||||
Asegúrate de que los datos fluyan correctamente entre el cliente y el servidor.
|
||||
Pruebas exhaustivas:
|
||||
Realiza pruebas unitarias para verificar la funcionalidad del back-end.
|
||||
Realiza pruebas de integración para asegurar que el front-end y el back-end funcionen juntos.
|
||||
Realiza pruebas de usabilidad para evaluar la experiencia del usuario.
|
||||
Prueba el sitio web en diferentes dispositivos y navegadores.
|
||||
Depuración y optimización:
|
||||
Corrige cualquier error o problema que surja durante las pruebas.
|
||||
Optimiza el rendimiento del sitio web para una carga rápida.
|
||||
<!--(...................................................04...................................................)-->
|
||||
<h2>Fase 4: <br/>Despliegue y Mantenimiento</h2>
|
||||
Despliegue en el servidor local:
|
||||
Asegúrate de que tu celular este configurado para soportar el trafico de usuarios, dentro de tu red local.
|
||||
Realiza pruebas finales en el entorno de producción.
|
||||
Mantenimiento continuo:
|
||||
Realiza copias de seguridad periódicas de tu sitio web.
|
||||
Mantén el software del servidor y las dependencias actualizadas.
|
||||
Monitorea el rendimiento del sitio web y realiza ajustes según sea necesario.
|
||||
<!--(...................................................05...................................................)-->
|
||||
<h2>Consejos adicionales:</h2>
|
||||
Utiliza un sistema de control de versiones (por ejemplo, Git) para gestionar tu código.
|
||||
Documenta tu código y el proceso de desarrollo.
|
||||
Aprende de los recursos en línea y de la comunidad de desarrollo web.
|
||||
Recuerda que estas trabajando en un servidor local, por lo cual tu sitio web solo sera accesible a los dispositivos conectados a tu red local.<br/>
|
||||
/**<br/>
|
||||
<hr/><hr/>
|
||||
sobre-mi-stio-web-dinámico-v00000
|
||||
</article>
|
||||
<article class="two-site">
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
<footer></footer>
|
||||
Reference in New Issue
Block a user