| |||||||||||||||||||||||||||||||||||||||
|
➩#VueJS + #Django #Rest #FrameWork
➩ #Django Full
➩Domina el #ORM de Django de #Python
➩#Replicación #BasedeDatos
Y más #javascript #nodejs #netcore #jquery #postgresql #js #vue
🔻🔻
https://shorturl.at/uHRU9
Soy aficionado de la enseñanza y creo que es sano compartir conocimiento. Apasionado por el desarrollo de software.
| |||||||||||||||||||||||||||||||||||||||
|
Estimado estudiante, te envío la última oferta de Octubre, que finaliza 31/10/2020 con el cupón OCTUBRE-2020-2
Próximo cupón OCTUBRE-2020-3. Gracias por tu confianza y recuerda que con la inscripción en mis cursos, apoyas para crear más.
¡Recuerda cuidarte!
Experto Vue + Django | Precio Especial USD 9.99
☞https://www.udemy.com/course/
Elabora Sistema de Compra y Facturación con Django | Precio Especial USD 9.99
Replicación de Base de Datos | Precio Especial USD 9.99
☞https://www.udemy.com/course/
Domina el ORM de Django | Precio Especial USD 9.99
☞https://www.udemy.com/course/
RestFul API con Django Rest FrameWork | Precio Especial USD 9.99
Realiza RestAPI con NetCore | Precio Especial USD 9.99
Programación en Capas con ADO Net | Precio Especial USD 9.99
☞https://www.udemy.com/course/
Entity FrameWork para Principiantes | Precio Especial USD 9.99
☞https://www.udemy.com/course/
Django Para Principiantes | Precio Especial USD 9.99
☞https://www.udemy.com/course/
Recuerda revisar mis redes sociales para enterarte te primera mano cuando publique contenido de utilidad.
Saludos
Daniel Bojorge
Instructor
Curso Completo: https://www.udemy.com/course/experto-en-vuejs-con-django-rest-framework/learn/?referralCode=8BDCEC50053221F3E22D
Mis otros Cursos: https://mailchi.mp/1fc9a9e05a5c/debs-8-cursos-oficial
Hace algunos días publiqué en el canal de youtube, cómo mantener el menú activo, utilizando el Template Engine de Django, lo puedes ver en acá
En base al video anterior, pudieron ver que el proceso es bastante extenso si el menú crece mucho. Partiendo de ahí y que estamos en el Front End, podemos hacerlo más rápido si con jQuery capturamos todos los enlaces y los comparamos con el valor que contenga la variable de django {{request.path}}
, ya con esto, podemos hacer una comparación aprovechando la nueva implementación de ECMAScript 6, para esto, una vez cargado el DOM (osea dentro de la instrucción $(document).ready(function () {
) colocar el siguiente script:
- var $enlaces = $(".nav-item>.collapse>.collapse-item");
- $($enlaces).each(function(){
- var div_show = $(this).closest('.collapse');
- var div_nav = div_show.closest('.nav-item');
- var request_path = '{{request.path}}'
- var link = $(this).attr('href');
- if (request_path.includes(link)){
- $(this).addClass('active');
- div_show.addClass("show");
- div_nav.addClass("active");
- }
- });
Acá básicamente tomamos todos los enlaces y para tener la certeza que nos referimos a un enlace del menú, hacemos un filtro (en el selector) de todos los elementos que en la clase tengan collapse-item
y que su padre sea collapse
y el padre de este sea nav-item
, dicho de otra forma, todo elemento con clase nav-item
que contenga collapse
y que a su vez contenga collapse-item
, esto traerá todos los enlaces, en este punto, los recorremos todos y preguntamos si la ruta actual (request.path de Django) contiene la ruta del enlace que se está iterando, si lo contiene, entonces marcamos ese enlace agregándole la clase active y al div padre que contiene collpase
y a la vez al padre de este que tenga la clase nav-item
.
Si tienes dudas, favor hazme la llegar, no creí necesario una clase en video, pero si es necesario indícamelo en un mensaje y procederé a hacerlo.
También puedes revisar si está activa alguna promoción de Udemy para todos mis cursos en este enlace
http://bit.ly/8-cursos-debsconsultores
E Incluso revisar si yo he activado descuento, por lo general, son cupones del mejor precio posible, esto es USD 9.99 viendo este enlace
Hola, Soy Daniel Bojorge
Leer Más →
Over 600,000+ Readers Get fresh content from FastBlog