El material que se anexa a contincuación es el mismo que se encuentra en el Aula Virtual de Moodle.
https://moodle.exa.unicen.edu.ar/course/view.php?id=651
Clase Presentación
Planilla de Catedra
Semana 27/06: Asincronismo
Slides: https://docs.google.com/presentation/d/1ykUc-B97sHj3iXWaacOtJnNnXAaF8KWIl3fZaI_dwMM
Videos(4)
1. Intro
https://youtu.be/2tEI6HZv3Z8
2. Ejercicio 1 Parte 1
https://youtu.be/iKDnak5oqnM
3. Ejercicio 1 Parte 2
https://youtu.be/inIChLHFohg
4. Ejercicio 1 Parte 3
https://youtu.be/tGaw080vShE
Semana 20/06: AJAX - API REST
Slides: https://docs.google.com/presentation/d/1eKQDXr7kPtpsjmdjKpc43Z5Pr9hHJj-bvdEWp4FHUoQ
Prácticos: https://docs.google.com/document/d/13X_cBgs_zuuMIu3XDdhdqAJgmdwe-LZuDl623Kf9ZWU
Videos(5)
1. Intro
2. GET
3. POST
4. DELETE y PUT
5. Creando una API - REST: mockAPI
Semana 06/06: SPA y AJAX - Partial Render
Slides: https://docs.google.com/presentation/d/10k0Kco_4Z3HAibkPHff8hN_rG9PibRiogwx_R3Nkhuk
Prácticos: https://docs.google.com/document/d/1JutKPp9G3zxPUQwN_2_eHnlEoPqd9ERQ7H5_G2KZ96I
Videos (5)
1. SPA y AJAX - Intro
2. AJAX - Partial Render
3. AJAX - Asincronismo
4. SPA y AJAX - Promesas Async/Await
5. SPA y AJAX - Nav con Partial Render
Semana 30/05: Javascript#2 (Parte 2), Javascript #3 (Parte 2)
JS#2 Parte II
Slides: https://docs.google.com/presentation/d/18jV-mtplFhvJXXCsqeZa9kRU4tb45WP4MkJwKHagzyk
Prácticos: https://docs.google.com/document/d/1c93geUq_FsbvmxXwiu9XDfQR3z0CHb6g95efe9bQspI
Videos (4)
1. App contador Parte I
2. App contador Parte II
3. App contador Parte III
4. Ejemplo Bomba
JS#3 Parte II
Slides JS#3 Parte1 (desde filmina 35) : https://docs.google.com/presentation/d/1JVNVxgf0qsf3btExNx4GU8oeUM5D9XhnPKxWxl2oa3M/edit#slide=id.g39d7c3b904_0_69
Practico JS#3: https://docs.google.com/document/d/1jYOs_Y_FbGLER4xaVKt--FZBh_DSpeo3uXpXp0rT29g
Videos (1)
1. Ejemplo Mostrar/Ocultar
Semana 23/05: Javascript#3 Parte I (JSON), HTML5 y CSS3
Slides JS#3 Parte1 (hasta filmina 35) : https://docs.google.com/presentation/d/1JVNVxgf0qsf3btExNx4GU8oeUM5D9XhnPKxWxl2oa3M
Practico JS#3: https://docs.google.com/document/d/1jYOs_Y_FbGLER4xaVKt--FZBh_DSpeo3uXpXp0rT29g
Videos JS#3 Parte 1 (JSON) - (2)
1. ¿ Qué es JSON ?
2. Ejemplo
Slides HTML5 y CSS3: https://docs.google.com/presentation/d/1Z-BESfnTrhAkbYsYe5z5YzVp4WudDZeQ9CUzmUuA7eg
Practicos: https://docs.google.com/document/d/1iJt0RcXwfwiExARf_dDlqZmMzUT8Ol3KfJLQhxhPjWs
Videos HTML5 y CSS3 (2)
1. HTML5
2. CSS3
Semana 16/05: Javascript#2 Parte I y Semántica Web
Video de la Clase: https://www.youtube.com/watch?v=V1NzaK5ZI6A
JS#2
Slides: https://docs.google.com/presentation/d/18jV-mtplFhvJXXCsqeZa9kRU4tb45WP4MkJwKHagzyk
Prácticos: https://docs.google.com/document/d/1c93geUq_FsbvmxXwiu9XDfQR3z0CHb6g95efe9bQspI
Videos (3)
1. Ejemplo 1: Piedra, Papel y Tijera
2. Ejemplo 2: App Sorteos
3. Formularios con JS
Slides: https://docs.google.com/presentation/d/10EptHqlUYyLgQKYascemynp9IJGxL1OATBPiorzdvbM/edit#slide=id.p
Semántica Web
Slides: https://docs.google.com/presentation/d/1xmZXWj-l5jfJvLW1f1gqfgD3AxWy4q3YRRaCuRKj4Xw
Prácticos: https://docs.google.com/document/d/1iJt0RcXwfwiExARf_dDlqZmMzUT8Ol3KfJLQhxhPjWs
Videos (1)
HTML Semántica
Semana 09/05: Diseño Web Responsive
Slides: https://docs.google.com/presentation/d/10uWrxIeEYPYI0t2QClVEUfX6VQ7zyKPovQjEj3wNWfQ
Práctico: https://docs.google.com/document/d/1BEz_VzBcxwAAUnx9Yio_4f2-nkcoi0L6ls3hjxZyGFg
Ejemplos Grid: https://docs.google.com/presentation/d/14MLF9-ofoF8C_OZiP0bILKugNm8fwNdGgb_2rsNNkQQ
Videos (5)
1. Intro Media Queries
2. Mobile First
3. Menú Responsive
4. Flexbox & Grid
5. Flexbox versus Grid
Semana 02/05: CSS Avanzado
Slides: https://docs.google.com/presentation/d/1g4H5rXzu1xf5okDCYUM6A6_p04AtrfAbb57bwBaNCk0
Práctico: https://docs.google.com/document/d/1PsPHtPHZn3qznzTEqI46-1TOawqW3XDd328J_K8NLOA
Videos (4)
1. Herencia
2. Selectores combinados
3.Cascada
4. Pseudo Clases y Pseudo Elementos
Semana 25/04: Javascript Parte I
Slides: https://docs.google.com/presentation/d/1POlnQCLMNC9ckITDK58WmNQK1GCmboH4X8utSj2iPyc
Practico Javascript Parte I: https://docs.google.com/document/d/18gD8JpNWNXrRgpDE7mEE_S3OgXsXAEj2NtRohfHn5JA
Videos(6)
1. Introducción
https://www.youtube.com/watch?v=fukI9g41Bsc
2. Saludo
https://www.youtube.com/watch?v=jVTQk3EN9ZA
3. Saludo editando el DOM
https://www.youtube.com/watch?v=cIzS-3JYD8c
4. Saludo en el DOM al hacer click
https://www.youtube.com/watch?v=u9kbU1M6xgQ
5. Contador de clicks
https://www.youtube.com/watch?v=R7RykyHj3W4
6. Prende y apaga (addEventListener y classList)
https://www.youtube.com/watch?v=2tJ_MZQ14LQ
Semana 18/04: Lección Layout y Lección Tablas y Formularios
Lección Layout
Practico HTML+CSS Parte II
https://docs.google.com/document/d/1A8AZCR8giTJMkCN583Lileded9YHUpXBUhzxbFZIpVM/
Videos (3)
Intro Layouts y BoxModel
https://www.youtube.com/watch?v=94sT_66nQeA&t
Flujo de renderizado y Flex
https://www.youtube.com/watch?v=kyn6AOKAoKY&t
Tipos de medidas y demás
https://www.youtube.com/watch?v=pcx__qswokc&t
Leccion Tablas y Formularios
Slides: https://docs.google.com/presentation/d/1SIwOG94Lg7Py2FAkT8lKjtWYLQ2c8f7K-YsxXlF38OU/
Practico HTML+CSS Parte II
https://docs.google.com/document/d/1A8AZCR8giTJMkCN583Lileded9YHUpXBUhzxbFZIpVM/
Videos (1)
HTML Tablas y formulario
https://www.youtube.com/watch?v=VmCceDTysiQ&t
Semana 04/04 y 11/04: Leccion Introduccion HTML y CSS, Lección Sitio Completo
Unidad 1 - Páginas web simples
Lección Introduccion HTML y CSS
Slides: Introduccion HTML y CSS
https://docs.google.com/presentation/d/1P1YBxlot5jJ-NR-OL934eMEXiFrVxRX_g8aL5I2vsl8
Práctico: HTML+CSS - Parte I
https://docs.google.com/document/d/12OlfYhq-7V0PEkUoNyJDPUPCb5XDMvSezexg-fXrmIs
Videos (3)
1.1 Introduccion HTML y CSS
https://www.youtube.com/watch?v=yN1w3IMgRww
1.2 HTML
1.3 CSS
1.4 Listas, caracteres especiales y propiedades CSS
Lección Sitio Completo
Slides Sitio Completo
https://docs.google.com/presentation/d/1CD5IPdYnsRxIUoAGd1Dw87wYUd2XVZQuX40vWbOb5No
Practico (Parte del Practico es Layouts, la leccion que sigue)
https://docs.google.com/document/d/1A8AZCR8giTJMkCN583Lileded9YHUpXBUhzxbFZIpVM
Video (1)