Web Developer Fundamentals

WEB DEVELOPER FUNDAMENTALS

HTML(HyperText Markup Language)
Es el lenguaje para poder darle estructura a la información que compartiremos con los usuarios.
Define el significado y la estructura del contenido web.

CSS(Cascading Style Sheets)
Es el estándar para darle estilos e interacción a la información, para mejorar la experiencia del usuario.

PERFILES DE UN WEB DEVELOPER:

1. FRONTEND
   El Frontend es el desarrollador que va a manejar las cosas del lado del cliente.
   Las tecnologías que trabajan son:

   • HTML https://devdocs.io/html/

   • CSS https://devdocs.io/css/

   • JS https://devdocs.io/javascript/

     • Frameworks de CSS
       Un framework de CSS es una biblioteca de estilos genéricos que puede ser usada para implementar diseños web. Aportan una serie de utilidades que pueden ser aprovechadas frecuentemente en los distintos diseños web.
       Algunos son:
       • Bootstrap.
       • Foundation CSS.
       • Materialize CSS.
         ⠀
     • Frameworks de JS
       Un framework es “una abstracción en la que el software que proporciona funcionalidad genérica puede ser cambiado selectivamente por código adicional escrito por el usuario, proporcionando un software específico de la aplicación“. Los frameworks se construyen sobre lenguajes para acelerar los procesos y desarrollar herramientas específicas.
       Algunos de ellos son:
       • React JS.
       • Angular JS
       • Vue JS
         ⠀
     • Preprocesadores de CSS
       Un preprocesador CSS es un programa que te permite generar CSS a partir de la syntax única del preprocesador. Existen varios preprocesadores CSS de los cuales escoger, sin embargo la mayoría de preprocesadores CSS añadirán algunas características que no existen en CSS puro, como variable, mixins, selectores anidados, entre otros. Estas características hacen la estructura de CSS más legible y fácil de mantener.
       Algunos de ellos son:
       • LESS
       • STYLUS
       • SASS
         ⠀
     • Compiladores / empaquetadores de JS
       • BABEL
       • Webpack

⠀
2. BACKEND
El backend es lo opuesto a lo que hace el Frontend, trabaja del lado del servidor.
No tiene un estándar.

• Lenguajes de programación
  • NodeJS
  • Python
  • PHP
  • Go
  • Java
    ⠀
• Frameworks
  • Django
  • Laravel
  • Express
  • Spring
    ⠀
• Infraestructura.- Dentro de esto uno se puede especializar como DevOps:
  • Google Cloud
  • Digital Ocean
  • AWS
  • Heroku
    ⠀
• Bases de Datos
  • MongoDB
  • MySQL
  • PostgreSQL
    ⠀

1. FULLSTACK
   Un Fullstack es la fusión de un front y un back en un solo developer.
   Un Fullstack developer no es una persona que maneja 100% todas las tecnologías, debido a que se actualizan constantemente y debe tener una área de especialidad.
   ⠀

2. Páginas Estáticas vs. Dinámicas

• Páginas estáticas o páginas de información.- todas las páginas que van a tener información para consumir y la información no va a cambiar, estas páginas no están conectadas a una base de datos.
  • Blog Posts
  • Presentación de una marca.
    ⠀
• Páginas dinámicas o Web Apps.- Son páginas en las cuales se puede interactuar, están conectadas a una base de datos, el contenido cambia frecuentemente.
  • Redes sociales
  • Platzi