En este repositorio los alumnos del curso encontraran todo el material que se ha visto en cada clase, asi como enlaces e informacion de interes para la dinamica del curso.
A continuacion los enlaces para descargar las herramientas principales que se usaran durante el curso:
Pueden descargar los archivos del repositorio presionando el boton Download ZIP, en la derecha de la pantalla
El siguiente formulario es para elaborar la lista de correos de la clase: Ir al Formulario
Para la asignacion de esta clase deben replicar como documento HTML5 la imagen que se encuentra en el archivo "Asignacion.pdf" de la carpeta "class1". En dicha carpeta ademas de los Scripts encontraran un documento (IntroHTML5) que contiene informacion de lo visto en clase.
- Slides HTML
- Slides HTML5
- Recursos HTML Link1 | Link2 | Link3
- Expresiones Regulares (REGEX)
- HTML5 Browsers Support Link1 | Link2
- Recursos HTML5 Link1 | Link2 | Link3
- Almacenamiento Offline
- Websockets
- Demo Geolocalizacion
- Juego en HTML5
- Experimentos con HTML5 y CSS3
P.D.1: Para comenzar con la asignacion deben crear una carpeta en el escritorio (o cualquier otro directorio) con el nombre de su preferencia, en ella colocaran todos los archivos que necesiten para realizar la asignacion.
P.D.2: Para posicionar a la derecha el aside de la asignacion se usa la propiedad de CSS float
La asignacion de esta clase consiste en restructurar el documento de la clase anterior utilizando las librerias Normalize y 960 grid system. La recomendacion es que sean creativos con el diseño, ordenen su proyecto en carpetas y utilizen las tecnicas y herramientas que se vieron durante la clase.
Para presentar las asignaciones deberan crear una cuenta en Forge y subir su contenido a dicho "Hosting Estatico", el proceso es muy sencillo y no les tomara mas de 5 min. Luego que tengan la asignacion lista deberan llenar el siguiente FORMULARIO para yo tener las URLs y revisar.
- Hosting Estatico Forge
- Formulario
- Guia de CSS
- CSS Cheat Sheet (Muy Util)
- 960 Grid System
- Editor online Dabblet
- Generador de Lorem Ipsum
- Generador de Imagenes Placeholder
- Recomendaciones para combinacion de Colores
El material de la clase 3 ya se encuentra actualizado en el repositorio.
- Guia Animaciones y Transiciones
- Filtros en CSS
- Explicacion Prefix free
- Bootstrap 3.0
- Media Queries
- Responsive Design
- Recursos Javascript (Revisar)
- Node.js Beginner
A continuacion les envio la asignacion de esta semana, esto son mas que todo ejercicios de logica:
- Crear una funcion llamada arrayAleatorio() a la cual se le pase un parametro (n) y devuelva un array de longitud n con numeros enteros aleatorios (del 1 al 10).
- Crear una funcion llamada ordenarArray() que ordene de mayor a menor los elementos de un array, de mas esta decir que debe regresar el array ordenado.
- Crear una funcion llamada multiplicacion() que reciba dos parametros (num1 y num2). Esta funcion debe realizar la multiplicacion por el metodo de sumas sucesivas, para esto deben usar el ciclo mas adecuado.
- Crear una funcion llamada division() que reciba dos parametros (num1 y num2). Esta funcion debe realizar la division por el metodo de restas sucesivas, para esto deben usar el ciclo mas adecuado.
- Crear una funcion llamada potencia() que reciba dos parametros (num1 y num2). Esta funcion debe realizar la operacion mediante una sucesion de multiplicaciones.
- Por ultimo deben crear una funcion llamada jsIsCool() que reciba como parametro un vector de cualquier longitud, la cual debe copiar dicho vector, seguidamente invertirlo y finalmente sumarlo con el vector original al cuadrado.
Todo esto debe ir en un archivo javascript (ej: minombre.js)
El material de la clase 4 ya se encuentra disponible en el repositorio.
- Funciones en Javascript Link1 | Link2 | Link3
- Manejo del DOM con Javascript Link1 | Link2
- Eventos en Javascript
- Eloquent Javascript (Libro)
El material de esta clase ya se encuentra disponible en el repositorio.