Qué es un editor visual para crear páginas web

diseño web

Anteriormente se requería conocimientos sobre maquetado web como HTML para poder crear una página web. Hoy las posibilidades están más extendidas para todo tipo de usuarios y con especial enfoque en los diseñadores, con una correspondencia más directa con lo visual.

En este sentido, un editor visual es una herramienta informática que nos brinda una serie de elementos para incorporar a nuestro diseño, para así personalizarlo con las propiedades visuales deseadas como pueden ser:

  • Ubicación
  • Color de fondo
  • Color de texto
  • Márgenes

diseño web

También hará de intermediario o traductor entre la representación de estos elementos y el código de maquetado subyacente, el cual es producto final de cualquiera software de este tipo. Hay que tener en cuenta que existen varios tipos de códigos que pueden usarse en simultáneo para el funcionamiento de un sitio web, como pueden ser:

  • HTML: Lenguaje de marcado de hipertexto. Sirve para la estructura o esqueleto básico. Define la posición de los elementos relativa entre ellos. Párrafos, divisiones, tablas (filas y columnas), vínculos, etc.
  • CSS: Hoja de estilos en cascada. Su utilidad se da como complemento del HTML asignando propiedades visuales a los elementos definidos en la estructura. De esta forma, permite cambiar de más eficientemente propiedades como: color, fuente, tamaño, etc.
  • JavaScript: Un lenguaje para añadir funcionalidad algorítmica. Es en sí un lenguaje de programación, mientras que los anteriores son de marcado o maquetado. Permite una interacción personalizable con el usuario.

Entonces el editor visual convertirá nuestras instrucciones de tipo visuales, en código e instrucciones legibles para el navegador, las cuales procederá a renderizar para su visualización. De esta manera podemos inferir que un editor visual es el inverso de un navegador web.

Diferentes categorías de editores visuales:

diseño web

Como se dijo anteriormente, un editor visual es un software, pero como tal puede aparecer en diferentes plataformas y tecnologías.

#1: Editores online integrados:

Algunos proveedores de alojamiento web o hosting, permiten acceder a este tipo de herramienta incluida en el plan, de forma que, apenas contratado el servicio, seas capaz de empezar a diseñar tu sitio web sin más demora.

De esta forma, se puede obtener una manera muy eficiente, liviana y rápida de crear un sitio web simplemente arrastrando y soltando bloques en una plantilla a elección del usuario. Otras soluciones similares pueden ser provistas por sitios dedicados al diseño web, aunque todos con un funcionamiento similar.

La desventaja que pueden presentar es la limitada capacidad de funcionalidad agregada, es decir que estos editores visuales están diseñados para una serie muy específica de interacciones con el usuario, como pueden ser: un formulario de contacto, un cuadro de mensaje o algo afín, pero sin poder extenderse más allá de eso.

#2: Editores de escritorio:

Son programas que trabajan completamente offline, es decir que e permiten desarrollar un proyecto web desde el principio y con la posibilidad de publicarlo una vez finalizado. Estos programas suelen ser bastante pesados en recursos computacionales y se quedan obsoletos rápidamente, puesto que el mundo web es altamente dinámico.

Ejemplos de este tipo son:

Como ejemplo clave de esto, Adobe anunció el fin del soporte para Muse, y el lanzamiento de su última actualización en marzo del 2018.

diseño web

#3: Sistemas de gestión de contenidos:

También conocidos como CMS por sus siglas en inglés (Content Management System) Se trata de un software que corre sobre un servidor web, el cual se encarga de gestionar de forma integral todos los aspectos de un sitio web como: navegación de páginas, estructura de página, entradas del sitio o de blog, archivos multimedia, temas visuales, complementos y funcionalidades adicionales, gestión de acceso, usuarios o comunidad y mucho más.

Existe una infinidad de estos sistemas con múltiples propósitos y orientados para un montón de mercados y soluciones, por lo que están en un gran auge. La única desventaja es que representan una gran carga para el servidor al crear un sitio dinámico, es decir que se debe generar permanentemente el contenido para que funcione en tiempo real.

En este caso, el código que se utiliza es un tanto diferente ya que debe estar preparado para ser dinámico y crear el código de marcado web en tiempo real, lenguajes de programación como estos son: PHP, ASP.NET, etc.

El software editor visual es propio para cada sistema que lo trae incorporado para editar páginas en tiempo real y de publicación casi instantánea. Algunos ejemplos de sistemas CMS populares son:

Las formas numeradas en este artículo representan un mero resumen genérico de las posibilidades a encontrar y de los ejemplos más populares de cada categoría, pero en el mundo web, donde la dinámica, las tendencias y los patrones de diseño cambian constantemente, se debe estar al día para brindar soluciones que destaquen y satisfagan a nuestros clientes o usuarios.

Directorio curado de recursos JavaScript

javascript

Hace unos días compartí con ustedes un par de posts interesantes como el checklist para saber si tu front-end está completo o el directorio curado de cursos de programación gratis, y hoy les tengo otro que seguramente les va a encantar.

JS.Directory es un directorio curado muy útil donde frecuentemente van colgando recursos referentes al «ecosistema» JavaScript. Un lugar esencial para todo desarrollador que siempre está ávido de nuevos recursos de programación.

El directorio tiene (hasta el momento) las siguientes categorías:

  • Ejemplos
  • Boilerplates
  • Tools
  • Componentes
  • Documentación
  • Artículos
  • Libros
  • Videos
  • Podcasts
  • Comunidades

Día a día van agregando nuevos recursos al directorio, aunque si ustedes lo desean pueden agregar los suyos ya que es una lista abierta y colaborativa.

Libro para aprender programación PHP nivel básico

Manual PDF Programación en PHP5
PHP es uno de los lenguajes de programación más potentes y utilizados por los desarrolladores. Se puede hacer caso cualquier cosa y si son de los que están con ganas de aprender a programar en PHP les quiero dejar un libro muy bueno que tiene sus añitos pero que les va a ser de muchísima utilidad.

Es un libro que tiene 180 páginas y en él se tocarán los fundamentos básicos para comenzar a programar en PHP5. Se los recomiendo ya que es gratis y lo pueden leer online o descargar en PDF.

Contenido del libro:

1. Introducción a PHP
2. Características del lenguaje 3.
Variables y Constantes
4. Tipos de datos
5. Operadores
6. Estructuras de control
7. Funciones
8. Entrada y salida de datos
9. Ficheros y directorios
10. Apéndice HTML

Para acceder al libro y leerlo online tienen que entrar acá.

Visto en Frontendo

Cursos de desarrollo web gratis: HTML, CSS, Python, XML, PHP y webapps

Sé que los recursos de programación son muy bienvenidos por los lectores del blog, por eso les quiero dejar una buena recopilación de cursos de programación o desarrollo web para que se introduzcan en el tema.

cursos de programacion

Todos estos cursos los pueden encontrar en el sitio de mclibre.org, allí tienen acceso desde los íconos que identifican los diferentes lenguajes: HTML-CSS, Python, XML, PHP y webapps; dentro de ésta última categoría van a encontrar muchas cosas como CMS, phpMyAdmin y mucho más.

Por último también tienen una sección de tests para evaluar sus conocimientos.

Libro de Python gratis: ‘Python para todos’

Python para todosPython es uno de los lenguajes de programación más usados y poderosos, por eso, para los programadores, siempre es bueno aprender sobre este lenguaje y estar listos para poder desarrollar proyectos.

En esta oportunidad les quiero contar sobre un libro gratuito llamado Python para todos, escrito por Raúl González Duque, y es una guía muy completa para los que quieren aprender Python de manera totalmente gratuita y autodidacta.

El libro tiene 160 páginas y toca los siguientes temas:

  • Tipos básicos
  • Control de flujo
  • Funciones
  • Orientación a objetos
  • Programación funcional
  • Excepciones
  • Módulos y paquetes
  • Entrada / Salida
  • Expresiones regulares
  • Sockets
  • Interacción con webs
  • Threads
  • Serialización de objetos
  • Bases de datos
  • Documentación
  • Pruebas
  • Distribuir aplicaciones Python

Para más información pueden visitar este link: Tutorial de Python ‘Python para todos’, allí tienen acceso al libro y más tutoriales de Python.

Más de 600 recursos gratuitos para desarrolladores web

Todo desarrollador siempre está en busca de nuevos recursos que puedan facilitarle la tarea a la hora de los pyorectos, por eso hoy les quiero dejar este genial sitio llamado wwwhere, un directorio con más de 600 recursos gratuitos para desarrolladores web.

wwwhere

Este directorio es el resultado de años de trabajo de recopilar recursos de sus creadores, los cuales decidieron compartir todo con la comunidad, algo invaluable sin dudas.

Lo bueno es que todos los recursos están organizados por categoría o tipo, entre los cuales encontramos arquitecturas, blogs y sitios de noticias, comunidades, elementos, servicios, inspiración, interfaces gráficas, código, y mucho más. Obviamente que todos esos recursos están orientados siempre al desarrollador web.

Enlace: wwwhere

Visto en Soft&Apps

Curso gratis de Java nivel avanzado

Curso Lenguaje programación Java nivel avanzado I
Java es y será uno de los lenguajes de programación más utilizados, por eso cada vez que se me pasa algún recurso relacionado al tema, siempre vengo a compartirlo con ustedes.

Hace unos meses publiqué un post titulado: Curso gratis para aprender programación Java desde cero, el cual tuvo mucho aceptación por parte de todos los lectores. La buena noticia es que ya está disponible un curso de nivel más avanzado hecho por los mismos creadores del curso básico, especial para los que quieren seguir sumando conocimientos sobre este lenguaje.

El curso es muy completo y lo mejor de todo es que es completamente gratis. Además de que pueden ver las lecciones online o descargarlas en formato PDF.

Enlace: Curso Lenguaje de programación Java nivel avanzado I

20 cursos de PHP gratis

Les dejo esta recopilación con cursos de PHP gratis para que aprendan a programar con este poderoso lenguaje que hoy en día se utiliza en absolutamente todo.

Hay cursos para todos los niveles, desde personas que no saben nada de programación y empiezan de cero hasta personas más avanzadas que buscan aprender más.

PHP Code

Cursos de PHP gratis

PHP Ya: En este sitio tienen como objetivo enseñarnos PHP desde cero, con muchas lecciones y la posibilidad de desarrollar pequeños programitas y luego ejecutarlos online.

ProgramacionWeb.net: Un completísimo curso de PHP muy bien explicado lección por lección.

AulaFacil: Aquí también ofrecen un genial curso de PHP con proyectos para llevar adelante y practicar lo que aprendemos.

Curso de HTML y PHP: Es un manual – curso de HTML y PHP que está subido a Scribd y les será de muchísima utilidad.

PHP desde cero: Es un genial curso de PHP para personas que comienzan de cero. Con más de 150 horas de duración.

Páginas web con PHP: Un interesante curso recién salido del horno en el cual aprenderán a crear páginas web usando este lenguaje de programación.

Programación en PHP: Manual básico sobre PHP, desde cero, que cubre los aspectos más importanes del lenguaje.

Manual de PHP 5: Manual sobre la programación orientada a objetos en PHP 5.

Videotutorial de PHP: Videotutoriales de PHP, la manera más fácil de aprender PHP.

Tutorial de PHP: Un tutorial corto pero muy útil.

Manual de PHP: En WebEstilo ofrecen también un manual simple para aprender PHP.

Tutorial Programación PHP: Buen curso básico donde se explica todo lo relacionado a este lenguaje.

Curso de PHP y MySQL en video: Genial curso con 61 videos para aprender estos dos lenguajes de programación.

40 tutoriales PHP: Una recopilación con 40 lecciones sobre PHP.

Videocurso de PHP: Un genial curso de PHP con 60 videos disponibles.

PHP Guay: Curso básico de PHP disponible en Cursopedia.

PHP y MySQL desde el principio: En este completo video curso desde cero se enseña en cerca de una hora los princpios de programación en PHP.

PHP Orientado a Objetos: Inicate en la programación PHP con este completo curso gratuito en el que además de la teoría propia para programar se desarrollan ejercicios prácticos.

Programando en PHP y MySQL: En este curso aprenderás fácilmente a programar desde cero tu primera página web en pocos días.

Videotutorial de PHP CodigoFacilito: Un genial curso de PHP con 30 videos en español.

Chuletas de programación para todos los lenguajes

PHP Cheat Sheet
Por más que uno sea un programador experimentado no puede ser una enciclopedia y acordarse todo de memoria; en este caso uno de los mejores aliados del programador son las chuletas, por eso les quiero recomendar dos sitios donde podrán encontrar una colección impresionante de chuletas de programación para todos los lenguajes.

Uno de los sitios en cuestión es OverAPI.com, en el cual podrán encontrar chuletas de programación ordenadas por lenguaje. EN la parte centrar hay íconos que identifican cada lenguaje, pero también pueden ir navegando por letra en la parte inferior.

El segundo sitio se llama Cheat-Sheets.org, es un poco más «rústico» que el que comenté antes, pero muy útil y con una base de datos gigantesca de chuletas de programación. A la izquierda verán la lista de lenguajes y cuando hagan click allí se desplegarán las opciones de descarga en la parte derecha.

Visto en en Maestro de la Computación

Más de 670 libros de programación para descargar gratis

Por suerte hoy en día aparecen todo tipo de recursos para apreder en internet, y hoy les quiero dejar este que seguramente les va a encantar, ya que consta de una colección de más de 670 libros de programación para descargar gratis.

Hay libros de todo tipo, ya sea de Java / AJAX, Python, Ruby, C++, programación orientada a objetos, Perl, PHP, JQuery, .NET, programación para dispositivos móviles, y muchísimo más.

libros de programacion gratis

La colección está disponible en el conocido sitio OpenLibra y todos los libros pueden ser descargados sin pagar un solo centavo o visualizarlos en formato PDF de manera online.

Espero que estos libros de programación gratis les hayan sido de utilidad y obviamente demás está decir que guarden la página en favoritos para entrar a descargar libros cuando tengan un poco de tiempo libre y quieran aprender programación.

Enlace: Libros de programación

Visto en Maestro de la Computación