PLAN DE TRABAJO
PLAN DE TRABAJO
Tema:
Frameworks ¿usarlos o no?
Problema:
El mundo web está en constante cambio, actualizando, mejorando el código, y por supuesto cada vez se crean más herramientas para facilitar el tiempo y el proceso de construcción de proyectos web (Frameworks), sin embargo, no todos los desarrolladores están de acuerdo al utilizarlos ya que prefieren, como ellos dicen "escribir código limpio".
Planteamiento del problema
¿Qué relación existe entre hacer uso de los frameworks para front end (html, css, js)y la productividad al desarrollar un proyecto web en los estudiantes activos del curso de "Desarrollo web "?
Objetivo general:
Determinar la relación que existe entre hacer uso de los frameworks para front end (html, css, js) y la productividad al desarrollar un proyecto web en los estudiantes activos del curso de "Desarrollo web "
Objetivos específicos:
- Identificar los niveles de uso de frameworks front end (html, css, js) en los los estudiantes activos del curso de "Desarrollo web "
- Determinar los mejores frameworks front end (html, css, js).
Justificación practica:
Esta investigación fue desarrollada debido a la controversia que existe entre si es bueno o no utilizar frameworks web, ya que en la actualidad existen pocos estudios relacionados sobre la integración de framewoks para el desarrollo aplicaciones web que se adapten al cualquier tipo de dispositivos, ya sea Pc’s o teléfonos inteligentes.
Hipótesis:
Existe una relación directa entre hacer uso de los frameworks para front end (html, css, js) y la productividad al desarrollar un proyecto en los programadores web, ya que a mayor uso de los frameworks mejora la productividad en desarrollos de proyectos web.
Publico objetivo:
Estudiantes activos de las clases de "Desarrollo web "
Tema:
Frameworks ¿usarlos o no?
Problema:
El mundo web está en constante cambio, actualizando, mejorando el código, y por supuesto cada vez se crean más herramientas para facilitar el tiempo y el proceso de construcción de proyectos web (Frameworks), sin embargo, no todos los desarrolladores están de acuerdo al utilizarlos ya que prefieren, como ellos dicen "escribir código limpio".
Planteamiento del problema
¿Qué relación existe entre hacer uso de los frameworks para front end (html, css, js)y la productividad al desarrollar un proyecto web en los estudiantes activos del curso de "Desarrollo web "?
Objetivo general:
Determinar la relación que existe entre hacer uso de los frameworks para front end (html, css, js) y la productividad al desarrollar un proyecto web en los estudiantes activos del curso de "Desarrollo web "
Objetivos específicos:
- Identificar los niveles de uso de frameworks front end (html, css, js) en los los estudiantes activos del curso de "Desarrollo web "
- Determinar los mejores frameworks front end (html, css, js).
Justificación practica:
Esta investigación fue desarrollada debido a la controversia que existe entre si es bueno o no utilizar frameworks web, ya que en la actualidad existen pocos estudios relacionados sobre la integración de framewoks para el desarrollo aplicaciones web que se adapten al cualquier tipo de dispositivos, ya sea Pc’s o teléfonos inteligentes.
Hipótesis:
Existe una relación directa entre hacer uso de los frameworks para front end (html, css, js) y la productividad al desarrollar un proyecto en los programadores web, ya que a mayor uso de los frameworks mejora la productividad en desarrollos de proyectos web.
Publico objetivo:
Estudiantes activos de las clases de "Desarrollo web "
Plan de trabajo sintetizado
Plan de trabajo completo:
CONTENIDO
Capitulo 1 Planteamiento del problema
- Objetivo general
- Objetivos especificos
- Justificación
- Hipótesis
Capitulo 2 Marco conceptual
- Que es un Framework
- Que es un Framework web
- Qué es Front end
- Qué es HTML
- Qué es CSS
- Qué es Javascript
Marco teórico
- Frameworks de HTML5
- Frameworks de CSS3
- Frameworks de Javascript
Encuestas
Conclusiones.
Plan de trabajo sintetizado
Plan de trabajo completo:
CONTENIDO
Capitulo 1 Planteamiento del problema
- Objetivo general
- Objetivos especificos
- Justificación
- Hipótesis
Capitulo 2 Marco conceptual
- Objetivo general
- Objetivos especificos
- Justificación
- Hipótesis
Capitulo 2 Marco conceptual
- Que es un Framework
- Que es un Framework web
- Qué es Front end
- Que es un Framework web
- Qué es Front end
- Qué es HTML
- Qué es CSS
- Qué es Javascript
Marco teórico
Marco teórico
- Ventajas de un Framework
-Desventajas de un Framework
- Frameworks de HTML5
- Frameworks de CSS3
- Frameworks de Javascript
- Frameworks de HTML5
- Frameworks de CSS3
- Frameworks de Javascript
Encuestas
Conclusiones.
Buscadores utilizados para recopilar información
Sobre todo en este caso me base mucho en Google académico
Sobre todo en este caso me base mucho en Google académico
Registro bibliográfico en formato APA
Fuentes Primarias
[1] Gutiérrez, J. J. (2014). ¿ Qué es un framework web. Available in: http://www. lsi. us. es/~ javierj/investigacion_ficheros/Framework. pdf Accessed May, 12.
[2] Torre, J.P (2018)¿Qué es un framework? Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243812?start=0
[3] Vega,F.J [Platzi], (2014 agosto 4). Qué es HTML y cómo funciona [Archivo de video]. Recuperado de https://www.youtube.com/watch?v=av_PL4_jz1I
[4] Treviño, P,G 2016. CSS y HTML, Recuperado de https://platzi.com/html5-css3/tutoriales/css-y-html/
[5] Chapaval N.[Platzi](4018 febrero 5) que es front end y back end [blog] Recuperado de https://platzi.com/blog/que-es-frontend-y-backend/
[6] Torre, J.P (2018) HTML CSS Y Javascript (Lenguajes del cliente) Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243750?start=0
[7]Jacob Gube. 10 Best Responsive HTML5 Frameworks and Tools [Citado el 19 de Marzo de 2014].
[8]Roger Romero. Frameworks de CSS para el desarrollo web [Citado el 29 de Marzo de 2014]
[9] React Native (s.f) React Native Available in: https://facebook.github.io/react-native/
[10] Angular (s.f) Angular Available in: https://angular.io/about?group=Angular
Fuentes secundarias
Aponte, Á. M. V. (2014). Guía comparativa de Frameworks para los lenguajes HTML 5, CSS y JavaScript para el desarrollo de aplicaciones Web (Doctoral dissertation, Universidad Tecnológica de Pereira. Facultad de Ingenierías Eléctrica, Electrónica, Física y Ciencias de la Computación. Ingeniería de Sistemas y Computación).
Ríos, J. R. M., Mora, N. M. L., Ordóñez, M. P. Z., & Sojos, E. L. L. (2016). Evaluación de los Frameworks en el Desarrollo de Aplicaciones Web con Python. Revista Latinoamericana de Ingenieria de Software, 4(4), 201-207.
Chafla, M., & Carlos, J. (2015). Análisis de Framework Opensourse en el desarrollo de una aplicación web para la gestión de reportes estadísticos en el sistema de agua potable de la Provincia de Chimborazo (Bachelor's thesis, Riobamba: Universidad Nacional de Chimborazo, 2015).
Villalobos, G. M., Sánchez, G. D. C., & Gutiérrez, D. A. B. (2010). Diseño de framework web para el desarrollo dinámico de aplicaciones. Scientia et technica, 1(44), 178-183.
Paico, Z., Mercedes, M., & Zavala Gonzales, C. A. (2016). Análisis y evaluación del trabajo de los Framework del lado del cliente y del lado del servidor, para medir tiempos de respuesta y carga del servidor mediante la elaboración de un CRUD.
Espinosa Alfonso, J. (2012). Framework de desarrollo de aplicaciones web multiplataforma (Bachelor's thesis).
Vega, J. F., & Van Der Henst, C. (2012). Curso HTML5.
ANTECEDENTES
BIBLIOGRÁFICOS
Antecedentes
nacionales.-
A nivel nacional encontramos que Aponte (2014) en su
estudio sobre "comparativa de frameworks para los lenguajes html 5, css y
javascript para el desarrollo de aplicaciones", muestra que La elección de
un framework de desarrollo web está sujeta, a las necesidades de la aplicación
debido a que los frameworks se especializan en un tipo de aplicación.
En cuanto a los frameworks front end en "análisis
comparativo de frameworks para el desarrollo de aplicaciones web en java"
(Sandoval Medrano, H. A., &
Sandoval Medrano, G. B. (2016). ) encontró que el Framework más
destacado y usado en la Web para desarrollar aplicaciones en Frontend, es
Angular que fue desarrollado por Google.
En lo que respecta a la relación entre el frameworks web
y productividad
al desarrollar un proyecto web, hasta la fecha no existen estudios. Lo
que sí encontramos son estudios referidos a "Análisis y evaluación del
trabajo de los Framework del lado del cliente y del lado del servido"
donde obtuvieron resultados que muestran que los mejores Framework por el lado
del cliente son AngularJS y BackboneJS,
A
nivel Local
No se encontraron antecedentes locales referentes a
nuestro proyecto de estudio
Marco
Conceptual
Qué
es un Framework
El concepto framework se emplea un muchos ámbitos del
desarrollo de sistemas software, no solo en el ámbito de aplicaciones Web.
Podemos encontrar frameworks para el desarrollo de aplicaciones médicas, de
visión por computador, para el desarrollo de juegos, y para cualquier ámbito
que pueda ocurrírsenos. [1]
Qué es un Framework Web:
Un framework Web, se puede definir como un conjunto de
componentes (por ejemplo clases en java y descriptores y archivos de
configuración en XML) que componen un diseño reutilizable que facilita y
agiliza el desarrollo de sistemas Web. [1]
Qué
es Front end
Frontend es la parte de
un programa o dispositivo a la que un usuario puede acceder directamente. Son
todas las tecnologías de diseño y desarrollo web que corren en el navegador y
que se encargan de la interactividad con los usuarios.
Qué
es HTML
HTML es el lenguaje con el
que está construida Internet entera, pero a diferencia de lo que muchos creen
no es un lenguaje de programación, es un lenguaje para modelar documentos, para
modelar la forma en la que la información es presentada a las personas en
páginas web.[3]
Qué
es CSS
Casacading
Style Sheet, hoja de estilo en cascada o CSS, es un lenguaje usado para definir
y crear la presentación de un documento estructurado escrito en HTML o XML. Con él puedes trabajar fácilmente en
la nube elástica de Facilcloud. La idea que subyace tras su desarrollo consiste
en separar la estructura de un documento, de su presentación. Esto quiere
decir, que con CSS resulta muy fácil cambiar el aspecto de una página web.
Por
esta razón es el lenguaje principalmente usado por parte de los navegadores web de internety por los desarrolladores, para
elegir múltiples opciones de presentación como colores, tipos y tamaños de
letra, entre otros. [4]
Qué es Javascript
Es un lenguaje de programación,
es un lenguaje interpretado, es un lenguaje de scripting, anteriormente únicamente
era utilizado para la web, pero hoy en día a evolucionado de tal forma que
incluso podemos crear aplicaciones para el móvil.[6]
Marco
teórico
Objetivos
de un Framework
Los objetivos principales que persigue un framework son:
acelerar el proceso de desarrollo, reutilizar código ya existente y promover
buenas prácticas de desarrollo como el uso de patrones, en la actualidad
existen frameworks para lenguajes como html5, Css y JavaScript. [1]
Ventajas
de un Framework
- Código probado y escrito por cientos o miles de
desarrolladores.
Desventajas
de un Framework
- Es necesario aprender y seguir una sintaxis definida
por el desarrollador del framework, por lo cual debemos aprender una sintaxis
nueva.
Frameworks
de HTML
Sirven como punto de arranque para cualquier sitio web o
aplicación web. es una base para comenzar cualquier proyecto. En este caso se
seleccionaron los frameworks más utilizados y conocidos.
HTML5
Boilerplate
En 2010, HTML5 Boilerplate se convirtió en
una de las primeras, y posteriormente, más populares herramientas de desarrollo
web front-end de código abierto para poner en funcionamiento sitios web HTML5 y
aplicaciones web en muy poco tiempo. Se trata de una compilación de
soluciones de desarrollo web que permiten a nuestros sitios admitir navegadores
web modernos.
El objetivo de un framework CSS será ahorrarnos
realizar las tareas básicas al trabajar con hojas de estilo. Normalmente los
frameworks CSS se componen de uno o varios archivos con declaraciones
predefinidas
El 960 Grid System es un
esfuerzo por agilizar el flujo de trabajo de desarrollo web al proporcionar
dimensiones comúnmente utilizadas, basadas en un ancho de 960 píxeles. Hay
dos variantes: 12 y 16 columnas, que se pueden usar por separado o en conjunto.
Blueprint
CSS
Un framework de diseño liviano para crear interfaces de
usuario móviles de gran respuesta que funcionen en todas partes. Código
abierto, construido con CSS Grid y Flexbox. [8]
Frameworks
de Javascript
React Native
React Native le permite
crear aplicaciones móviles usando solo JavaScript. Utiliza el mismo diseño
que React, lo que le permite componer una interfaz de usuario móvil rica a
partir de componentes declarativos. [9]
Angular
Angular está
construido por un equipo de ingenieros que comparten la pasión por hacer que el
desarrollo web se sienta sin esfuerzo. Creemos que escribir aplicaciones
hermosas debe ser alegre y divertido. Estamos construyendo una plataforma
para el futuro.[10]
[1] Gutiérrez, J.
J. (2014). ¿ Qué es un framework web. Available in:
http://www. lsi. us. es/~ javierj/investigacion_ficheros/Framework. pdf
Accessed May, 12.
[2] Torre,
J.P (2018)¿Qué es un framework? Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243812?start=0
[3] Vega,F.J [Platzi], (2014 agosto 4). Qué
es HTML y cómo funciona [Archivo de video]. Recuperado de
https://www.youtube.com/watch?v=av_PL4_jz1I
[4] Treviño,
P,G 2016. CSS y HTML, Recuperado de
https://platzi.com/html5-css3/tutoriales/css-y-html/
[5] Chapaval
N.[Platzi](4018 febrero 5) que es front end y back end [blog] Recuperado de https://platzi.com/blog/que-es-frontend-y-backend/
[6] Torre,
J.P (2018) HTML CSS Y Javascript (Lenguajes del cliente) Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243750?start=0
[7]Jacob
Gube. 10 Best Responsive HTML5 Frameworks and Tools [Citado
el 19 de Marzo de 2014].
[Citado
el 29 de Marzo de 2014]
[10] Angular (s.f)
Angular Available in:
https://angular.io/about?group=Angular
[1] Gutiérrez, J. J. (2014). ¿ Qué es un framework web. Available in: http://www. lsi. us. es/~ javierj/investigacion_ficheros/Framework. pdf Accessed May, 12.
[2] Torre, J.P (2018)¿Qué es un framework? Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243812?start=0
[3] Vega,F.J [Platzi], (2014 agosto 4). Qué es HTML y cómo funciona [Archivo de video]. Recuperado de https://www.youtube.com/watch?v=av_PL4_jz1I
[4] Treviño, P,G 2016. CSS y HTML, Recuperado de https://platzi.com/html5-css3/tutoriales/css-y-html/
[5] Chapaval N.[Platzi](4018 febrero 5) que es front end y back end [blog] Recuperado de https://platzi.com/blog/que-es-frontend-y-backend/
[6] Torre, J.P (2018) HTML CSS Y Javascript (Lenguajes del cliente) Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243750?start=0
[7]Jacob Gube. 10 Best Responsive HTML5 Frameworks and Tools [Citado el 19 de Marzo de 2014].
[8]Roger Romero. Frameworks de CSS para el desarrollo web [Citado el 29 de Marzo de 2014]
[9] React Native (s.f) React Native Available in: https://facebook.github.io/react-native/
[10] Angular (s.f) Angular Available in: https://angular.io/about?group=Angular
Fuentes secundarias
Aponte, Á. M. V. (2014). Guía comparativa de Frameworks para los lenguajes HTML 5, CSS y JavaScript para el desarrollo de aplicaciones Web (Doctoral dissertation, Universidad Tecnológica de Pereira. Facultad de Ingenierías Eléctrica, Electrónica, Física y Ciencias de la Computación. Ingeniería de Sistemas y Computación).
Ríos, J. R. M., Mora, N. M. L., Ordóñez, M. P. Z., & Sojos, E. L. L. (2016). Evaluación de los Frameworks en el Desarrollo de Aplicaciones Web con Python. Revista Latinoamericana de Ingenieria de Software, 4(4), 201-207.
Chafla, M., & Carlos, J. (2015). Análisis de Framework Opensourse en el desarrollo de una aplicación web para la gestión de reportes estadísticos en el sistema de agua potable de la Provincia de Chimborazo (Bachelor's thesis, Riobamba: Universidad Nacional de Chimborazo, 2015).
Villalobos, G. M., Sánchez, G. D. C., & Gutiérrez, D. A. B. (2010). Diseño de framework web para el desarrollo dinámico de aplicaciones. Scientia et technica, 1(44), 178-183.
Paico, Z., Mercedes, M., & Zavala Gonzales, C. A. (2016). Análisis y evaluación del trabajo de los Framework del lado del cliente y del lado del servidor, para medir tiempos de respuesta y carga del servidor mediante la elaboración de un CRUD.
Espinosa Alfonso, J. (2012). Framework de desarrollo de aplicaciones web multiplataforma (Bachelor's thesis).
Vega, J. F., & Van Der Henst, C. (2012). Curso HTML5.
ANTECEDENTES
BIBLIOGRÁFICOS
Antecedentes
nacionales.-
A nivel nacional encontramos que Aponte (2014) en su
estudio sobre "comparativa de frameworks para los lenguajes html 5, css y
javascript para el desarrollo de aplicaciones", muestra que La elección de
un framework de desarrollo web está sujeta, a las necesidades de la aplicación
debido a que los frameworks se especializan en un tipo de aplicación.
En cuanto a los frameworks front end en "análisis
comparativo de frameworks para el desarrollo de aplicaciones web en java"
(Sandoval Medrano, H. A., &
Sandoval Medrano, G. B. (2016). ) encontró que el Framework más
destacado y usado en la Web para desarrollar aplicaciones en Frontend, es
Angular que fue desarrollado por Google.
En lo que respecta a la relación entre el frameworks web
y productividad
al desarrollar un proyecto web, hasta la fecha no existen estudios. Lo
que sí encontramos son estudios referidos a "Análisis y evaluación del
trabajo de los Framework del lado del cliente y del lado del servido"
donde obtuvieron resultados que muestran que los mejores Framework por el lado
del cliente son AngularJS y BackboneJS,
A
nivel Local
No se encontraron antecedentes locales referentes a
nuestro proyecto de estudio
Marco
Conceptual
Qué
es un Framework
El concepto framework se emplea un muchos ámbitos del
desarrollo de sistemas software, no solo en el ámbito de aplicaciones Web.
Podemos encontrar frameworks para el desarrollo de aplicaciones médicas, de
visión por computador, para el desarrollo de juegos, y para cualquier ámbito
que pueda ocurrírsenos. [1]
Un framework se puede considerar como una aplicación
genérica incompleta y configurable a la que se le puede añadir las últimas
piezas para construir una aplicación concreta [1]. En otras palabras, un
framework es código ya está escrito que nos provee funcionalidad [2]
Qué es un Framework Web:
Un framework Web, se puede definir como un conjunto de
componentes (por ejemplo clases en java y descriptores y archivos de
configuración en XML) que componen un diseño reutilizable que facilita y
agiliza el desarrollo de sistemas Web. [1]
Qué
es Front end
Frontend es la parte de
un programa o dispositivo a la que un usuario puede acceder directamente. Son
todas las tecnologías de diseño y desarrollo web que corren en el navegador y
que se encargan de la interactividad con los usuarios.
HTML, CSS y JavaScript son los lenguajes principales del
Frontend, de los que se desprenden una cantidad de frameworks y librerías que
expanden sus capacidades para crear cualquier tipo de interfaces de
usuarios. React, Redux, Angular, Bootstrap, Foundation, LESS, Sass, Stylus y PostCSS son algunos de ellos.[5]
Qué
es HTML
HTML es el lenguaje con el
que está construida Internet entera, pero a diferencia de lo que muchos creen
no es un lenguaje de programación, es un lenguaje para modelar documentos, para
modelar la forma en la que la información es presentada a las personas en
páginas web.[3]
Qué
es CSS
Casacading
Style Sheet, hoja de estilo en cascada o CSS, es un lenguaje usado para definir
y crear la presentación de un documento estructurado escrito en HTML o XML. Con él puedes trabajar fácilmente en
la nube elástica de Facilcloud. La idea que subyace tras su desarrollo consiste
en separar la estructura de un documento, de su presentación. Esto quiere
decir, que con CSS resulta muy fácil cambiar el aspecto de una página web.
Por
esta razón es el lenguaje principalmente usado por parte de los navegadores web de internety por los desarrolladores, para
elegir múltiples opciones de presentación como colores, tipos y tamaños de
letra, entre otros. [4]
Qué es Javascript
Es un lenguaje de programación,
es un lenguaje interpretado, es un lenguaje de scripting, anteriormente únicamente
era utilizado para la web, pero hoy en día a evolucionado de tal forma que
incluso podemos crear aplicaciones para el móvil.[6]
Marco
teórico
Objetivos
de un Framework
Los objetivos principales que persigue un framework son:
acelerar el proceso de desarrollo, reutilizar código ya existente y promover
buenas prácticas de desarrollo como el uso de patrones, en la actualidad
existen frameworks para lenguajes como html5, Css y JavaScript. [1]
Ventajas
de un Framework
- Código probado y escrito por cientos o miles de
desarrolladores.
- Es código que sigue las buenas prácticas.
- L a documentación es muy extensa y con mucho ejemplos.
- Nos evitamos el tener que reinscribir toda la
funcionalidad. [2]
Desventajas
de un Framework
- Es necesario aprender y seguir una sintaxis definida
por el desarrollador del framework, por lo cual debemos aprender una sintaxis
nueva.
- Algunos frameworks son bastantes pesados por lo cual
para un proyecto web puede ser muy arriesgado, y en la mayoría de los casos no
es necesario hacer uso de ellos. [2]
Frameworks
de HTML
Sirven como punto de arranque para cualquier sitio web o
aplicación web. es una base para comenzar cualquier proyecto. En este caso se
seleccionaron los frameworks más utilizados y conocidos.
HTML5
Boilerplate
En 2010, HTML5 Boilerplate se convirtió en
una de las primeras, y posteriormente, más populares herramientas de desarrollo
web front-end de código abierto para poner en funcionamiento sitios web HTML5 y
aplicaciones web en muy poco tiempo. Se trata de una compilación de
soluciones de desarrollo web que permiten a nuestros sitios admitir navegadores
web modernos.
Incluido en HTML5 Boilerplate es una
plantilla HTML amigable para dispositivos móviles, iconos de marcador de
posición, restablecimientos de CSS para normalizar / estandarizar los valores
de propiedades de hojas de estilo, consultas de medios estándar para pantallas
de visualización populares, un shiv HTML5 para navegadores web no modernos y
más.
Bootstrap
Bootstrap es un marco de desarrollo de
interfaz de usuario / interfaz de usuario muy popular y moderno. Está
repleto de funciones y tendrá la mayoría de las cosas que necesitará para
desarrollar sitios y aplicaciones receptivos.
Bootstrap está bien documentado, y este proyecto de
código abierto tiene mucha cobertura en blogs y sitios de tutoriales.
Foundation
Foundation es otro marco de front-end
receptivo popular. Con este moderno marco HTML5, puede acercarse al diseño
web, ya sea en dispositivos móviles primero, o desde pantallas grandes hasta
tamaños móviles.
Tiene capacidades de prototipado rápido, un sistema de cuadrícula sensible y
mucho más. [7]
Foundation es de ZURB, una compañía de diseñadores
de productos enfocada en proporcionar soluciones basadas en la web.
Frameworks
de CSS
El objetivo de un framework CSS será ahorrarnos
realizar las tareas básicas al trabajar con hojas de estilo. Normalmente los
frameworks CSS se componen de uno o varios archivos con declaraciones
predefinidas
El 960 Grid System
El 960 Grid System es un
esfuerzo por agilizar el flujo de trabajo de desarrollo web al proporcionar
dimensiones comúnmente utilizadas, basadas en un ancho de 960 píxeles. Hay
dos variantes: 12 y 16 columnas, que se pueden usar por separado o en conjunto.
Blueprint
CSS
Un framework de diseño liviano para crear interfaces de
usuario móviles de gran respuesta que funcionen en todas partes. Código
abierto, construido con CSS Grid y Flexbox. [8]
Frameworks
de Javascript
React Native
React Native le permite
crear aplicaciones móviles usando solo JavaScript. Utiliza el mismo diseño
que React, lo que le permite componer una interfaz de usuario móvil rica a
partir de componentes declarativos. [9]
Angular
Angular está
construido por un equipo de ingenieros que comparten la pasión por hacer que el
desarrollo web se sienta sin esfuerzo. Creemos que escribir aplicaciones
hermosas debe ser alegre y divertido. Estamos construyendo una plataforma
para el futuro.[10]
[1] Gutiérrez, J.
J. (2014). ¿ Qué es un framework web. Available in:
http://www. lsi. us. es/~ javierj/investigacion_ficheros/Framework. pdf
Accessed May, 12.
[2] Torre,
J.P (2018)¿Qué es un framework? Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243812?start=0
[3] Vega,F.J [Platzi], (2014 agosto 4). Qué
es HTML y cómo funciona [Archivo de video]. Recuperado de
https://www.youtube.com/watch?v=av_PL4_jz1I
[4] Treviño,
P,G 2016. CSS y HTML, Recuperado de
https://platzi.com/html5-css3/tutoriales/css-y-html/
[5] Chapaval
N.[Platzi](4018 febrero 5) que es front end y back end [blog] Recuperado de https://platzi.com/blog/que-es-frontend-y-backend/
[6] Torre,
J.P (2018) HTML CSS Y Javascript (Lenguajes del cliente) Available in: https://www.udemy.com/fundamentos-de-programacion-web-para-principiantes/learn/v4/t/lecture/10243750?start=0
[7]Jacob
Gube. 10 Best Responsive HTML5 Frameworks and Tools [Citado
el 19 de Marzo de 2014].
[8]Roger
Romero. Frameworks de CSS para el desarrollo web [Citado
el 29 de Marzo de 2014]
[9] React Native (s.f) React Native Available in: https://facebook.github.io/react-native/
[10] Angular (s.f)
Angular Available in:
https://angular.io/about?group=Angular
1.- Realiza una primera visita o recorrido de reconocimiento del sitio en el cual tiene lugar el problema de investigación seleccionado:
lugar seleccionado: Curso de desarrollo web.
lugar seleccionado: Curso de desarrollo web.
2.- Mientras llevas a cabo la exploración toma nota puntual de todos y cada uno de los pormenores que vayan sucediendo, poniendo énfasis en los aspectos o variables que tengan relación con el tema o problema de investigación.
El primer recorrido fue directamente en el curso de desarrollo web.
1.- A PRIMERA INSTANCIA VISUALICE LA DEESCRPCIÓN DEL MISMO.
donde menciona que es un curso desde cero, que paso a paso aprenderas sobre el mundo de la programación Web, por lo cual inicialmente el instructor enseña código limpio, sin usar un framework,
2.- EN CUANTO AL CONTENIDO EL ORDEN DE TEMAS ES EL SIGUIENTE.
HTML5
CSS3
JavaScript
jQuery, Es es el primer framework que enseña el instructor, que es exactamente en el video 279
AJAX
PHP
y MySQL
una vez aprendidos estos lenguajes comienza un proyecto real comenzando en el vídeo 180 y terminando el curso con la finalización del proyecto en el vídeo 539 donde posiblemente esté en actualización y añada nuevo contenido.
Al comienzo del proyecto se hace uso del framework HTML5 Boilerplate en el video 180
En conclusión los frameworks que enseña en el curso son:
jQuery
HTML5 Boilerplate
y Bootstrap.
Pero a pesar de que son únicamente tres los frameworks que se aprenden en el curso, el instructor te documenta de una excelente manera en cada lenguaje, de esta manera será muy fácil aprender un framework.
3.- EL ÚLTIMO PUNTO ANALIZADO FUE EL GRUPO DE FACEBOOK OFICIAL DEL CURSO
El grupo a pesar de ser del curso, es más flexible y abierto a temas en general, claro, sobre desarrollo y diseño web, donde gracias al buscador de publicaciones de facebook pude encontrar un gran interés en los alumnos hacia los frameworks encontrando más de 25 publicaciones y encontrando gran cantidad de respuestas correctas y concretas acerca del tema.
El primer recorrido fue directamente en el curso de desarrollo web.
1.- A PRIMERA INSTANCIA VISUALICE LA DEESCRPCIÓN DEL MISMO.
donde menciona que es un curso desde cero, que paso a paso aprenderas sobre el mundo de la programación Web, por lo cual inicialmente el instructor enseña código limpio, sin usar un framework,
2.- EN CUANTO AL CONTENIDO EL ORDEN DE TEMAS ES EL SIGUIENTE.
HTML5
CSS3
JavaScript
jQuery, Es es el primer framework que enseña el instructor, que es exactamente en el video 279
AJAX
PHP
y MySQL
una vez aprendidos estos lenguajes comienza un proyecto real comenzando en el vídeo 180 y terminando el curso con la finalización del proyecto en el vídeo 539 donde posiblemente esté en actualización y añada nuevo contenido.
Al comienzo del proyecto se hace uso del framework HTML5 Boilerplate en el video 180
y el ultimo acercamiento que hace con un framework es a partir del video 475 enseñando lo básico de Bootstrap.
En conclusión los frameworks que enseña en el curso son:
jQuery
HTML5 Boilerplate
y Bootstrap.
Pero a pesar de que son únicamente tres los frameworks que se aprenden en el curso, el instructor te documenta de una excelente manera en cada lenguaje, de esta manera será muy fácil aprender un framework.
3.- EL ÚLTIMO PUNTO ANALIZADO FUE EL GRUPO DE FACEBOOK OFICIAL DEL CURSO
El grupo a pesar de ser del curso, es más flexible y abierto a temas en general, claro, sobre desarrollo y diseño web, donde gracias al buscador de publicaciones de facebook pude encontrar un gran interés en los alumnos hacia los frameworks encontrando más de 25 publicaciones y encontrando gran cantidad de respuestas correctas y concretas acerca del tema.
3.- Como parte de este primer recorrido, identifica a las personas o informantes clave para concertar con ellos una cita y realizar una entrevista.
En este caso la entrevista la realizare al instructor propiamente asignado del curso de desarrollo web completo.
En este caso la entrevista la realizare al instructor propiamente asignado del curso de desarrollo web completo.
Comentarios
Publicar un comentario