Estructura de una aplicación web con W3B-2.0



Muchos de nosotros que de una u otra manera tenemos relación con la programación, alguna vez nos hemos chocado con estos conceptos, sin tener la idea de que son y a que se dedican individualmente. Esto ocurre muy a menudo y nos hemos preguntado.

¿Cual es la diferencia entre html, css, Javascript?.

De una forma simple para resumir estos conceptos.

HTML: Es un lenguaje marcado de hipertexto

CSS: Hojas de estilo en cascada.

JavaScript: Lenguaje de programación interpretado



W3B-2.0 para principiantes con html ,js,css
E un programa que nos ayudara a poder estructurar una aplicación "app" web desde cero usando :

HTML: Es la forma como se organiza o se estructura la información en una página web. Es la que ordena todo el contenido desde la ubicación del título hasta los pié de página.

CSS: Es el lenguaje con el que puedes crear estilos al contenido de la página, de esta manera la página no se verá como letras una encima de la otra, sino con cuadros, estilos, diagramas y demás cosas agradables ante el ojo humano, que la hace ser atractiva.

JavaScript: Este lenguaje te permite crear una interactividad con el usuario que está visitando tu página, donde puedes pedir datos, vistas dinámicas, pregunta y respuesta y demás.


Aunque estos tres lenguajes se dedican a diferentes cosas, lo hacen para un fin común, el cual es crear una página web dinámica e interactiva.
Estos lenguajes pueden escribirse en un solo archivo y el navegador los interpretara cada uno por separado, uniendo e interpretándolo.


Comunidad amino hacking

Requisitos

Sistema operativo windows 7/10

Pendrive / usb "opcional"

Descargar web-2.0 github

Ejecutar web-2.0



Ingresamos desde el tecleado la opción 1 "crear proyecto".


Ingresamos los datos de nuestra app web .


Observamos que fue creada la estructura de nuestro app web.


Las app creadas se guardan en la carpeta www.
---=

Podemos ver que la app creada nos genera diversas carpetas donde la carpeta public_html es donde se gurda los archivos para comenzar a desarrollar nuestro primera app.
Estructura de nuestro app



Fecha/Hora de la creación de la app



Carpetas generada para comenzar a desarrollar nuestra app.




El archivo run.bat ejecutara nuestra app que observaremos en nuestro navegador web predeterminado.


Nuestra app es adaptable a los dispositivos móviles como a los ordenadores "pc".








Para ver los proyectos creados tecleamos la opción 3


Para eliminar los proyectos ingresamos la opción 2 .


Eliminar todas nuestra app web ingresamos la opción 5.






Descargar

Github

Fuente: este post proviene de The Seven Codes, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SISTEMA DE DIAGNOSTICO Se desea diseñar un diagrama de clases para administrar el trabajo del médico que mediante una cuenta de usuario deberá: • Un administrador se encargará de administrar el sistem ...

¿Qué es el SQL injection? Una inyección de SQL, a veces abreviada como SQLi, es un tipo de vulnerabilidad en la que un atacante usa un trozo de código SQL (lenguaje de consulta estructurado) para mani ...

Recomendamos

Relacionado

general desde0

Conceptos previos para los no iniciados en informática o programación. Muchas veces has escuchado cierta terminología de programación web que cuando llega a tus oídos inmediatamente despierta una curiosidad por "qué es" o "cómo funcionará" eso que han dicho y tantas veces he oído. A continuación repasamos sin entrar en profundos detalles técnicos y buscando facilitar la compres ...

css Ejercicio CSS Cajas CSS ...

Plantilla Web CSS, HTML y PHP. Las lecturas previas para desarrollar esta plantilla son las siguientes: Guía de CSS para Principiantes Ejemplo de Plantilla CSS (Ejemplo1) Ejemplo de Plantilla CSS (Ejemplo2) ¿Cómo Abrir una Página HTML Dentro de un DIV? Después de revisar los ejemplos, Se propone la práctica de CSS, HTML y PHP por medio del desarrollo de una plantilla web que

informática internet ocio ...

Hubo un tiempo en que una web se construía desde cero, incluso escribiendo casi todo en lenguaje html. Luego llegaron programas que hacían el trabajo más fácil, pero las páginas seguían siendo muy simples en su funcionamiento, no tenían que interactuar con el usuario, todo era estático y diseñado con tablas. Llegó el nacimiento de la web 2.0 y todo cambió, con lenguaje php que permite a las webs s ...

Diseño web WordPress

Hubo un tiempo en que una web se construía desde cero, incluso escribiendo casi todo en lenguaje html. Luego llegaron programas que hacían el trabajo más fácil, pero las páginas seguían siendo muy simples en su funcionamiento, no tenían que interactuar con el usuario, todo era estático y diseñado con tablas. Llegó el nacimiento de la web 2.0 y todo cambió, con lenguaje php que permite a las webs s ...

general desarrollo web programación ...

Hola, capaz que muchos no estarán de acuerdo con este post pero la intención no es decir cual es mejor, pues no creo que exista un mejor lenguage de programación. La verdad es que todos tienen sus Pros y sus Contras, y son pensados con especificaciones distintas unos de otros. Una de las preguntas más frecuentes en los foros para principiantes es "¿Cómo iniciarse en programación?" o &qu ...

Programacion css programacion ...

¿Creamos una página web con HTML y CSS y que sea chula?, que mole, que entres y digas… Dios es la página de las páginas. Cómo programar una web en html5 y css Pues ya vimos cómo podemos crear nuestra web con HTML5 y CSS, pero si es cierto que aunque bonita le falta ese punto de dinamismo, ese movimiento en la página que le haga estar viva. Crear un dinamismo con CSS Pues sí querido lector (c ...

Blog diseñador web diseño web ...

Para crear un buen diseño web, hay que saber varios aspectos, estos permiten que no solo sea un limpio y atractivo layout sino que, ayuda también para la optimización del sitio web. Un diseño de esta índole esta caracterizado por una estructura que esta construida mediante un lenguaje de etiquetas (HTML) que permite edificar la arquitectura del mismo. Por lo general cuando se maqueta una web, se u ...

general cursos

Gracias a la inmensa popularidad de los MOOC (Massive Online Open Course) en los últimos años, se han abierto todo tipo de puertas para quienes desean aprender por su cuenta. Este tipo de cursos en linea, abiertos y masivos, abundan y están esperando por los alumnos las 24 horas del día los 365 días del año. Solo tienes que decidirte, registrarte, elegir un curso y empezar a aprender. Una de las r ...

Uncategorized

El desarrollo web: Todo acerca del desarrollo de aplicaciones web. ¿Qué es el desarrollo web? Podemos definir el desarrollo web como la programación del conjunto de líneas de código que permite la creación y el mantenimiento de una página o de una aplicación web. Gracias al desarrollo web se consigue que una página web sea rápida, que tenga un diseño agradable a la vista del usuario, que funcione ...

HTML: Nivel A1

Si sigues por aquí es porque todavía tengo oportunidad de hacer que te guste el mundo del diseño web, por ello hoy vamos a dedicar la entrada a ver los errores de principiante en HTML5, el idioma que pone la estructura de nuestra web. El lenguaje HTML fue creado por Tim Berners Lee, el padre de la web. Este lenguaje permite que los archivos que dan estructura a una web estén formados únicamente de ...