0% encontró este documento útil (0 votos)
92 vistas3 páginas

Full Stack

El documento habla sobre control de versiones con Git, su creador y funciones. También cubre Node.js, su historia, motor V8 y uso para servidores. Por último, describe Bootstrap para diseño frontend, incluyendo componentes responsive, Sass y ejemplos en Java. Explica pasos para instalar estas herramientas, crear proyectos, vincular repositorios y configurar scripts.

Cargado por

Joan Robles
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
92 vistas3 páginas

Full Stack

El documento habla sobre control de versiones con Git, su creador y funciones. También cubre Node.js, su historia, motor V8 y uso para servidores. Por último, describe Bootstrap para diseño frontend, incluyendo componentes responsive, Sass y ejemplos en Java. Explica pasos para instalar estas herramientas, crear proyectos, vincular repositorios y configurar scripts.

Cargado por

Joan Robles
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

Control de versiones:

VCS (GIT), versión control system , registro de cambios , quien realizo la ultima modificación
(GIT),fue creado por el creador de LINUX ,

Imitando lo que viste en los recientes tutoriales, realiza los pasos a continuación.
Recuerda que, para comprobar cuánto has aprendido, al final de cada módulo
otros participantes medirán tu avance.

1) Instala Git en su ambiente de desarrollo

2) Crea una cuenta gratuita en Bitbucket

3) Crea un repositorio en Bitbucket para utilizarlo en las sucesivas prácticas del curso

4) Crea un repositorio en tu ambiente de desarrollo y vincularlo al repositorio de Bitbucket

5) Como paso final, crea un archivo del estilo README (sólo texto) y súbelo via línea de
comandos al repositorio de Bitbucket creado previamente

NODEJS:JAVASCRITP , 1995 basado en objetos ,


*2005 , motor v8 y nodejs , versión servidores , NPM .
Imitando lo que viste en los recientes tutoriales, realiza los pasos a continuación.
Recuerda que, para comprobar cuánto has aprendido, al final de cada módulo
otros participantes medirán tu avance.

1) Instala NodeJs

2) Instala NPM

3) Crea un proyecto de NodeJs utilizando los comandos vistos de npm.

4) Vincula el proyecto de NodeJS al repositorio creado previamente

5) Crea el archivo .gitignore para evitar hacer seguimiento de los cambios en el


directorio node_modules

6) Sube los cambios al repositorio utilizando los comandos de GIT y revisa los logs.

Npm run dev (lanza el servidor )


Frameworks de front-end

Bootstrap: preprocesador Sass , componentes reponsive, ejemplos en Java,

Imitando lo que viste en los recientes tutoriales, realiza los pasos a continuación.
Recuerda que, para comprobar cuánto has aprendido, al final de cada módulo
otros participantes medirán tu avance.

1) Utilizando NPM, instala la librería de Bootstrap

2) Utilizando NPM, instala la librería de Jquery y Popper

3) Luego de concluir los puntos anteriores, revisa en el archivo [Link] la sección de


dependencias para asegurarte que veas todo correctamente instalado

4) Utilizando NPM, instala la librería de lite-server

5) Configura sobre el [Link] el script dev que debe inicializar el server lite-server.

a. Para chequear que lo hayas hecho correctamente, ejecuta en la consola el comando npm


run dev y debería inicializar el servidor. Caso contrario, revisa los videos tutoriales donde lo
configuro.
6) Crea una página html básica, puedes copiar la de los videos tutoriales, y darle al archivo el
nombre [Link] para que sea la página de inicio del proyecto.

7) Ejecuta el comando npm run dev y asegúrate de ver la página que acabas de crear.

8) Prueba realizar algún cambio en el html y deberías ver cómo se actualiza sola la web con el
cambio que acabas de realizar.

9) Incluye sobre la página las referencias css y js a bootstrap, jquery y popper utilizando
referencias a los archivos correspondientes de la carpeta node_modules

10) Asegúrate de que tengas todo bien configurado antes de pasar al siguiente punto. Puedes
utilizar las herramientas para desarrolladores que ofrecen los browsers y observar si hay algún
mensaje de error que nos estén indicando algún problema.

11) Sube los cambios al repositorio utilizando los comandos de GIT y revisa los logs.

Diseño responsive - Introducción


Etam marcot , CSS ESTILOS , 2.1 media type , ajustar al formato establecido ,
Css3, media query , clausulas logicas,
Diseño responsive - Introducción B

Sistema de grillas

Flex, dirección ,
CONTAINER, display , valor FLEX,

También podría gustarte