diseño web basico

Diseño web – encuesta para continuar la serie (terminada)

¡En sólo 1 minuto, ayuda a decidir la temática de la próxima serie de diseño web!

El curso básico de diseño web con PHP ha llegado casi a su fin.

Hasta el momento, casi hemos cubierto las cuatro importantes funciones del CRUD (Create, Read, Update and Delete). Después de eso, también cubriremos algunos temas interesantes extra, como puede ser la subida de archivos. De una u otra forma, la grandeza de PHP es que entre otras cosas, es un lenguaje simple. Gracias a esa simpleza, es fácil dedicarse más tiempo a trabajar y menos tiempo a explorar características infinitas. Dicho eso, la simpleza es también la razón de que la serie esté a punto de terminar. Sólo hay un número limitado de cosas que enseñar antes de tener la necesidad de expandir nuestros horizontes.

El problema principal es que hasta el momento sólo hemos cubierto una de las dos partes esenciales del desarrollo web: el desarrollo con lenguaje de servidor. Sin embargo, eso nos deja todavía toda la otra mitad del espectro: el desarrollo con lenguaje de cliente o Javascript.

Ahora, tras conocer PHP y la base de datos MySQL o MariaDB, tenemos una idea bastante buena de cómo funciona una web en el servidor y de cómo se almacena todo en una base de datos. El dilema es el siguiente: ¿aprendemos también las bases del diseño web en Javascript para así conocer las dos grandes disciplinas de diseño web o ahondamos aun más en los lenguajes de servidor?

Por un lado, si nos dedicamos al desarrollo web en el cliente (también conocido como frontend), está claro que es obligatorio conocer Javascript

Javascript

Aunque es un lenguaje que lleva muchos años en uso, nunca acaba de envejecer. Actualmente se usa para todo: páginas dinámicas (información que cambia sin recargar), reproductores multimedia, conexiones asíncronas a la base de datos, almacenamiento de datos en el navegador del usuario y un largo etcétera. A pesar de que Javascript data de 1995, actualmente es uno de los lenguajes más demandados en el mundo. Sin Javascript, la web moderna tal y como la conocemos hoy en día no existiría. Pero claro, también podríamos expandir nuestros horizontes profundizando en el desarrollo web en entorno de servidor…

Symfony

La opción más conservadora sería tal vez Symfony. Se trata de un framework creado por profesionales que está construido sobre PHP. Symfony nos da todas las garantías necesarias en cuanto a que nuestra web será segura, profesional y muy mantenible. No sólo eso: Symfony nos permite crear páginas web de forma mucho más rápida que usando sólo PHP, nos permite trabajar con comodidad y de forma ordenada.

Node.js

Este entorno de desarrollo es un animal totalmente diferente. No se basa en PHP si no que está completamente escrito en C y C++. En resumen, podemos decir que Node.js es una adaptación del motor de Javascript V8 que usaba Chrome en el pasado al entorno de servidores. ¿El resultado? Con poquísimos recursos de procesador y memoria, Node puede manejar muchísimas conexiones de forma simultánea, haciéndolo ideal para crear aplicaciones como un chat en vivo o un juego multijugador. Pero por supuesto, no hace falta irnos a cosas tan futuristas para sacarle partido, Node.js es perfectamente capaz de crear páginas web ligeras, eficientes y rápidas. Eso si, la forma en que trabaja es muy diferente de PHP o Symfony, ya que usa tecnologías diferentes como el NPM o la base de datos no-SQL mongoDB. En muchos aspectos, Node.js parece salido del futuro. Diferentes formas de hacer las cosas y diferentes formas de construir una web. Pero da igual, ¡porque es muy rápido e igual de apasionante!

Conclusión

Te ha tocado decidir la conclusión de este artículo. ¿Con qué tecnología debería continuar la serie de diseño web? Decide en menos de 1 minuto gracias a esta encuesta:

https://goo.gl/forms/8UIxSwVCwTYfYJmL2

¡Recuerda, la encuesta estará abierta durante 1 mes, después se anunciarán los resultados!

¿Te ha gustado? ¡Colabora en Patreon!

33 comentarios

  • JavaDev, en el web esta la versión 4.7.0 awesosome y bajo los iconos y no se como instalarlos ya que no es la misma version y hay otras carpetas que me confunden. Podrias indicarme con que carpeta tendria que trabajar para que me aparezcan los icinos?. Desde ya muchas gracias y reiteradas felicitaciones.

  • Hola, lo hago con el CDN de Bootstrap 4, colocando el mismo código y no me sale nada bonito, parece que cambia mucho con el CDN de bootstrap 4, porfavor actualiza uzando el CDN de B4 porfavor.

  • java tengo un problema ya de varias semanas que no puedo resolver, vacío y lleno la base de datos y siempre me tira los mismos errores. ¿ que es lo que puede suceder ?

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioUsuario.inc.php on line 69

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioUsuario.inc.php on line 70

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioUsuario.inc.php on line 71

    después de repetir 100 veces este mensaje en las lineas 69 , 70,71 aparece en las siguientes lineas esto:

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioEntrada.inc.php on line 17

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioEntrada.inc.php on line 18

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioEntrada.inc.php on line 19
    ERRORSQLSTATE[HY093]: Invalid parameter number: number of bound variables does not match number of tokens
    Notice: Undefined variable: url in C:\xampp\htdocs\blog\script-relleno.php on line 30.

    Desde ya muchas gracias y felicitaciones

  • En primer lugar muchas gracias.!! Estoy siguiendo tus vídeos y me están siendo de gran ayuda.
    Aunque llevo mucho años desarrollando me he puesto ahora (hace 1 semana) con el mundo web y he apostado por php.
    Me han hablado maravillas de Laravel, también de Symfony.. cualquiera de ellos estaría bien.
    Gracias.

  • Fatal error: Uncaught Error: Call to undefined method ValidadorLogin::variable_inicida() in C:\xampp\htdocs\blog\app\ValidadorLogin.inc.php:12 Stack trace: #0 C:\xampp\htdocs\blog\login.php(10): ValidadorLogin->__construct(‘fdc@fdc.com’, ‘123456’, Object(PDO)) #1 {main} thrown in C:\xampp\htdocs\blog\app\ValidadorLogin.inc.php on line 12

    Java no se como corregir este error me podrías ayudar al respecto por favor, se trata de la validación de login . Exelente serie felicitaciones.

  • bueno si estamos hablando de backend estaria bien nodejs , pero para el frontend seria bueno algo con angularjs, polymer , etc …

  • Hola! Hace poco me interesé por el diseño web y he estado siguiendo tu serie desde que decidí empezar a aprender. Empecé los vídeos la semana pasada, voy por el 4º vídeo y tengo un problema con Bootstrap. Me descargo la opción de Compiled CSS and JS, pero a la hora de crear las carpetas en NetBeans, no se incluye la de “Fonts” y tampoco me deja copiar en ninguna carpeta (lo que yo he intentado ha sido copiar bootstrap.min en la carpeta css). No sé si no me estoy descargando la versión correcta o cuál será el problema…

    • Ya ha pasado algún tiempo y es posible que la estructura de carpetas de Bootstrap haya cambiado. Lo más sencillo es que incluyas Bootstrap como ellos recomiendan en sus documentos. Verás que ofrecen unos enlaces de CSS y JS con algo que se llama “MaxCDN”. Si incluyes esos enlaces en tus documentos HTML o PHP, el navegador conseguirá el código CSS y JS de los servidores de MaxCDN de forma automática y lo bueno es que siempre tendrás la última versión disponible sin fallos. Es más fácil así y se pierde menos tiempo.

  • Michel Hernandez

    Hola JavaDev, tengo un problema, en el vide #20, insertar usuarios tengo el metodo insertar_usuarios exactamente al tuyo

    al momento de insertar un usuario desde el login (pagina web) lo inserta, pero me lanza esto en las lineas 61,62,63

    Notice: Only variables should be passed by reference in C:\xampp\htdocs\blog\app\RepositorioUsuario.inc.php on line 60

    a su vez, esas lineas son: nombre, email, password

    $sentencia->bindParam(‘:nombre’, $usuario->obtener_nombre(), PDO::PARAM_STR);

    Tendras una solucion a eso? ya que si inserta el usuario pero me aparece y por mas que busque una solucion (soy novato) no la encuentro

    • Michel Hernandez

      Hola Nuevamente JavaDev, resolvi el error, Xampp estaba usando php7 y habia interferencias, tuve que regresarme hasta php 5.6 para que dejaran de salir esas noticias y todo funciona perfecto (en dado caso de que alguien mas tuviese el error) esto les vendria de mucha ayuda

      • Hola Michel.

        Creo que ese problema está explicado en un comentario destacado en YouTube. El problema es que en versiones más modernas de PHP se ha mejorado la seguridad y ya no se admite el uso de funciones dentro de los parámetros de otra función. Por eso, en vez de insertar como parámetro por ejemplo usuario -> obtener_nombre(), tienes que sacar primero ese nombre a una variable $nombre y luego pasarla como parámetro. Así dejarían de salirte esos avisos molestos.

        ¡Saludos!

  • Podrías subir el código y archivos, es que por más que veo el código no encuentro el error y me desespera mucho la verdad…

    • En la parte derecha de la página (de cualquier página de javadevone.com) verás una sección llamada “archivos fuente” y ahí están todos realmente. No sólo eso, si no que lo pone en la descripción de cada vídeo 🙂

  • Javadev excelente la serie. A mi entender preferiría que la próxima serie fuese de javascript porque es algo básico y necesario para un desarrollador, más desde mi posición que es de principiante en lo referido a web.
    Muchas gracias y saludos.

    • Todo apunta a que así será 🙂

    • Hola Java dev, soy fiel fan y sigo varias de tus series, se que debes estar muy complicado con ellas, pero te quería pedir una ayuda para mí página en wordpress es una pag ecommerce y no he querido tocar el código fuente, una de las cosas que necesito modificar es entre otras: margen de la pantalla(se acorta en monitores full hd, modificar unos plugins que están en inglés, usuario logueado. Me serías de gran ayuda y pienso por supuesto pagar, quiero publicar mi propuesta en freelancer pero antes quería preguntarte a ver si está en tus capacidades ya que se que no cuentas con mucho tiempo. Pues de antemano muchas GRACIAS

      • Hola Orlando, la verdad es que WordPress no es un campo que domine particularmente. Aunque mi propia web está basada en WordPress y he podido modificar algunas cosas, en general suele ser engorroso e incómodo, siempre depende en gran medida de la plantilla y los plugins que estés utilizando.

        El problema del margen de pantalla probablemente lo puedas arreglar cambiando el CSS y las traducciones es posible que también las puedas modificar si encuentras en qué archivo se ubican.

        En cualquier caso, como has dicho, me suelo dedicar principalmente a trabajar y algunas horas a la semana a YouTube, cuando tengo algo de tiempo. Por eso en general no me embarco en otros proyectos ni propuestas, de ahí que tampoco puedo ayudarte.

        Te recomiendo que busques a un buen experto en WordPress y seguramente tendrás suerte en alguna página freelance ya que ese CMS es muy popular en todo el mundo.

        Gracias y espero que arregles tu problema.

  • Concuerdo con tu opinión de JS y si se puede agregar un poco de PostCSS estaría bien para actualizar una que otra cosa, digo. Pregunta , cierto que vimos CRUD, pero ¿CRUD y MVC es lo mismo?

    • Lo de PostCSS ya lo veremos más adelante tal vez, aunque tampoco es imprescindible.

      No, CRUD y MVC no tienen mucho que ver. CRUD es CREATE, READ, UPDATE y DELETE y hace referencia a las operaciones básicas entre el lenguaje de servidor y la base de datos. MVC es un patrón de diseño que hace referencia a MODEL, VIEW & CONTROLLER. Eso implica separar la aplicación en tres partes: el modelo es la parte específica del código que tiene que ver con tu aplicación (qué hace tu app que no hagan las demás), la vista controla lo que ve el usuario (cómo se presentan los datos) y el controlador se encarga de relacionarse con la base de datos para recuperar la información necesaria.

      • Otra pregunta, técnicamente ya vimos ambas o aun no hemos visto el MVC?

        • Lo cierto es que no. El MVC lo veremos en estado puro en el curso de Symfony 🙂

          • Que lastima estaba interesado por el MVC para entenderlo mejor, pero es bueno esperar para conocer la programación mas a fondo, gracias por las respuestas, por cierto buenos vídeos.

          • ¡Muchas gracias! Por cierto, MVC no sólo la podríamos ver en Symfony, Node.js también la emplea con ciertas bibliotecas del NPM, así que es otra posibilidad.

          • Estoy siguiendo el curso y me gustaria seguir aprendiendo mas de programacion del lado del servidor. Me doy cuenta que a medida que avanzo todo esta mucho mas entrelazado y seria dificil cambiar algo sin afectar el resto, tal vez aplicar mvc haria toda esta cuestion mas sencilla puede ser? A pesar de que gano javascrip saldra el curso de Sympfony?

          • Si, definitivamente usar MVC aligera mucho la forma en que se entrelazan los diferentes aspectos. Tal y como estoy enseñando la serie ahora, es muy parecido a la forma en que Symfony está estructurado (aunque Symfony es mucho más profesional). También depende de lo que estés intentando desarrollar.

            Y sí, aunque ganó Javascript, definitivamente quiero que hagamos una serie de Symfony para ver desarrollo PHP de forma más profesional.

  • sin duda la pasada fue una gran serie.. GRACIAS por compartir. .. de ganar javascript seria Javascript puro o se incluira el uso de framawork ?

    • Sería Javascript puro con las tecnologías HTML5: AJAX, local storage, drag & drop, contenido multimedia, evenos, manipulación del DOM y un largo etcétera 🙂

  • Oscar javier castellanos

    Me gustaria si pudieras hacer un curso de diseño wed como el basico pero avansado me encantaria aprender como hacer como un chat para mi pagina wed como la de facebook o una red social

  • Que dificil eleccion, como me gustaria ver un poco de cada uno en una gran serie…

    • No te preocupes por eso. Que gane una opción y la haga en la próxima serie no significa que las demás vayan a desecharse. Si no salen ahora, las haré en series más tarde.

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *