logs - SidVal/dev.web GitHub Wiki
- 11/07/2020 - Se creó página de UX, para mejorar performance y accesibilidad de las páginas.
-
01/07/2020 - Se creó página de "Códigos Rápidos" en la Wiki, para no tener que buscar en otras páginas web ciertos códigos -cortos.
-
01/05/2020 - Quería un syntax-highlighting de código que me permita mostrar el código
JS
de las prácticas, o tareas., así que después de una horas investigando y probando varios códigos, terminé con Rainbow - El mismo no está mantenido, y la última edición que tuvo fue en 2018; pero me gustó que es simple, y muy liviano. -
29/04/2020 - Clase a clase voy creando una página HTML de cero donde expongo lo que voy aprendiendo en
JS
, que aún es muy básico. El tema es que el código HTML arrancó de cero, y ya metí Bootstrap porque el CSS plano es horrible si debe arrancar totalmente de cero, imaginate que editar cada elemento de la web, es un perno. Así que partiendo de Bootstrap para que tenga márgenes, y títulos potentes. -
27/04/2020 - Arrancamos la primer clase del Curso JS básico
-
12/04/2020 - Se editó release, y se actualizan roadmaps de contenido.
- A fin de mes arranco curso de
JS
básico.
- A fin de mes arranco curso de
-
02/11/2019 - Arranco cursos en plataforma: UNCordobaX, ver contenido en Conocimientos: Cursos
-
04/09/2019 - Arranco un nuevo curso, pero no pretendo crear un nuevo repositorio sobre él pues sobre Photoshop no se puede pasar código, pero sí TIPS, y cosas importantes que creo que puedo usar a futuro. El repositorio sobre este curso se envió a la parte de Conocimientos: Curso Photoshop.
-
31/12/2018 - Se deja de actualizar el log, salvo cambios muuuuuuuuy puntuales (que sean destacables).
-
26/10/2018 - Planificado crear un release (no pre-release) con lo siguiente:
- Agregar a google webmasters, para saber simplemente si google puede leer el contenido a través de JS.
-
25/10/2018 - Ya estamos llegando a finales de Octubre. Mi compañero aprobó también. Ahora en las próximas semanas ya puedo ir a buscar el certificado de la diplomatura. Se realizaron muchos cambios al repositorio:
- Se agregaron logos a los temas principales, y enlaces salientes a sitios oficiales.
- Se agregaron badges con información de github (ejemplo: https://sidval.github.io/dev.web/#/c/jquery/)
- Se re-estructuró el directorio completo para
/curso/
- Mucho contenido nuevo agregado
-
20/09/2018 - Pasó rápido Septiembre... desde la última clase, el día Martes 11/09 hasta hoy, casi no me he dado cuenta que debía actualizar este log. =)
- Estoy ayudando a un compañero de la Diplomatura para presentar su trabajo final.
-
19/09/2018 - Recibo respuesta por correo electrónico con devolución sobre el trabajo práctico.
- Aprobé =)
- Paso los detalles en la carpeta del curso:
/c/curso/utn/dw/
(próximamente)
-
18/09/2018 - Entrego a las 23:45 hs el trabajo final, después de semanas de desarrollo desde el 08/09/2018 mas o menos que lo empecé a desarrollar. Venía ya pensando en entregar y que me iba a observar las estadísticas del práctico, porque a mi modo de ver no llegué al resultado como debería.
-
11/19/2018 - el profe brindó una clase virtual -vía Hangouts- de apoyo, y eramos cuatro personas conectadas. Se vio particularmente cada problema y dudas que tenían, se extendió un poco más de una hora la clase de apoyo.
-
04/09/2018 - Última clase, es la clase 16. Se ve MongoDB, y cómo ejecutar operaciones de consulta a la base de datos con el RoboT de Mongoose.
-
31/08/2018 - Edición de webs para js, con este contenido; llegué hasta Parser.
-
30/08/2018 - Generé un documento separado para la parte del final: edit:
/curso/final.md
. -
28/08/2018 - Última clase. Un laberinto de códigos y explicaciones que no se entendían ni para qué se daban. Lo único claro que salió de ésta clase es cómo y cuándo debía presentarse el trabajo final.
- Trabajo Final: se presenta versión preliminar el día 18/09, que si está OK, se aprueba y si quedan observaciones lo devuelve para presentarse la versión final el día 25/09.
-
22/08/2018 - Quiero buscar info sobre cómo crear un ABM (cualquier ejemplo) con NodeJS + Angular5.
- En la tarea, me encontré con la palabra "CRUD", y de la primer lectura que hice sobre el tema, llegué a la conclusión de que CRUD es lo que busco, ya que es:
cómo agregar, listar, modificar y eliminar registros
. - Si pasamos de buscar
abm node angular
acrud node angular mongodb
, y a la vez le agregamos que queremos los resultados del último mes, en google, las cosas cambian. Para empezar, el término "ABM" es un término en español, así que los resultados en su mayoría son en ese idioma, mientras que buscando el término CRUD, la mayoría de los resultados están en inglés. - En este tutorial Angular Tutorial: Create a CRUD App with Angular CLI and TypeScript, encontraremos la información que nos falta para cerrar muchos conceptos que en el curso estamos aprendiendo y nunca fueron explicados como debería haber sido.
- Otro buen tutorial que encontré es Node.js MongoDB Tutorial with Examples donde explican en detalle cosas que a mi modo de ver deberían ser brindadas en este curso que he tomado. Hay buen material en ese sitio web, bien explicado, en detalle, especialmente la parte de código, qué es cada parte... si estamos iniciando, sin lugar a dudas es buen material.
- Hay videos en español que habría que evaluar: 1, 2, ...
- Este tuto usa otra base de datos, pero serviría para analizar: Angular 6 HttpClient + Node.js/Express RestAPIs + MariaDB example | Sequelize ORM CRUD APIs example
- Encontré más con Mongoose: Mongoose CRUD MongoDB – Angular 6 HttpClient Get/Post/Put/Delete – Node.js/Express RestAPIs
- Cursos para analizar:
- Angular: De cero a experto creando aplicaciones (Angular 6+) - 10 usd
- Curso de Angular 6 - Desde cero hasta profesional - 10 usd
- Desarrollo web con JavaScript, Angular, NodeJS y MongoDB - 10 usd
- Desarrollar una red social con JavaScript, Angular y NodeJS - 10 usd
- Master en JavaScript: Aprender JS, jQuery, Angular 6, NodeJS - 10 usd
- En la tarea, me encontré con la palabra "CRUD", y de la primer lectura que hice sobre el tema, llegué a la conclusión de que CRUD es lo que busco, ya que es:
-
21/08/2018 - La clase 15, arrancó copiando la clase 14, y explicando los
js
que se usaban. Luego fue agregándole funcionalidades para agregar cosas a la lista que se guardaban en MongoDB. Debo repasar el video pq en una parte me perdí y no pude entender más (ja-ja-ja). -
15/08/2018 - Renuevo suscripción a medium anual. Había probado hasta el 14/08 la suscripción mensual, y me ha llamado la atención la cantidad de contenido de calidad que tiene la plataforma. Hay muchas marcas, y artículos muy -pero muy- buenos, así que vamos a apostar a un año de contenido. Lectura diaria, conocimiento, y nuevos retos que serán publicados en mi repo de ideas.
- Curación hasta fullstack de éste interesante artículo.
-
14/08/2018 - La clase 14: como venía anticipando en otras clases, hacer seguimiento de un curso que se da en vivo (en linea), y que no se brinda contenido previo a la clase, para ir entendiendo qué se está haciendo, por qué se usa cada función, para qué se escribe el código, es muy difícil de seguir.
- Nuevamente termino con la cabeza quemada, la única forma que encontré de seguir la clase, lo más eficiente posible, es abrir un block de notas, ponerlo arriba del GoToMeeting, y a medida que el profe va escribiendo línea por línea, ir escribiendo en el block de notas los códigos. Hay que ser muy rápido tipeando, y tener en claro varias palabras claves (por supuesto en ingles).
- El final de la clase, si bien después de pelear 100 veces con varios códigos -ya que el block de notas no es como el Visual Code que te explica dónde están los errores de syntaxis, mi código terminó funcionando, pero no la página completa porque al final de la clase empezaron a aparecer -en la clase-, páginas completas (copiadas y pegadas) que no daban tiempo ni a leer el código para saber lo que hacían. Así se dio la clase
-
08/08/2018 - Se agregaron badges de https://badgen.net/
- Vengo muy atrasado con la anotación de logs. Si sirve de algo, he estado muy ocupado mejorando la documentación del repo: https://github.com/SidVal/dev.web/commits/master
-
24/07/18 - Clase 11
- Ver: https://github.com/SebastianM/angular-google-maps para agregar a algún lado =)
- Hubo muchos cambios en el repositorio dev-web
-
11/07/18 - Tengo algo abandonado este proyecto ... 👎
- Ayer (10/07/18) a las 17:20 hs el profe nos avisó que no íbamos a tener clases por "receso invernal" de la UTN.
-
Última lectura web y página 27 del PDF2
-
25/06/18 - Lecturas sobre jQuery: https://learn.jquery.com; https://jquerymobile.com y https://jqueryui.com/
- Lectura del PDF2, ediciones en
/js/
y/jquery/
- Se editaron distintas Wiki:lecturas sobre jQuery (tanto en español, como en ingles).
- Si JS es JavaScript, no usar JQ para jQuery. Ya existe
jq
.
- Lectura del PDF2, ediciones en
-
19/08/18 - Lecturas relacionadas a "Progressive Web Apps" porque leyendo vi que serían más innovadoras que las AMP Pages.
- Tu primera Progressive Web App
- ¿Por qué tanto escándalo?
- Creé nuevo social para CSAP; porque blogger no procesó bien al "social-cs" que creé ayer.
- Chrome DevTools: para aprender más sobre debugguing porque es necesario para entender cómo trabaja JavaScript y jQuery.
-
18/06/18 - Clase 8: funciones de Javascript e introducción a jQuery.
- Creé social-cs para CSAP.
-
13/06/18 - Lectura: Form elements must have labels y Text elements must have sufficient color contrast against the background.
- Zooming and scaling must not be disabled (2x)
[user-scalable="no"]
is used in the<meta name="viewport">
element or the[maximum-scale]
attribute is less than 5.- Make your app's
short_name
fewer than 12 characters to ensure that it's not truncated on homescreens. Más info.
-
12/06/18 - Clase 7, cierre de Bootstrap, y comenzamos con Javascript. Se crean archivos para la clase 7, y se actualiza documentación de unidad 4.
-
11/06/18 - Repaso PDF2, voy muy atrasado en el resumen. Vamos viendo la página 20 del PDF2, cómo resetear columnas de la rejilla, y en clase, la clase 6, vimos ya formularios que en el PDF2 es la página 46.
- Agregué unidad 4 y unidad 5 porque avancé en lectura del PDF2. Es muy largo!
-
09/06/18 - Revisé documentación de unidad 2 y unidad 3.
-
07/06/18 - Sale con fritas más código css en repo:www/codigos/css
-
04/06/18 - Se actualizaron lecturas en Wiki:Lecturas
-
03/06/18 - Se editó y terminó de modificar el blog2 para el TP1.
-
29/05/18 - Avance issue#10
- Clase 5: se crean archivos relacionados a ésta clase
-
28/05/18 - Contenido en unidad3.md.
- Página 27 del PDF2.
- Nuevos issues para unidad2.md
-
23/05/18 - Bootstrap lectura desde el sitio https://getbootstrap.com
-
22/05/18 - Subieron PDF2 del curso., así que habría que analizar de qué se trata.
- Parte de nuevos selectores (unidad 2) es de la página 54 del PDF1.
- Se terminó el PDF1, se edita unidad 2.
- Ver: https://openode.io/pricing (hosting)
- PDF2: hasta la página 7, es índice. No hay contenido. Arrancar en la página 8 directamente.
- Clase 4
-
19/05/18 - Js.Org rechazó el nombre, por ser genérico, así que volví a dejar dev.web como estaba.
-
18/05/18 - Creación de Releases, realmente probando, porque sigo sin entender cómo funciona.
- Cambié de nombre al repositorio del "dev.web" para adoptarle un dominio de
js.org
. - Sigo actualizando el issue #1 que es para mejorar Docs.
- Cambié de nombre al repositorio del "dev.web" para adoptarle un dominio de
-
17/05/18 - Se siguen actualizando cosas de la re-organización. Se avanza muy poco con la lectura de la Unidad 2 y la mejora en ésta parte de la documentación: Referencia con pseudo clases.
-
16/05/18 - Se inicia re-organización a través de GitHub de escritorio.
-
15/05/18 - Se creó issue para re-organizar todo el root de documentación
- Clase 3
-
14/05/18 - Se avanzó más con contenido de la unidad 2 (y el PDF del curso).
-
13/05/18 - Estudié más el PDF para los estilos, llegué a la página 50, y he ido editando el capítulo 2 (unidad 2) de la documentación publicada.
-
11/05/18 - Modifiqué la estructura de la documentación Dev.Web
-
10/05/18 - Se modificó docsify para presentar mejor la información y se dieron distintos retoques, como paginación y estilos. Ver commits de hoy.
-
09/05/18 - Actualicé Wiki:Herramientas Editores en linea para testing general y practicar.
- Creé
/clases/
yclases1.md
yclases2.md
. - Creé
capitulo2.md
con su contenido. - Actualicé
capitulo1.md
. - Se hizo fork de docsify para crear el estilo "green" y mantener docsify actualizado.
- Creé
-
08/05/18 - Clase 2; creación de carpeta "www" y su contenido donde se subirán códigos de práctica, y lo que se vaya viendo en clase. [Tener en cuenta que esta carpeta no tiene versión web, sería solo para alojar código y ejemplos.]
-
07/05/18 - Aprendiendo Regex con RegexOne. Muy buen sitio (en ingles) con ejercicios prácticos.
- Otras lecturas: regexper y WikiPedia:Regular_expression
- https://regexone.com/references/javascript
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
- Edito Capitulo1, se amplía la parte después de la página 28 con contenido tomado del PDF de clase y referencias webs.
-
30/04/18 - Encuentro más contenido de js, y css en GitHub, dignos de tener en cuenta, así que edito Wiki:GitHub; y Wiki:Lectuas
- Leo la Revolución de la web (en ingles), contenido muy interesante y expuesto de forma resumida, como si fuesen filminas, queda muy bueno así expuesto, fácil de entender lo que dice. Muy buenos conceptos, y palabras claves las que se mencionan en las últimas filminas.
-
27/04/18 - Sigo lectura del sitio w3.org, sin embargo llego a la conclusión de que es muy avanzado el texto que ahí aparece... no es super didactico el sitio web. Así que lo último que leí es sobre Writing secure applications with HTML.
- Surge la necesidad de aprender RegEx, en Substring value attribute selectors, se usarían para CSS.
- Regular expression
-
25/04/18 - Sigo lectura y resumen en Dev.Web:Capitulo1
- Lectura del estándar (el último, versión HTML 5.2): Introducción al HTML
-
24/04/18 - Buscando info sobre cómo mejorar los DOCS, llegué a algunas apps en JS que sería bueno considerar; y de tanta lectura no recuerdo cómo terminé leyendo sobre CSS:Shapes
- Lectura de CSS:Pseudo-Elements
- Arranco a estudiar la documentación del capitulo 1 (en PDF) que brinda la UTN, y el resumen lo publico en Dev.Web:Capitulo1
-
23/04/18 - Arrancamos con algunos issues 😆 para organizar mejor todo ésto.
- Agrego Wiki:Lecturas sobre CSS (en inglés)
-
22/04/18 - Organización de éste log, cambio orden de fechas (lo más nuevo primero, hacia lo más antiguo).
- Edito Wiki:Lecturas para agregar tres sitios web generales (en inglés).
- Se documenta con Docsify.js bajo
/docs
en modo local, y se publicará aquí en GitHub Pages.
-
21/04/18 - Primera clase presencial en la UTN. Se crea, edita y publica
clase1.md
- Leer lo básico de selectores para comprender las diferencias entre
id
yclass
que se usa mucho en CSS.
- Leer lo básico de selectores para comprender las diferencias entre
-
17/04/18 - Se crea Wiki:GitHub
-
16/04/18 - Actualizo Wiki:Herramientas, agrego sitios web interesantes para agregar Colores
- Retomo prácticos básicos: https://www.codecademy.com/learn/introduction-to-javascript
- Repaso: Introduction to CSS layout
- Repaso: Floats
- Repaso: Html Forms
- Repaso: How to structure an HTML form
-
12/04/18 - Del artículo Express Web Framework (Node.js/Javascript) que empecé ayer, está parcialmente traducido, la página indica que está en traducción, así que la intro la estoy leyendo directamente en inglés: Express/Node introduction
Para ser una introducción es bastante avanzado, maneja una serie de conceptos -que para mí no serían de introducción, los mencionaré para recordar: middleware, opinionated (traducido como dogmático), app, modules, asynchronous APIs, async, promises, callback functions, route handlers, response-methods, express-router, Serving static files, Error Handling, Database Integration, views: template engines, y MVC architecture
- Arranco y termino: Setting up a Node development environment - task[repasar]
- Arranco y termino: Express Tutorial: The Local Library website - No es tan necesario, es un ejemplo de un sitio web, y el código está aquí en GitHub
- Arranco: Express Tutorial Part 2: Creating a skeleton website Desde acá en adelante parecen ser todos tutoriales prácticos; no los voy a leer ahora. [ver wiki:lecturas#express-tutorials] - task[repasar]
- Repaso: Iniciando en HTML
- Repaso: ¿Qué hay en la cabecera? Metadatos en HTML
- Repaso: Textos fundamentales HTML
- Repaso: Creando hipervínculos - Nuevo, no sabía que el
a href
tenía un atributodownload
. - Repaso: Advanced text formatting - Nuevo, ver cómo se usan las "description list" para diferenciarlas de las listas bullets (
ul
yol
). Leer también la parte de Quotations. Marking up contact details; Representing computer code; Marking up times and dates. - task[repasar] - Repaso: Document and website structure
- Repaso: Debugging HTML
- Repaso: Marking up a letter
- Repaso: Structuring a page of content
- Repaso: Multimedia and embedding
-
11/04/18 - Entre la millonada de enlaces en español que tengo para lectura, me gustó este: Primeros pasos en la Web.
- Recomiendan entre otros programas básicos, tener instalado GruntJs
- Ediciones al Wiki:lecturas
- Fin del artículo completo de "Primeros Pasos"; último artículo.
- Arranco y termino: "Primeros Pasos en la Programación de Lado-Servidor"
- Arranco: Express Web Framework (Node.js/JavaScript)
-
10/04/18 - Email: responde el profesor, actualizo Wiki de Ebooks en español
-
09/04/18 - Me inscribo al curso, y contacto al profesor para comunicarle la decisión para ver si hay material de estudio que pueda ir leyendo =)
-
07/04/18 - Voy a la presentación con Cristian en la UTN, conozco al profesor, y otros cursos disponibles.
-
04/04/18 - Email: Responden a la solicitud con mucha información
-
29/03/18 - Email: Solicito información sobre la Diplomatura:
http://educacionadistancia.frc.utn.edu.ar/courses/diplomado_desarrollo_web/
-
28/03/18 - Email: NUEVO LANZAMIENTO DE CURSOS Y DIPLOMATURAS
¡Cómo empieza la locura y dónde termina!