domingo, 23 de noviembre de 2014

Primeras impresiones sobre el curso de Desarrollador Web en ACAMICA

He estado probando el contenido de los cursos de ACAMICA, concretamente la carrera de Desarrollador Web. He obtenido certificados de los tres primeros cursos de la carrera:


¿Cuáles es mi  impresión hasta ahora de la plataforma de ACÁMICA?


Pues bien, el contenido me parece muy bueno, los temas están correctamente delimitados y las explicaciones sobre ellos son las que deben de ser ni más ni menos. En este sentido no tengo nada qué decir, ha sido un deleite repasar algunos temas que ya sabía y no en pocos he podido encontrar algo nuevo en que hasta ahora no había reflexionado.

Por otro lado algo que  no me gusta mucho de ACAMICA es lo poco que uno puede apreciar sobre el propio avance. Por ejemplo, terminando ciertas secciones viene una parte de desafíos en la cual uno aplica lo que ha aprendido. Este es para mi punto de vista, el lado débil de ACAMICA pues en el resto de plataformas (treehouse, codeschool, codeavengers, code.org, khanacademy, codecademy, etc.) uno ve en tiempo real o mediante un fácil procedimiento, lo que va ocurriendo a medida que escribimos o modificamos código pero en ACAMICA es común modificar el código y ya, o sea no vemos realmente qué ocurrió con el aspecto de nuestro sitio sino sólo lo suponemos. Ahora bien, con esto no quiero decir que ACAMICA debería implantar estos recursos a su plataforma, sino que lo que creo que sería mucho más conveniente es que proporcionara los archivos necesarios para que estos puedan ser bajados y el usuario por consiguiente tenga la oportunidad de ir siguiendo y haciendo por su cuenta lo que el instructor va haciendo. Para que quede más claro lo anterior ejemplificaré. En el curso Comenzando con CSS, el instructor hace un pequeño sitio web con unas pocas páginas html y las enlaza con un archivo css. A través del curso se van añadiendo más y más características al css que afectan a los archivos html. La explicación que el instructor da es muy buena pero sin los archivos para poder ir haciendo lo que el instructor va haciendo es un poco frustrante. Para los que ya sabemos manejar CSS a cierto nivel, es un buen repaso, pero los que no lo han hecho creo que pudieran verse muy beneficiados de poder hacer lo que el instructor hace a medida que el curso avanza. Es por eso que recomiendo a ACAMICA que otorgue la oportunidad de que el usuario pueda bajar un par de archivos con código html, imáges, etcétera, a la manera como pasa en muchos cursos de Udemy. 

Seguiré con los cursos en ACAMICA y les mantendré informado sobre cómo me va en ellos. 

Se me olvidaba, para los que entren como nuevos a ACAMICA notarán que los cursos están hechos cuando el HTML5 aún no era el estándar. En esto se diferencia por ejemplo de CodeAvengers, los cuales ya tienen sus cursos directo en HTML5 incluso desde antes que se volviera estándar. 

miércoles, 12 de noviembre de 2014

Importar entradas de Blogger a WordPress

He importado varias veces blogs de WordPress a Blogger y viceversa. Ya sabes, primero exportando de una plataforma hacia un archivo XML y luego importando ese archivo desde otro blog. Pues bien, esta vez importé las entradas de este blog hacia WordPress utilizando un plug in de WordPress. No tuve necesidad de exportar este blog y todo lo que ya he mencionado. Aquí el procedimiento:

1. En el panel de control de WordPress nos vamos a Importar. Nos sale hasta arriba Blogger. Le damos clic ahí para comenzar a instalar el plug-in.



2. Nos aparece la siguiente imagen. Le picamos en Instalar ahora


3. Nos aparecerá que la instalación se está llevando a cabo. Al final de la instalación le damos Activar plugin y Comenzar Importación.



4. Nos va a aparecer la siguiente leyenda y le damos clic en Authorize.

Nos aparecerá lo siguiente y tendremos que permitir que WordPress administre la cuenta de Blogger.

4. Una vez listo habrá qué importar el blog. Obviamente tenemos uno o varios blogs en la plataforma blogger. En mi caso tengo varios blogs y aquí sólo pongo el que me interesa. Los rectángulos se tornan azules a medida que se importa el contenido.


5. Esto es todo. Una vez cargadas en WordPress las entradas de Blogger, aparecen ya tanto las entradas publicadas como las que están en borrador. 



@EricAraujoM

martes, 11 de noviembre de 2014

Cómo instalar WordPress en servidor local Xampp

Hace tiempo que tenía la idea de instalar WordPress y adentrarme en ese mundillo. La razón es clara, muchos de los sitios web que se construyen están hechos sobre WordPress así me ha dado la idea de que con los conocimientos de HTML5 que tengo sería interesante combinar a éstos con WordPress y esperar que salga algo bueno de esa combinación. Pues bien, estos son los pasos para instalar WordPress alojándolo localmente para lo cual usaré Xampp.

¿Qué es Xampp? (de wikipedia)
XAMPP es un servidor independiente de plataforma, software libre, que consiste principalmente en la base de datos MySQL, el servidor web Apache y los intérpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl.
El programa está liberado bajo la licencia GNU y actúa como un servidor web libre, fácil de usar y capaz de interpretar páginas dinámicas. Actualmente XAMPP está disponible para Microsoft Windows, GNU/Linux, Solaris y Mac OS X.
¿Qué es WordPress?
WordPress es un sistema de gestión de contenido o CMS (por sus siglas en inglés, Content Management System) enfocado a la creación de blogs (sitios web periódicamente actualizados). Ha sido desarrollado en PHP para entornos que ejecuten MySQL y Apache, bajo licencia GPL y código modificable, y su fundador es Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS más popular de la blogosfera y en el más popular con respecto a cualquier otro CMS de aplicación general. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos.
Otro motivo a considerar sobre su éxito y extensión es la enorme comunidad de desarrolladores y diseñadores, encargados de desarrollarlo en general o crear complementos y temas para la comunidad. En agosto de 2013 era usado por el 18,9% de todos los sitios existentes en internet.
-----------------------
Ahora sí a lo nuestro.
1. Vamos a la página de Xampp.

2. Le damos descargar (en este caso le di en Windows) y se descarga solo sin necesidad de elegir la versión de Windows o cosa por el estilo.


3. Le damos abrir a la descarga y ya vienen seleccionados muchos complementos. Como no soy experto le dejé todos.


4. Luego nos pide que elijamos el folder en que se va a instalar Xampp. Elegimos C.


5. Me abrió la página de Bitnami en donde aparentemente nos hacen fáciles las descargas de CMS's y de hecho ya viene preseleccionado el download de WordPress. No hice más con esta página y decidí instalar WordPress directo desde su sitio.


6. Continué con las instalacion normal de Xampp.


7. Activamos Apache y MySQL.


8. Nos puede aparecer el Firewall y le damos permitir. 

9. En el navegador le escribirmos localhost y aparece la siguiente pantalla. Le di clic en español. 


10. Llegamos a esta página. Tenemos PHP y un gestor de bases de datos MyAdmin.



11. Le damos click a MyAdmin en la barra naranja del lado izquierdo y llegamos a la siguiente página. 

12. Vamos a la página de WordPress y le damos clic a download.


13. Bajamos el archivo para instalar WordPress y lo vamos a descomprimir en la carpeta hdocs que es hija de la carpeta Xampp que instalamos en C. Ahí debe ser unzipeada, recuérdenlo.


14. Renombre la carpeta como wpcurso.


15. Para instalar WordPress necesitaremos una base de datos. Volvemos a la página de MyAdmin y le damos clic a  Bases de Datos.


16. Vamos a crear una base de datos que se llame wpcurso, y le damos clic a crear.


17. Nos aparece nuestra base de datos en el directorio del lazo izquierdo en la parte de abajo. Le damos clic.


18. Nos aparece que no tenemos tablas.


19. Ahora para instalar WordPress vamos a nuestro servidor con la ruta a donde hemos descomprimido WordPress localhost/wpcurso y me aparece una pantalla que por alguna razón no capturé pero en la que hay que darle clic a crear un archivo de configuración. Nos aparece la página siguiente. Le damos clic en ¡Vamos a ello!


20. Llenamos los campos como se ve abajo. No ponemos contraseña. Nuestro nombre de usuario es root pues no lo cambiamos al instalar Xampp. Le damos clic a en enviar. La base de datos lleva el nombre de nuestra carpeta donde está instalado WordPress: wpcurso.


21. Nos aparece la siguiente pantalla. Le damos clic a iniciar la instalación.


22. Llenamos los campos siguientes y le damos en instalar WordPress.


23. Le hemos logrado. Le damos clic a acceder.


24. Accedemos a WordPress.


25. Se verá el panel de control.


26. Podemos ver la primera entrada.


Esto es todo. El procedimiento con algunas variantes por ser más actualizado lo que acabamos de hacer está basado en un video de youtube. Visítenlo para guiarse mejor.


Espero que este pequeño tutorial les haya sido útil. 

@EricAraujoM


sábado, 8 de noviembre de 2014

Aprende a crear un sitio con bootstrap y sublime 3 (parte 2)

Seguimos el curso para aprender a crear un sitio con bootstrap (build-your-first-website-in-1-week) que pueden seguir ustedes de manera gratuita en Udemy. 

Pues bien, teníamos un sitio básico que tenía el típico hello world y un poco más de eso. Pero nosotros no queremos que sólo se vea un "hola mundo" en el sitio sino que el objetivo del curso es hacer un sitio como el que se ve a continuación:



Así que el basic tamplate que teníamos no nos será muy útil por lo que vamos a buscar otra plantilla en el sitio de bootstrap. La que más nos será útil será el template jumbotron.



Le damos clic y se abre la página:


Acto seguido con el botón derecho le picamos y nos vamos a ver el código fuente. Este código lo vamos a copiar y pegar en nuestro documento index. Obviamente primero eliminamos el código que tenemos en index para pegar el del template de jumbotron.



Salvamos el documento y recargamos la página de index o la abrimos y veremos que no se parece en nada a lo que queremos. Es decir, se ven los elementos básicos pero de ahí en más no parece ser lo que nosotros deseamos. El problema es el CSS.


Vemos que el link tiene un href que nos manda a bootstrap.min.css pero la ruta no es adecuada para nosotros así que habrá que cambiarla.


La cambiamos de tal manera que se enlace bien al archivo que nosotros tenemos en nuestra carpeta css.


Como ya tenemos el archivo css que queremos eliminamos el resto de archivos en la carpeta css.



Ya guardados los cambios recargamos nuestra página index y se verá como sigue:
Casi está listo, pero si observas la página que aparece cuando le diste clic al template de bootstrap, te darás cuenta que tiene entre la barra de navegación y el Hello, world! un espacio mayor que nuestra página index. Una vez más el problema es del css.

En nuestro código html hay otro link:
Nos está diciendo que el estilo de la página viene dado por jombotron.css, pero en nuestros archivos no tenemos ese código css así que hay que ir por él.

Volvemos a la página de donde copiamos el código fuente y buscamos el link href que vemos en la imagen de arriba.


Le picamos al hipervínculo jumbotron.css y nos va a abrir el código css.

El código de arriba lo copiamos y vamos al sublime text para abrir un archivo nuevo en css. Ahí pegmaos el código. Le damos guardar poniéndole como nombre a custom.css a nuestro nuevo archivo.

Guargamos y recargamos nuestra página index y ya tenemos el resultado deseado.

Hasta aquí esta parte.

@EricAraujoM