Facultad Autodidacta

Aqui se deja todo el repositorio de tablas dinamicas: Codigo Codigo Codigo Codigo Codigo Codigo Codigo Codigo Codigo Codigo

Ultimo vídeo de la serie tablas dinámicas, esta vez eliminar un registro mediante ajax, con el mensaje de confirmación de la librería alertify. Esperamos haya sido de su agrado :D. Código fuente :D

Ahora veremos como actualizar datos utilizando ajax de jquery y php a el motor de bd mysql :D Esperamos sea de ayuda el vídeo. Saludos :D Código fuente :D

Parte 7 del curso de tablas dinámicas, este vídeo se hizo tal vez un poco largo, se espera no sea aburrido y si lo es favor de comunicar por favor, dejamos el vídeo y código fuente :D Código fuente

Proseguimos con el curso de tablas dinámicas , en esta ocasión toca mostrar datos en una tabla html, utilizando php y mysql utilizando el api de mysqli. No hay mucho que decir ya que el vídeo no tiene mas haya de un barrido de datos :D Código fuente :D

Ya casi esta terminado este curso, ya vamos por la parte 5, en esta ocasión la conexión a una bd de datos mysql utilizando php y utilizando el api de php mysqli para conexiones a bd mysql :D. Código fuente

Seguimos con el curso y ya la cuarta entrega, ahora veremos como agregar las modales al proyecto, necesitaremos una modal para agregar datos nuevos y otra para editar datos existentes, cabe mencionar que tenemos un vídeo solo de ventana modal con boostrap  por si quieren entender mejor el tema, por le momento no hay puntos mas detallados para aclarar, así que dejamos el vídeo :D Código fuente versión 3

Llegamos a la parte tres de este pequeño curso de tablas dinámicas, veremos la tabla html y los botones con estilo bootstrap, así también veremos como agregar iconos de boostrap a nuestros botones, estará genial. Aquí esta el vídeo y el código fuente en la parte de abajo. Saludos :D Código fuente Versión 2

Sigamos con el curso, de tablas dinámicas, agregando las dependencias, las dependencias son esas bibliotecas, clases o archivos agregados a mi proyecto que me dan funcionalidades ya escritas en un método, tal es el caso de las clases de diseño css con bootstrap o las funciones javascript contenidas en jquery. Por falta de concentración no agregamos una dependencia mas que era alertiy.sj, si están llevando exactamente la misma extructura entonces solo copian y pegan la siguiente linea : <script src="librerias/alertifyjs/alertify.js"></script> Cabe mencionar que se han agregado mas puntos a la presentación del curso, pero ya esta actualizado en la parte uno de este curso :D Sin mas por el momento aquí esta el vídeo. Saludos :D Descarga lo que llevamos del proyecto :D

Que tal, la facultad los saluda con mucho gusto, vamos a comenzar con un nuevo proyecto, al que llamaremos tablas dinámicas, usando tecnologías como son php, mysql, jquery y bootstrap. De que trata esto, básicamente es la creación de un CRUD utilizando una tabla html formateada con bootstrap, si no saben que es un CRUD es (Create, read, Update y Delete), son las operaciones básicas que maneja una base de datos y que pueden ser manipuladas con tecnologías web, en este caso con php y mandando los datos mediante ajax de jquery, utilizaremos el api de php mysqli, que es la versión mejorada de mysql y que es mucho mas rápida. Ahora bien aunque el curso suena un poco tedioso no lo es , en verdad que con que pongas un poco de atención podrás llevar a cabo el proyecto que se presentara en este vídeo, danos la oportunidad de mostrarte como hacer una tabla dinámica con estas tecnologías, veras que no te arrepentirás, uno de los propósitos de facultad autodidacta es motivar a quien sea que...

Hoy en día todo el mundo sabe que la informática tiene casos de éxito en su mayoría de hombres, esto ha sido un efecto negativo para la motivación de muchas mujeres pues no encuentran empatía con el perfil de los hombres, por eso hablemos de Marissa Mayer, y!. ¿Quien carajos es Marissa Mayer?. Chica estadounidense y super sexi, nace el 30 de mayo del 75, Ingeniera en informática, master en informática por la universidad de Stanford. Y ustedes dirán, "Pero de esos perfiles puedes encontrar muchos, ¿Que tiene de especial?", y si, parece fácil el asunto, lo que no sabes es que Marissa fue la primer mujer que trabajo para google, y si eso no fuera suficiente fue la encargada de contenido de todos los productos de google hasta el 2012, siendo que se incorporo en 1999, la barra de búsqueda de inicio de google: Es una de las tantas cosas que hizo en google, así también gmail, google maps, street view. Todos llevados de la mano por esta señorita, seguro son produ...

Que tal buen tiempo, comenzamos con una nueva sección a la cual hemos nombrado, recursos .net, como todos sabemos microsoft es un gigante en el área de desarrollo de software, por lo cual no podíamos quedarnos fuera sin usar su tecnología. Para nuestra primer entrada presentamos una conexión c# a sql server de la manera mas fácil que existe. Utilizamos sql server 2016 express y visual studio 2017 community. Esperamos sea de su agrado :D Script sql del ejemplo :D

Comenzando una nueva serie en el canal, vamos a ver un poco de mysql, en este caso la sentencia inner join, que nos sirve para obtener datos de diferentes tablas y unirlas en una sola. Con esta técnica podremos unir n numero de tablas que tengan en común un campo con una tabla objetivo. Sin mas por el momento esperamos que les sirva este nuevo recurso de mysql. Saludos :D Script sql del ejemplo :D

En esta nueva entrega de recursos web, vamos a mostrar como hacer un menú responsive design con bootstrap, de la manera mas fácil que se nos ocurrió. Responsive design es la tecnología web, que sirve para adaptar contenido web a cualquier tipo de dispositivo :). Esperamos que te guste el vídeo, recuerda que el código fuente se encuentra debajo de la inserción del vídeo. :D Código fuente :D

Ultimo vídeo de nuestro desarrollo básico de calculadora con jquery, esperamos haya sido de ayuda esta practica. Dejamos el vídeo y como siempre el código fuente :D Código fuente :D

Vídeo 4 de desarrollo de calculadora básica con jquery, una vez mas el uso de una función y la aplicación de la función split de javascript, ya casi esta lista. Sin mas por el momento, esperamos sea de tu agrado el contenido, y como siempre el código fuente debajo del vídeo :D Código fuente :D

En esta ocasión vamos a crear un famoso slider o carrusel de imágenes, estos se usan mucho como encabezados de web, para presentación de ultimas noticias, ofertas de productos o lo ultimo en funcionalidad de una web. Para su desarrollo se ha utilizado jquery y bootstrap, es muy simple solo hay que seguir la estructura que contiene el manual y listo magia :D Esperamos que te sirva este recurso web :D Código fuente :D

Parte tres de nuestro desarrollo de calculadora con jQuery, en esta ocasion y a partir del curso básico de jQuery, estamos utilizando tanto la propiedad val como la propiedad text con sus respectivos usos , que son, setear y obtener un valor :D. Sin mas por le momento esperamos que te guste esta siguiente parte, anexando el código fuente en la parte de abajo del vídeo :) Código fuente pro :)

Vamos a continuar con nuestra calculadora con jQuery, cabe mencionar que vamos a utilizar javascript nativo en este vídeo, si se tienen dudas se pueden comentar aquí o en youtube, sin mas por el momento esperamos que te guste la segunda parte de esta practica :D Codigo fuente :D

Vamos a dar por inicio con una de nuestras primeras practicas de jQuery, en esta caso haremos una calculadora, utilizaremos jQuery y js  para su desarrollo, Esperamos que te guste el contenido, sin mas que agregar dejamos el vídeo y el código fuente :D. Código Fuente :) 

Terminamos el curso de jquery básico, con el control de radio html, pareciera el control mas difícil de manipular pero no, teniendo en cuenta que con dos id diferentes y un nombre igual, se puede a través de un evento click o en su defecto un change (lo puedes buscar en la documentación y se parece mucho al evento click :)). Sin mas por le momento dejamos el vídeo y esperamos que este curso les haya agradado :). Código fuente :)

Casi terminando el curso básico de jquery, ahora vemos uno de los controles que cuando somos principiantes puede ser un dolor de cabeza, el control checkbox, lo único que debemos recordar es que podemos preguntar si el control esta en check o no, y eso sera suficiente para poder dar un valor de alta o simplemente tomar el true o false que nos regresa al pasarlo por jquery. Sin mas por le momento dejamos el vídeo y el código fuente, cualquier cosa en los comentarios, en el blog es mas personalizado, seria la mejor opción :D Código fuente :D

En este vídeo 5 del curso de jquery básico, hablamos del control select de html, como obtener su contenido y asignarle valores a través de jquery, lo mas importante a mencionar sobre el manejo de este control es, no olvidar que en el tag de option en su propiedad value es en donde vamos asignar y tomar valores de información contenidos en el control, si esa propiedad no existe habrá problemas de manipulación de la información o en su defecto no podrás obtener nada aunque se encuentre algo en el texto, el val no podrá funcionar sin el atributo val del control select de html. Sin mas por el momento dejamos el video y el código fuente, ojala sea de tu agrado :D Código fuente :D

En este post presentamos el vídeo cuatro del curso practico de jquery básico, cabe mencionar que la propiedad val del campo de texto se aplica también para los textarea. Sin mas que decir se agrega el vídeo y el código fuente :D. Código fuente :D

En el tercer vídeo practico de jquery básico, veremos como obtener y asignar valor a un div a través de la propiedad text de jquery, esta propiedad puede asignar o tomar valores de un div, siempre y cuando estén dentro de los tags del div, en el vídeo se explica la como declarar, obtener y asignar valores a un div mediante la propiedad text, esta a su vez también puede ser usada en los tags como son "p", "section","label" y algunos otros del mismo rubro en html. Código fuente de la practica :D

Segundo vídeo practico del curso de jquery básico, el evento click uno de los eventos mas utilizados en la creación de webs que utilizan jquery. Jquery en su forma de funcion como es $('#control').click(function(){}), espera el evento que sea convocado por un control que no es precisamente un botón, puedes hacerse también con "div","span", "radio", "check" por mencionar algunos, también esta el modo click sin función que sirve para poder hacer autoclic a algún control o sección de mi html se declara: $('#control').click(); de esa manera podremos hacer autoclic a un control. Descarga código fuente de la practica :D

Comenzando con el primer vídeo practico de jquery, veremos ahora la estructura básica, para los mas principiantes puede verse incluso compleja, pero no es así, es solamente poner un poco de atención y practicarla, esta estructura es de cajón para poder emplear jquery, siempre la vamos a utilizar en un documento de jquery por lo tanto si tu intención es aprender de una forma genial jquery, debes aprenderla de memoria y meterla en tu estuche de herramientas nuevas para desarrollo web. Sin mas por el momento se agrega el vídeo. Practica uno del curso :)

En esta ocasión comenzaremos a trabajar en funciones básicas de jquery, pero, no por ser básico significa que no es suficiente, lo que veremos en este curso sera la manera en como puedes seguir enriqueciendo tus conocimientos sobre la web, después de terminar el curso podrás agregar jQuery a documentos html y trabajar con controles de tu html, así como hacerlos trabajar a partir de un evento, trabajaras con el DOM de la web, si es que deseas hacer webs mas dinámicas, es totalmente necesario tener conocimiento de jQuery. Recuerda que antes de empezar una cosa, siempre busca una motivación del porque lo haces, no hagas las cosas por hacer :). Sin mas por el momento y aunque se ve mas en los vídeos, no esta demás dar algún consejo, la experiencia siempre es la mas sabia :D. Descargar Presentación de Temario :D

Las ventanas modales no son mas que código html formateado con js que le dan un aspecto literal de ventana, se les dice modal porque aparecen de repente al escuchar un evento que normalmente es clic, en el siguiente vídeo mostraremos como hacer una ventana modal fácil y rápido, aprovechando los recursos del manual de bootstrap, esto como principiantes nos puede dar algo de motivación al ver lo practico y fácil que es crear un control decente para nuestra web. Puedes usar una ventana modal para dar información de ayuda en tu aplicación, agregar formulario para edición, inserción de datos, agregar vídeos, imágenes y toda la multimedia posible sin llenar de contenido nuestra pagina principal, eso hará elegante tu pagina web sin mas por el momento checa el vídeo y baja el código fuente. :) Descarga código fuente :D

La web ha evolucionado tanto que nos ha hecho la vida cada vez mas fácil, en este caso un control para buscar algún texto o contenido es muy fácil de hacer con la libreria select2 y con la librería de jquery, este control es un select de html y cada uno de sus items contenidos son los option del mismo, ¿suena facil verdad?, pues si es así de fácil como se escucha, podemos cargar datos desde mysql y crear el control de select, no importa si tenemos un millon de datos, solo escribimos el nombre del dato que queremos y select2 lo buscara por nosotros, en el vídeo explicamos como hacer dicho control. Nota: Select2 no funciona cuando se hace un control de tipo select desde json! Archivos de proyecto: Control de buscar

Hoy día es muy frecuente que cualquier pc o laptop, no permita instalar mas halla de windows, incluso algunas solo permiten windows 8 en adelante, en algunas ocasiones requerimos instalar windows 7 o linux. En caso de que no te permita botear usb con SO o simplemente leer el cd de SO basta con desactivar UEFI  secure boot  del bios de PC o Laptop. Puede verse de la sig manera: Esperemos funcione esta solución.