Desarrollar un proyecto web moderno es un proceso que se ha facilitado mucho. Ya no es necesario contar con programas separados para desarrollar y probar nuestro programa, o usar programas de validación de nuestros elementos. Ahora, solo con un editor de código podemos hacer un proyecto completo. Lo podríamos hacer desde un bloc de notas, pero siempre es mejor un editor de código porque nos da muchas más ayudas al momento de desarrollar, como son sugerencias o correcciones automáticas.
Durante esta sesión y las restantes estaremos construyendo una copia de un proyecto ya desplegado, con lo que podremos aprender los trucos y técnicas usadas en sitios reales, y haciendo nuestros propios trucos al ir aprendiendo sobre la marcha los elementos del desarrollo web moderno.
En esta sesión aprenderás:
- Usar comandos de
GITpara almacenar tus cambios realizados en la red social más popular entre los desarrolladores (Github). - Interactuar con la
terminalpara crear una estructura de archivos para tu proyecto. - Crear una
estructura basede tu página web a partir del uso de etiquetas deHTML. - Personalizar la apariencia de tu página a través de cambios que se aplican a
través de
CSS. Desplegar tu páginapara que sea visible a todo el mundo de una manera sencilla y gratuita.
- Git instalado (si tienes Windows, también el Git Bash)
- Navegador web (Chrome o Firefox, preferentemente)
- Tener instalado Visual Studio Code
- Tener una Cuenta de Github
-
Ejemplo 01: Creación de estructura de proyecto / Conectar con Github ( 20 minutos )
-
Ejemplo 05: Agregando color al texto principal ( 8 minutos )