<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="csrf-token" content="E6rQWjrk5xQXTW30v6j5H6yj176ykW7qFpSOEHI4">
    <title>Home de DesarrolloWeb.com</title>

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
    
        
          <link rel="canonical" href="https://desarrolloweb.com" />
    
    <link rel="stylesheet" href="/css/app.css">
    <meta name="theme-color" content="#039be5">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="Desarrollo Web">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="Desarrollo Web">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <meta name="msapplication-TileImage" content="/mstile-150x150.png">
    <meta name="msapplication-TileColor" content="#f5f5f5">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="manifest" href="/manifest.json">
</head>
<body>
    <dw-top-feedback  ></dw-top-feedback>
    
    <nav class="Nav Nav-main" role="navigation">
  <div class="Nav-wrapper container">
    <div class="Nav-title">
      <a id="logo-container" href="/"><img src="/images/logo-desarrolloweb-blanco.png" class="Nav-logo"></a>
    </div>

    <ul class="right">
        <li>
          <dw-search>
            <script async src='https://cse.google.com/cse.js?cx=partner-pub-2899450519669111:8943030224'></script><div class="gcse-searchbox-only"></div>
          <dw-search>
        </li>
        <li><dw-user-control></dw-user-control></li>
    </ul>
    
    <dw-menu>
  <div class="HeaderMenu">
    <div class="HeaderMenu-main">
      <span><a href="/home"><dw-button-dark icon="label">Temas</dw-button-dark></a></span>
      <span><a href="/manuales"><dw-button-dark icon="book">Manuales</dw-button-dark></a></span>
      <span><a href="/faq"><dw-button-dark icon="question_answer">FAQs</dw-button-dark></a></span>
      <span><a href="/canales"><dw-button-dark icon="video_library">Canales</dw-button-dark></a></span>
      <span><a href="/colecciones"><dw-button-dark icon="list">Colecciones</dw-button-dark></a></span>
    </div>
    <section class="HeaderMenu-topics">
      <span>Principales temas: </span>
      <ul class="Lists-inline">
        <li class="Tag"><a href="/home/diseno">Diseño</a></li>
        <li class="Tag"><a href="/home/html">HTML</a></li>
        <li class="Tag"><a href="/home/css">CSS</a></li>
        <li class="Tag"><a href="/home/javascript">Javascript</a></li>
        <li class="Tag"><a href="/home/php">PHP</a></li>
        <li class="Tag"><a href="/home/net">.NET</a></li>
      </ul>
    </section>
  </div>
  <div class="HeaderMenu-close" slot="close"><dw-icon icon="close"></dw-icon></div>
</dw-menu>
  </div>
</nav>
    
    <dw-hide-on-login>
    
      <nav class="NavExtended Title ">
     
    <div class="container">
            <div class="Home-hero">
              <p class="Home-hero-title">
                Aprende desarrollo y diseño
              </p>
              <p class="Home-hero-subtitle">
                ...y descubre que enseñar es la mejor manera de aprender
              </p>
              <p>
                <dw-scroll-action icon="arrow_drop_down" itemId="introactions">Comenzar!</dw-scroll-action>
              </p>
            </div>
          </div>
    <div class="NavExtended-content container">
    
  </div>
</nav>
      <div class="Panel">
  <div class="container">
      <h1>Desarrollo Web</h1>
  </div>
  <div class="Grid-3_col_responsive">
    <div class="Panel-icon">
      <dw-icon icon="code"></dw-icon>
      <span>De código a diseño, de básico a avanzado</span>
    </div>
    <div class="Panel-icon">
      <dw-icon icon="accessibility_new"></dw-icon>
      <span>Base de conocimiento gratuita para todos</span>
    </div>
    <div class="Panel-icon">
      <dw-icon icon="chat"></dw-icon>
      <span>Participa y ayuda a la comunidad, aprenderás más!</span>
    </div>
  </div>
</div>
    </dw-hide-on-login>

  
    
    <div style="margin-bottom: 5px;" id="introactions"></div>
<div class="container" id="introactions">
  <div class="Home-actions space-top">
    <div class="Panel">
      <div class="Panel-title">
        ¿Qué quieres hacer hoy?
      </div>
      <dw-modal-options class="space-top"></dw-modal-options>
    </div>
  </div>
</div>
    <dw-hide-on-login>
      <div class="Panel Panel-black Home-userCall space-bottom-more">
  <div class="Panel-title">Encuentra tus materiales</div>
  <div class="Panel-subtitle">Haz login o regístrate para no perderte nada</div>  
  <div class="Panel-buttons">
    <a href="/register"><dw-button-dark>Registrarse</dw-button-dark></a>
    <a href="/login"><dw-button-dark>Entrar</dw-button-dark></a>
  </div>
</div>
    </dw-hide-on-login>
    
      
    <main class="container">
      
    

    
    <dw-slide opened class="space-bottom">
  <h2 slot="title" class="margin0">Manuales populares</h2>
  <div slot="content">
    <div class="Manual-shortList">
          <a href="/manuales/manual-javascript.html" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item yellow">
          <div class="Manual-shortList-area">Frontend</div>
          <div class="Manual-shortList-title">Manual de JavaScript</div>
        </dw-list-box>
      </a>
          <a href="/manuales/manual-php.html" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item purple">
          <div class="Manual-shortList-area">Backend</div>
          <div class="Manual-shortList-title">Manual de PHP</div>
        </dw-list-box>
      </a>
          <a href="/manuales/47" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item purple">
          <div class="Manual-shortList-area">Diseño</div>
          <div class="Manual-shortList-title">Curso práctico de diseño web</div>
        </dw-list-box>
      </a>
          <a href="/manuales/manual-css-hojas-de-estilo.html" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item red">
          <div class="Manual-shortList-area">Frontend</div>
          <div class="Manual-shortList-title">Tutorial de CSS básico</div>
        </dw-list-box>
      </a>
          <a href="/manuales/manual-jquery.html" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item orange">
          <div class="Manual-shortList-area">Frontend</div>
          <div class="Manual-shortList-title">Manual de jQuery</div>
        </dw-list-box>
      </a>
          <a href="/manuales/manual-nodejs.html" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item green">
          <div class="Manual-shortList-area">Frontend</div>
          <div class="Manual-shortList-title">Manual de NodeJS</div>
        </dw-list-box>
      </a>
          <a href="/manuales/tutorial-sql.html" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item light-blue">
          <div class="Manual-shortList-area">Iniciación</div>
          <div class="Manual-shortList-title">Tutorial de SQL</div>
        </dw-list-box>
      </a>
          <a href="/manuales/33" >
        <dw-list-box icon="keyboard_arrow_right" class="Manual-shortList-item teal">
          <div class="Manual-shortList-area">Diseño</div>
          <div class="Manual-shortList-title">Introducción al diseño web</div>
        </dw-list-box>
      </a>
      </div>
    <a href="/manuales"><dw-button-transparent icon="keyboard_arrow_right">Explora los 208 manuales</dw-button-transparent></a>
  </div>
</dw-slide>
    <div class="Grid_aside">
      <div>
        <h2 class="underlineBox space-top">Últimas actualizaciones</h2>
<div class="Updates">
      <article>
      <div class="Updates-date">11/09/2019</div>
      <div class="Updates-title">
                  <a href="https://desarrolloweb.com/canales/angular">Aprende Angular (8)</a>
              </div>
      <div class="Updates-excerpt">Publicados dos vídeos nuevos en el canal de #Angular. Presentación de las novedades de Angular en la versión 8 y 8.2 + Clase en vivo con primeros pasos de Angular: instalación, creación de una aplicación, desarrollo de componentes, etc.</div>
              <div class="Updates-image">
          <img src="/storage/update_images/wxRBnqII0hXJtKS0QiMTcLsR8xdGXL2P27sAkRiK.jpeg" alt="Aprende Angular (8)">
        </div>
                </article>
      <article>
      <div class="Updates-date">02/09/2019</div>
      <div class="Updates-title">
                  Hemos renovado el sitio!
              </div>
      <div class="Updates-excerpt">Todo DesarrolloWeb.com ha sido renovado. Diseño, programación, base de datos, estructura de diversas secciones. Esperamos que os guste!</div>
              <div class="Updates-image">
          <img src="/storage/update_images/H9JEclzHB0dvqQqKZHzoSaRxj7qka8gINMkfq3ft.jpeg" alt="Hemos renovado el sitio!">
        </div>
                    <div class="Updates-extra"><div>Nos hemos centrado en los contenidos más relevantes, eliminando secciones que no se actualizaban y reformulando algunas áreas del sitio para facilitar la interacción y el mantenimiento.<br><br>Ese era el motivo por el que en los pasados meses habíamos realizado pocas actualizaciones de contenido, ya que la mayoría del tiempo lo estábamos destinando a la re-prorgramación del sitio web.</div></div>
          </article>
      <article>
      <div class="Updates-date">27/06/2019</div>
      <div class="Updates-title">
                  <a href="/articulos/session-laravel.html">Sesiones en Laravel</a>
              </div>
      <div class="Updates-excerpt">Cómo trabajar con sesiones en Laravel. Describimos distintas operativas útiles para aplicaciones web.</div>
              <div class="Updates-image">
          <img src="/storage/update_images/X0CoztpWk95JaoMFv4RWiziDg92qj48eYLQJCVLa.jpeg" alt="Sesiones en Laravel">
        </div>
                </article>
      <article>
      <div class="Updates-date">17/06/2019</div>
      <div class="Updates-title">
                  <a href="/articulos/redux-litelement.html">Redux en LitElement</a>
              </div>
      <div class="Updates-excerpt">Aprende a usar Redux como arquitectura de datos para mejorar el flujo de la información en las aplicaciones desarrolladas con LitElement.</div>
              <div class="Updates-image">
          <img src="/storage/update_images/8NoSPsBDwTLVDw0zZp1nVtD7heEirKFeWGddBt7h.jpeg" alt="Redux en LitElement">
        </div>
                </article>
      <article>
      <div class="Updates-date">10/06/2019</div>
      <div class="Updates-title">
                  <a href="/articulos/especificar-versiones-git-tag.html">Versiones con Git Tag</a>
              </div>
      <div class="Updates-excerpt">Hemos actualizado de arriba a abajo el contenido del tutorial sobre Git Tag.</div>
              <div class="Updates-image">
          <img src="/storage/update_images/m5jaVqIUZnqrEGpHgJZF3MRXSVYgHfmDRhbbGGlO.jpeg" alt="Versiones con Git Tag">
        </div>
                </article>
  </div>
      </div>


      <aside>
        <div class="Aside">
  <div class="Aside-title Aside-title-light">
    <h2 class="underlineBox">Categorías populares</h2>
  </div>
  <div class="Aside-box Aside-roundedDown space-bottom center">
    <ul class="Taglist ">
      <a href="/home/php"><li class="Tag  ">PHP</li></a>
      <a href="/home/diseno-web"><li class="Tag  ">Diseño web</li></a>
      <a href="/home/html"><li class="Tag  ">HTML</li></a>
      <a href="/home/css"><li class="Tag  ">CSS</li></a>
      <a href="/home/jquery"><li class="Tag  ">jQuery</li></a>
      <a href="/home/javascript"><li class="Tag  ">Javascript</li></a>
      <a href="/home/lenguaje-sql"><li class="Tag  ">Lenguaje SQL</li></a>
      <a href="/home/mysql"><li class="Tag  ">MySQL</li></a>
      <a href="/home/ajax"><li class="Tag  ">Ajax</li></a>
      <a href="/home/web-components"><li class="Tag  ">Web Components</li></a>
      <a href="/home/laravel"><li class="Tag  ">Laravel</li></a>
      <a href="/home/internet"><li class="Tag  ">Internet</li></a>
      <a href="/home/programacion"><li class="Tag  ">Programación</li></a>
      <a href="/home/marketing"><li class="Tag  ">Marketing</li></a>
      <a href="/home/sistemas"><li class="Tag  ">Sistemas</li></a>
      <a href="/home/bases-de-datos"><li class="Tag  ">Bases de datos</li></a>
      <a href="/home/programas"><li class="Tag  ">Programas</li></a>
      <a href="/home/recursos-gratis"><li class="Tag  ">Recursos gratis</li></a>
      <a href="/home/organizaciones"><li class="Tag  ">Organizaciones</li></a>
      <a href="/home/directorios-tematicos"><li class="Tag  ">Directorios Temáticos</li></a>
  </ul>    
          <dw-button-transparent icon="keyboard_arrow_right">Ver los 159 temas</dw-button-transparent>
      </div>
</div>
        <div class="Aside">
  <div class="Aside-title Aside-title-light">
    <h2 class="underlineBox">Canales populares</h2>
  </div>
  <div class="Aside-box Aside-roundedDown space-bottom center">
    <p>Estos son los canales de vídeos y clases en directo más seguidos:</p>
    <div slot="content" class="Events-series Events-series-aside">
              <article class="spacebottom">
          <a href="/canales/angular"><img src="/storage/serie_images/angular.png" alt="Angular"></a>
          <div class="Events-series-data">
            <h3><a href="/canales/angular"># Angular</a></h3>
            <div class="Events-series-stats">
                Vídeos: 3       
            </div>
          </div>
        </article>
              <article class="spacebottom">
          <a href="/canales/sistemas"><img src="/storage/serie_images/server.jpg" alt="Sistemas"></a>
          <div class="Events-series-data">
            <h3><a href="/canales/sistemas"># Sistemas</a></h3>
            <div class="Events-series-stats">
                Vídeos: 2       
            </div>
          </div>
        </article>
              <article class="spacebottom">
          <a href="/canales/diseno"><img src="/storage/serie_images/design.jpg" alt="Diseño"></a>
          <div class="Events-series-data">
            <h3><a href="/canales/diseno"># Diseño</a></h3>
            <div class="Events-series-stats">
                Vídeos: 1       
            </div>
          </div>
        </article>
              <article class="spacebottom">
          <a href="/canales/programacion"><img src="/storage/serie_images/programming.jpg" alt="Programación"></a>
          <div class="Events-series-data">
            <h3><a href="/canales/programacion"># Programación</a></h3>
            <div class="Events-series-stats">
                Vídeos: 3       
            </div>
          </div>
        </article>
              <article class="spacebottom">
          <a href="/canales/laravel"><img src="/storage/serie_images/laravel.png" alt="Laravel"></a>
          <div class="Events-series-data">
            <h3><a href="/canales/laravel"># Laravel</a></h3>
            <div class="Events-series-stats">
                Vídeos: 2       
            </div>
          </div>
        </article>
              <article class="spacebottom">
          <a href="/canales/javascript"><img src="/storage/serie_images/javascript.png" alt="Javascript"></a>
          <div class="Events-series-data">
            <h3><a href="/canales/javascript"># Javascript</a></h3>
            <div class="Events-series-stats">
                Vídeos: 3       
            </div>
          </div>
        </article>
          </div>
  </div>
</div>      </aside>
    
    </div> 
    
      
    </main>

    
  <div class="NavExtended Title margin0">
  <div class="container">
    <div class="Panel">
      <div class="Panel-title">¿Algo de tiempo para dedicar a la comunidad?</div>
      <div class="Panel-subtitle space-bottom-more">Contesta alguna de estas preguntas populares</div>
              <article class="Home-faq">
          <div class="Home-faq-data">
            <div class="Item-main">
              <p>
                <a href="/faq/como-puedo-solucionar-una-penalizacion-en-google" class="Home-faq-data-title">Cómo puedo solucionar una penalización en Google?</a>
              </p>
              <ul class="Taglist ">
      <a href="/home/buscadores"><li class="Tag  ">Buscadores</li></a>
  </ul>              <div>
                Votos: 0
              </div>
            </div>
            <div class="Item-actions Home-faq-actions">
              <a href="/faq/como-puedo-solucionar-una-penalizacion-en-google"><dw-icon-button icon="keyboard_arrow_right"></dw-icon-button></a>
            </div>
          </div>
        </article>
              <article class="Home-faq">
          <div class="Home-faq-data">
            <div class="Item-main">
              <p>
                <a href="/faq/usar-comando-mysql-mac-instalacion-mamp-server" class="Home-faq-data-title">Usar el comando mysql en Mac con instalación de Mamp Server</a>
              </p>
              <ul class="Taglist ">
      <a href="/home/mysql"><li class="Tag  ">MySQL</li></a>
  </ul>              <div>
                Votos: 0
              </div>
            </div>
            <div class="Item-actions Home-faq-actions">
              <a href="/faq/usar-comando-mysql-mac-instalacion-mamp-server"><dw-icon-button icon="keyboard_arrow_right"></dw-icon-button></a>
            </div>
          </div>
        </article>
              <article class="Home-faq">
          <div class="Home-faq-data">
            <div class="Item-main">
              <p>
                <a href="/faq/como-proteger-archivos-para-descarga-en-laravel" class="Home-faq-data-title">¿Cómo proteger archivos para descarga en Laravel?</a>
              </p>
              <ul class="Taglist ">
      <a href="/home/laravel"><li class="Tag  ">Laravel</li></a>
  </ul>              <div>
                Votos: 0
              </div>
            </div>
            <div class="Item-actions Home-faq-actions">
              <a href="/faq/como-proteger-archivos-para-descarga-en-laravel"><dw-icon-button icon="keyboard_arrow_right"></dw-icon-button></a>
            </div>
          </div>
        </article>
              <article class="Home-faq">
          <div class="Home-faq-data">
            <div class="Item-main">
              <p>
                <a href="/faq/instalar-distintas-versiones-de-angular-cli" class="Home-faq-data-title">Instalar distintas versiones de Angular CLI</a>
              </p>
              <ul class="Taglist ">
      <a href="/home/javascript"><li class="Tag  ">Javascript</li></a>
  </ul>              <div>
                Votos: 0
              </div>
            </div>
            <div class="Item-actions Home-faq-actions">
              <a href="/faq/instalar-distintas-versiones-de-angular-cli"><dw-icon-button icon="keyboard_arrow_right"></dw-icon-button></a>
            </div>
          </div>
        </article>
          </div>
  </div>
</div>

    <footer class="Footer">
    <div class="Footer-content container">
      <div class="Footer-links">
        <section class="Footer-section">
          <span class="Footer-section-title">Aprender</span>
          <ul>
            <li><a href="/manuales">Manuales</a></li>
            <li><a href="/home">Temas</a></li>
            <li><a href="/panel/downloads">Gestionar descargas</a></li>
            <li><a href="/canales">Canales</a></li>
          </ul>
        </section>
        <section class="Footer-section">
          <span class="Footer-section-title">Comunidad</span>
          <ul>
            <li><a href="/faq">Preguntas y respuestas</a></li>
            <li><a href="/faq-admin/nueva">Hacer una pregunta</a></li>
            <li><a href="/colecciones">Colecciones</a></li>
            <li><a href="/panel/puntos_ex">Experiencia</a></li>
          </ul>
        </section>
      </div>
      <div class="Footer-social">
        <span class="twitter">
          <a rel="nofollow" target="_blank" href="https://twitter.com/deswebcom"><dile-social-icon icon="twitter"></dile-social-icon></a>
        </span>
        <span class="facebook">
          <a rel="nofollow" target="_blank" href="https://www.facebook.com/desarrollowebcom/"><dile-social-icon icon="facebook"></dile-social-icon></a>
        </span>
        <span class="youtube">
          <a rel="nofollow" target="_blank" href="http://www.youtube.com/user/desarrollowebcom"><dile-social-icon icon="youtube"></dile-social-icon></a>
        </span>
        <span class="github">
          <a rel="nofollow" target="_blank" href="https://github.com/deswebcom"><dile-social-icon icon="github"></dile-social-icon></a>
        </span>

      </div>
    </div>

    <div class="Footer-end">
      <div class="container">
      <a href="/">Home</a> 
      <a href="/informacion-legal">Datos legales</a> 
      <a href="/informacion-legal#privacidad">Privacidad</a> 
      <a href="/informacion-legal#cookies">Política de cookies</a> 
      <a href="/contacto">Contacto</a> 
      </div>
    </div>
  </footer>
    <dw-login-modal class="Login">
      <p>
        <input type="text" id="loginemail" placeholder="email">
      </p>
      <p>
        <input type="password" id="loginpass" placeholder="clave">
      </p>
    </dw-login-modal>
    
    <dw-feedback
      ></dw-feedback>    
    <dw-spinner></dw-spinner>

    <script src="https://cookiehub.net/cc/afd831ed.js"></script>
    
    
    <script src="/js/app.js"></script>


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-365134-1"></script>
    <script>
    var gtagId = 'UA-365134-1';
    // Disable tracking by default
    window['ga-disable-' + gtagId] = true;

    // Initialize gtag
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    </script>
    
  
        <script src="/js/webcomponentsjs/webcomponents-loader.js"></script>
<!-- <script src="/js/webcomponentsjs/custom-elements-es5-adapter.js"></script> -->

  <script src="/js/bundles/commons.bundle.js"></script>
  <script src="/js/bundles/home.bundle.js"></script>
  

    
</body>
</html>