Está en la página 1de 17

Curso 04 de Julio

Creacin de proyecto con PHP en netbeans, no se indica donde se tiene el apache se corre con un
servidor local en netbeans, funciona parecido a glassfish si se cierra netbeans deja de correr.

Modificacin de proyecto calculadora en Practica1_cursoJava realizar las operaciones

NOTA: investigar ---- >> Vanilla Js

Console.log(objeto, cadena);

Creacin de proyecto para interactuar con entradas que teclea el usuario

Creacin de objetos

Prototype sobre escribir funciones (Investigar a fondo)


Curso 05 de Julio

Manejo de clases y objetos desde js (ECMA 6 ), puede no funcionar en algunos navegadores debido
a que es nuevo, el extends sali en 2016

Creacin de una clase es muy parecido a java, se declara

Manejo de mtodos static

Manejo de Herencia
JQuery

Estructura de selectores

Tipos de selectores

Por id

Por clase

Por etiqueta

Combinado etiqueta id clase

Abreviacion de jquery $

Analizar velocidad de carga de pgina web - PageSpeed Insights

Css generator permite generar cdigo de diferentes animaciones etc.


JSON

JavaScript Object Notation

Notacin JSON

[] Arreglos

{} Objetos

Strings

Atributo : Valor

Ejemplo de arreglo

{[{nombre: Eliza, direccin: {num:5}}


{nombre: Juan, direccin: {num:120}}]}

Materias
{[
{id: 22 , calif : 7, tipo: CN, s:7, a:2017, periodo:2}
{id: 23 , calif : 0, tipo: CR, s:7, a:2017, periodo:2}
]}

Jsonviewer.stack.hu para visualizar objetos json

AJAX
$.ajax
DATATYPE json formatea la cadena que se retorna a una cadena de objetos json

Tipos de formato para realizar peticiones Ajax


Crear funciones separados, objeto de configuracin y tipo de dato.

En un mtodo que se realiza todo junto, agregando las configuraciones directo sin crear un
objeto
Llenado de la tabla con lo que se recibe de una peticin Ajax

Angular.js ya no se realiza lo anterior de ir agregando el append y recorrer el objeto del cual se


extraen los datos con los que se va a llenar la tabla

Funcin error en peticin Ajax, contiene parmetros que permiten saber que es lo que sucedi con
la peticin.

Funcin beforeSend en peticin Ajax, permite agregar un spinner o indicar al usuario que la pgina
est cargando, esta se ejecuta antes de realizar la peticin. En el ejemplo se agrega una imagen, es
conveniente que esta imagen este en el proyecto y no se consuma de internet como en este
ejemplo.
Existen ms funciones que pueden ayudar a programar o a realizar diferentes cosas en una peticin
Ajax por ejemplo la funcin complete, que permite realizar algo al completar la peticin no
importando si fue exitosa o no.

Google maps heatmaps -- permite manipular un mapa


CONSUMIR SERVICIOS WEB (usar un mapa con google maps)
Al consumir un servicio web es importante revisar que tipo de dato esta retornando y su estructura,
para manipular los datos de manera correcta
Uso de hashmap JS
Obtener las llaves para luego recorrer el objeto
Var llaves = Object.keys(rates) --- Obtener los datos del arreglo (Arreglo, String, llaves)

Recorrer el objeto con jquery


Maps
Configuracin de tamao de mapa

Agregar llave para permitir el uso del mapa

Consumir servicio de logueo con Facebook


Entrar a Facebook developers crear una aplicacin
FIREBASE
Servicio para ayudar a las aplicaciones a escalar
NoSQL
Base de datos en tiempo real (como uber que si actualizas ubicacin varios lo ven )
Librerias para log
Se agrega el cdigo al proyecto
Usar el de autentificacin ir documentos empezar a usar

Tiene programados varios mtodos de inicio de sesin


Pide datos de app de Facebook
Copiamos los id de aplicacin y guardar

Aadir producto inciio de sesion con facebook


Pide url ir a firebase
Copiamos el link
Ir a documentacin guias y autenticacin web

https://firebase.google.com/docs/auth/web/facebook-login todas las instrucciones