comunidades

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:

El día 15 de septiembre una mañana amino recibe muchas peticiones de servicios aun que pueden ser otra las causas como: *Migraciones de servidores *Ataques de ddos *Peticiones de servicios *Soporte o ...

El objetivo de los CTF es lograr resolver la mayor cantidad de retos posibles, obteniendo una flag (Solución a un reto), entre los cuáles, se suelen encontrar retos de criptografía, ingeniería inversa ...

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

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

Internet Desarrollo web Diseño web ...

Signl es el nombre de una nueva plataforma de tutoriales y contenido útil para aprender todo lo relacionado con el diseño web. A través de la página, los usuarios pueden compartir diferentes cursos, tutoriales y consejos para aprender a crear un dominio web, desde la parte visual y de diseño, hasta los aspectos de programación y lenguajes básicos como HTML y CSS. La propuesta de Signl es muy inter ...