Probar Django 1.10 | Avanzar el Blog

Un recorrido visual del proyecto final. 

Esta serie es la segunda parte de "Crear un Blog Dinamico" utilizando Django 1.10. Seguiremos desarrollando nuestro blog, añadiendo elementos más avanzados al proyecto. Si has visto y terminado la primera parte (es decir, tienes el código), te puedes saltar este video ya que son instrucciones para descargar el código fuente de nuestra cuenta de github para seguir esta segunda parte. 

Configuraremos el proyecto para poder renderizar texto markdown con Javascript y una librería llamada 'Marked'. También escribiremos nuestra primera función de jQuery para hacer que sea posible. 

Instalaremos una app de Django, 'Pagedown', que nos permitrá implementar un editor de Markdown a nuestro formulario.

Hoy en día tenemos acceso a todas las aplicaciones web desde cualquier dispositivo que tengamos (ie: PC, tablet, móvil, etc..) Permitir eso requiere una tecnología para que tus apps favoritas se adapten a cualquier tamaño de pantalla para mantener una buena visualización del contenido. Con Bootstrap veremos cómo convertir nuestro blog en una aplicación web con diseño adaptativo, enfocado principlamente en las imágenes. 

Descargaremos  e instalaremos otra aplicación de Django, 'Markdown Deux' para mejorar la manera en la que nuestro blog renderice HTML y texto en markdown. 

En la lista principal dónde se muestran todas las publicaciones del blog, no queremos que el cuerpo del post (el contenido) se lea entero sino que sea una pequeña muestra del post. Para hacer eso existe un filtro en Django llamado "truncatechars" y veremos como aplicarlo a variables en nuestra plantilla. 

Veremos cómo diseñar una vista previa para una publicación que estás creando. El objetivo es poder tener esa vista previa al instante (contenido en markdown ya) a un lado del navegador mientras escribes en la casilla del formulario, tanto el título como el cuerpo del post, para saber como será renderizado como un post publicado. 

Seguimos con el mismo objetivo de tener una vista previa del post instantáneamente. Para ello hay que usar jQuery.

Mejoraremos el diseño y estilo con un software de terceros llamado Django Crispy Forms. 

Seguiremos mejorando el diseño del blog, implementando un componente de Bootstrap (un software de frontend) en nuestras plantillas llamado 'input groups'.

De momento se puede escribir comentarios en nuestros posts utilizando un complemento social de FB (social plugin) pero ya toca aprender como crear una aplicación para tener comentarios en nuestro blog sin usar Facebook. Se hace con claves foráneas y este es el video 1 de 3.

De momento se puede escribir comentarios en nuestros posts utilizando un complemento social de FB (social plugin) pero ya toca aprender como crear una aplicación para tener comentarios en nuestro blog sin usar Facebook. Se hace con claves foráneas y este es el video 2 de 3.

De momento se puede escribir comentarios en nuestros posts utilizando un complemento social de FB (social plugin) pero ya toca aprender como crear una aplicación para tener comentarios en nuestro blog sin usar Facebook. Se hace con claves foráneas y este es el video 3 de 3.

Para manejar los comentarios utilizaremos un Model Manager. En este video veremos como hacerlo.

Ya hemos creado una apliación y un modelo para tener comentarios en nuestro blog. Necesitamos un formulario para escribir comentarios nuevos fuera de la administración de Django, algo que veremos en este video. 

Tener comentarios es un aspecto muy importante para una publicación, pero la opción de responder a comentarios específicos de otros usuario también es algo que debe tener nuestro blog. Aquí lo haremos posible. 

Ya que hemos tocado jQuery un poquito, seguiremos con el tema, ahora añadiendo un elemento chulísimo a los comentarios para el despligue de todos los subcomentarios de un comentario principal. 

Un hilo de comentarios que abre con su propia dirección URL es importante para poder compartirlo más facilmente. Veremos cómo configurarlo para nuestro blog. 

'PPM' es una medida común para evaluar la velocidad de lectura y quiere decir 'palabras por minuto', y según Wikipedia, adultos pueden leer a una velocidad de alrededor de 200-300 ppm. El objetivo de este video es utilizar ese cáculo de PPM en español y Python para generar un tiempo de lectura para cada publicación de nuestro blog. 

El objetivo en este video es el mismo que en el anterior pero en este caso lo haremos a través de Django (con el modelo y la señal de pre_save).

Habíamos mencionado la idea de poder borrar un comentario (solo el autor de ese comentario) así que escribiremos la vista para poder conseguirlo (Delete View) completa con confirmación.

Para asegurar que solo el autor del comentario pueda borrar sus publicaciones, tenemos que crear permisos para dicha acción. Veremos y entenderemos cómo usar el  status_code 403 para este tipo de permiso.

Nuestro blog ya está casi listo para publicar y compartir con todo el mundo! Hay unos pasitos más por hacer como por ejemplo configurar un sistema de login, logout y registro de usuarios. Tendremos que crear validaciones y autenticar cada usuario en la base de datos. En los próximos video veremos cómo hacerlo sin utilizar ningún programa de terceros como Django AllAuth, Registration Redux o Python Social Auth. Video 1 de 3

Nuestro blog ya está casi listo para publicar y compartir con todo el mundo! Hay unos pasitos más por hacer como por ejemplo configurar un sistema de login, logout y registro de usuarios. Tendremos que crear validaciones y autenticar cada usuario en la base de datos. En los próximos video veremos cómo hacerlo sin utilizar ningún programa de terceros como Django AllAuth, Registration Redux o Python Social Auth. Video 2 de 3

Nuestro blog ya está casi listo para publicar y compartir con todo el mundo! Hay unos pasitos más por hacer como por ejemplo configurar un sistema de login, logout y registro de usuarios. Tendremos que crear validaciones y autenticar cada usuario en la base de datos. En los próximos video veremos cómo hacerlo sin utilizar ningún programa de terceros como Django AllAuth, Registration Redux o Python Social Auth. Video 3 de 3

Tenemos ya muchas vistas con varias funciones pero algunas de ellas deben ser restringidas a los usuarios autenticados y para eso utilizaremos un decorador. 

Bienvenidos al último video de la serie!! Nos falta un sistema de navegación!! Vamos a añadir una especie de barra para poder navegar por nuestro blog con mucha facilidad. Este paso no es nada dificil, gracias al software de frontend Bootstrap. Yija!!