Universidad tecnológica de Tecamachalco

Instalación de framework

Carrera: tecnologías de la información y

comunicación.

Área: desarrollo de software

multiplataforma.

Materia: Aplicaciones Web para i4.0 5B

DSM
Alumna: Fátima Sánchez Sánchez

Profesora: Minerva Matlalcuatzi Cruz

Fecha:
Contenido
Instalación de angular y creación de carpeta ................................................................................ 2
Introducción .............................................................................................................................. 2
Objetivos ................................................................................................................................... 2
Conclusión sobre la instalación de angular ................................................................................. 9
Instalación de laravel y creación de carpeta ................................................................................. 10
Introducción ............................................................................................................................ 10
Objetivos ................................................................................................................................. 11
Conclusión. .............................................................................................................................. 19
Bibliografía .................................................................................................................................. 19
 Instalación de angular y creación de carpeta

Introducción

El manual que se mostrara a continuación nos muestra el paso a paso para poder
instalar lo que es framework de angular todo este manual se realizó a base de la
página oficial lo que puede hacer angular es que se puede que reutilice su
código y habilidades para crear aplicaciones para cualquier objetivo de
implementación. Para web, web móvil, móvil nativo y escritorio nativo también
permite controlar la escalabilidad

Objetivos

El objetivo de instalar este framework es el saber antes que nada para qué sirve o
que es sus ventajas al utilizarlo y en qué momento se pueden utilizar
  Se ingresa a la
página oficial de
angular y se le da en la
opción donde dice
empezar

Se da clic en donde dice: setup

 Antes de instalar el
angular se necesita instalar
un framework que se llama.
Nodejs a lo cual se procede
a descargarlo
  Descargaremos courrent
para después instalarlo

 Una vez descargado lo

abrimos y dándole siguiente
acpetando terminos y
condiciones

 Una vez aceptada los términos

y condiciones procedemos a dar
el paso final que es instalarlo
  Una vez terminada la
instalación se le da la opción
de terminar

 Una vez instalado lo que

debemos de hacer es
regresar a la página oficial de
angular copiar este código y
pegarlo en el CMD

 Una vez
pegado ese código
en el CMD tenemos
que esperar a que
se descarguen las
librerías
 se elige la opción
de: yes para poder
proseguir con la
instalación

 Esperamos
que terminen de cargar
y listo

 Una vez que se

terminó de instalar se
procederá a crear un
nuevo proyecto para
lo cual se necesita
copiar y pegar este
código en el CMD
 De igual
necesitamos darle la opción-.
Yes para continuar con la
creación y nos aparecerá de
esta manera una vez
terminado

 Se le da enter y
esperamos que se termine
de descargar todas las
librerías

 Una vez
terminado abrimos
lo que es el visual
studio code y
buscamos nuestra
carpeta
 Se abre una nueva terminal

 Se ingresa ese
comando: ng serve –
open para poder
levantar el servidor

 Una vez
que no tiene
ningún
problema con
el código
ingresado en la
terminal de
visual studio
code nos
aparecerá lo
siguiente.
  Nos mostrara nuestra página la cual se levantara
automáticamente y nos aparecerá así:

Conclusión sobre la instalación de angular

Antes de instalar dicho framework es necesario conocer su página oficial y estar

informados sobre qué beneficios tiene para poder crear las aplicaciones ya que
los framework son como tipo plantillas las cuales ya están con un poco de diseño
para en el cual nos podemos apoyar
 Instalación de laravel y creación de carpeta

Introducción

En este manual que se realizó paso a paso desde cero ya que como
sabemos para que nuestro framework de laravel tenga su
funcionamiento adecuado es necesario el tener instalado ya
anteriormente lo que es xampp el cual es una distribución de Apache
completamente gratuita y fácil de instalar que contiene MariaDB el
paquete de instalación de XAMPP ha sido diseñado para ser
increíblemente fácil de instalar y usar.
 Objetivos

Poder distinguir cada uno de los diferentes framework y en qué tipo de

casos se puede usar cada uno.

 Para poder trabajar con laravel es necesario tener instalado xampp. En

caso de no tenerlo instalado tendremos que entrar a su página oficial le
damos en la opción de descargar
 nos mandara a otra página donde nos marcara que se está
descargando

 Una vez descargado se dará todo en siguiente y esperamos que

termine de instalarse
 Al finalizar la instalacion nos aparecera la siguietne ventana

 Una vez instalado xampp procedemos a entrar a la página oficial

de laravel para empezar su instalación correspondiente nos
aparecerá en inglés se le dará clic en la opción documentación
 Después nos aparece esta pestaña y le daremos clic donde dice
composer nos mandara otra pestaña y le daremos la opción de
descargar

 En esta pestaña buscamos donde dice Composer-Setup.exe y

esperamos que se descargue
 Se le dará la opción de install for all user

 Dándole la opción de siguiente

 Se escribe el código: composer global requiere laravel/installer
en la terminal de xampp y se empezarán a descargar los
componentes o documentos de xampp

 Al principio se

creara una carpeta en la cual contendrá el proyecto o aplicación,

por lo cual se pondrá la ruta en la que se instalaran las librerías
en CMD de xampp
 Después se escribe el comando sacado de la página oficial de
laravel: laravel new web en la terminal de xampp el cual es para
instalar las librerías


 Una vez terminado se necesita abrir visual studio code y se abre
una terminal y se escribe el siguiente comando sacado de la
página oficial de laravel
  Después en el navegador pondremos la siguiente dirección.
http://localhost:8000/, y nos mostrara la aplicación web

Conclusión.
Se aprendió a instalar el framework de laravel teniendo en cuenta que
se necesita tener xampp para que funcione adecuadamente también
su funcionamiento y en qué casos se pueden usar

Es uno de los frameworks de código abierto más fáciles de asimilar

para PHP es simple, muy potente y tiene una interfaz elegante y
divertida de usar

Bibliografía
anonimo. (s.f.). angular. Obtenido de angular: https://angular.io/

anonimo. (s.f.). Apache Friends. Obtenido de Apache Friends:

https://www.apachefriends.org/es/index.html

anonimo. (s.f.). laravel. Obtenido de laravel: https://laravel.com/