Creación de un entorno de desarrollo local

Clase 33 de 61 • Curso de JavaScript y jQuery 2015

Clase anteriorSiguiente clase

Juan Castro

teacher•

Por primera vez me pude conectar con mi ipad!

J. Jesús Rodríguez Vidal Jesús Rodríguez

student•

Buen día. Tengo el servidor http corriendo en el directorio en donde está el index.html, en la terminal manda un error en ......"GET /" Mozilla/5.0 <windows NT 6.3) Aplee webkit <KHTML LIKE Gecko> Chrome Safari...... Si pongo la ruta directamente en el navegador (c:\proyecto\index.html) si muestra la página. alguna idea??? Gracias.

J. Jesús Rodríguez Vidal Jesús Rodríguez

student•

Ya lo encontré gracias....

José Abraham Garcia Sanchez

student•

¿Crear el entorno de desarrollo con http-servier sería lo mismo que usar un servidor local como MAMP?

Miguel Rodríguez

student•

Margaret Fellerman

student•

Me he perdido una clase o en ninguna parte se explica como es posible que mágicamente desde el puerto 8080 se vea la aplicación anteriormente hecha, que hemos guadado en una carpeta cualquiera de nuestro ordenador?

Guillermo Reyes Cruz

student•

ve cuando instala esto " npm install -g http-server "
debes estar dentro de la carpeta del proyecto que quieres que se vea por eso lo instala aqui
" /code/platzi/platzifrontend-marvel "
y despues lo activas con " http-server . " y se ve en el localhost.
espero aver ayudado

J. Alejandro Facio Moreno

student•

donde tengas la ruta de la de tu aplicacion/public es cuando debes de arrancar tu http-server. Procura que cuando compiles con jade estes apuntando a public el html que te genera con el index.html para que encuentre el servidor

Es problable que las ruas de las imagenes y de la oja de estilos como lo tenia lEonidas tenga el public/images o public/css y los archivos que esta jalando, solo elimina public por que el index.html como esta en raiz (public) recuerda apunta directamente a las carpetas correspondientes.

public/index.html

<!DOCTYPE html>  
<html lang="es">  
  <head>  
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">  
    <link rel="stylesheet" href="css/app.css">  
  </head>  
  <body>  
    <section class="Layout">  
      <section class="Layout-antagonist">  
        <div class="Card Card--antagonist">  
          <div class="Card-container">  
            <h3 class="Card-name">Wolverine</h3><img src="./images/wolverine.jpg" width="120" class="Card-image">  
            <div class="Card-description">Wolverine es muy poderoso</div>  
            <div class="Card-attack">Ataque | 500</div>  
          </div>  
          <div class="Card-backface"> </div>  
        </div>  
        <div class="Card Card--antagonist">  
          <div class="Card-container">  
            <h3 class="Card-name">Wolverine</h3><img src="./images/wolverine.jpg" width="120" class="Card-image">  
            <div class="Card-description">Wolverine es muy poderoso</div>  
            <div class="Card-attack">Ataque | 500</div>  
          </div>  
          <div class="Card-backface"> </div>  
        </div>