Este curso constara de 6 partes, y consistira en crear y programar desde cero una biblioteca sencilla en online, trabajando de momento en un servidor local, se utilizara: HTML5, CSS, JAVASCRIPT, JQUERY, PHP Y MYSQL.
1° PARTE
En este curso aprenderás de una manera práctica a porgramar en un lenguaje de programación llamado PHP que significa (acrónimo recursivo de PHP: Hypertext Preprocessor)
Herramientas a utilizar:
- Servidor Xampp
- Sublime Text
Después de instalar el Servidor Xampp y el editor Sublime Text en sus ordenadores, tendrán que construir su raíz de proyecto junto con sus respectivas carpetas y archivos, como lo muestra la siguiente imagen:
Nota: En la carpeta C:/xampp/htdocs en windows se creerá una carpeta llamada biblioteca
Accedemos a la carpeta creado "biblioteca" y creamos los siguientes directorios y archivos principales.
Nombres de carpetas
- admin carpeta donde se desarrollara el módulo de administrador
- css carpeta donde se guardarán los estilos css
- img carpeta donde se guardarán las imagenes
- inc carpeta donde se guardarán archivos php
- js carpeta donde se guardarán los scripts
Nombres de archivos
- index archivo principal que detecta el servidor
Abrir Xampp en windows
*Se tienen que activar las siguientes opciones: Apache y Mysql
- Start: Iniciar
- Stop: Detener
Abrir Sublime Text
*Seleccionamos Open Folder
*Seleccionamos la ruta raíz del proyecto en este caso "biblioteca" -> C:xampphtdocs
Explicaación de proyecto raíz
De lado izquierdo se mostrará la carpeta raíz del proyecto "biblioteca" y sus respectivas carpetas y archivos. Para probar que toda funciona correctamente abriremos el archivo index.php y agregaremos un poco de código.
Correr Proyeto
Tienen que abrir un navegador (google chrome), y teclear en la barra de direcciones: http://localhost/biblioteca
Nota: en mi caso uso el puerto 8080, porque tengo dos servidores en mi computadora, ustedes usen la dirección normal.
Explicación del Código HTML
<!DOCTYPE html> : Inicia el documento con formato html5
<html lang="es"> : se escoge un lenguaje "español"
<head> : Inicia el encabezado del documento
<meta charset="utf-8" />: codificación de caracteres para el documento HTML
<title>Biblioteca Libro Feliz</title> : Etiqueta de titulo para el proyecto
</head>: Cierre del head "encabezado"
<body>: Inicio del cuerpo principal del documento
<h1></h1>: Etiquetas de titulo
</body>: Cierre de la etiqueta del cuerpo del documento
</html>: Cierre del documento HTML
*Este curso es de mi auditoria creado en Dogram Code Sitio Oficial, aquí se los comparto espero y les sirva, saludos!!!
*Esperar la 2° parte...