Ya entendí HTML, CSS y JS, ahora qué sigue?

Muchas veces cuando una persona empieza en el camino del desarrollo web se le recomienda aprender las bases como son HTML, CSS y JS, pero ¿Qué sigue después de aprender estos tres?

Lo que actualmente se solicita en diversas ofertas laborales para frontend developer es el conocimiento en algún framework Javascript, a continuación hablaremos de algunos de los más buscados:

Angular

Framework creado por Google, permite desarrollar aplicaciones robustas bajo patrones estrictos como MVC (model-view-controller) y MVP(model-view-presenter), entre otros. Utilizan TypeScript para aprovechar el tipado y las características del mismo. Separa los componentes en 4 archivos principales donde guardamos la lógica, la UI, las pruebas unitarias y los estilos respectivamente. Algo importante es que cada componente esta basado en clases y tiene métodos propios para manejar el ciclo de vida.

import { Component, ComponentFactoryResolver, Injector } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  constructor() {
  }

  public ngOnInit() {
      alert('Utilizando Angular')
  }
}

Aprende más de Angular en: https://angular.io/

React

Librería mantenida por Facebook y diversos grupos de desarrolladores. Nos permite crear componentes utilizando JSX, de esta forma podemos combinar Javascript dentro de nuestro HTML. Cada componente puede tener su archivo con extension .js o .jsx de acuerdo a las reglas que manejemos en nuestro proyecto.

import React from "react";

export default function App() {
  return (
    <div>
      <h1>Utilizando React 😎!</h1>
    </div>
  );
}

Aprende más de React en: https://reactjs.org/

Vue

Framework progresivo mantenido por la comunidad, trabaja principalmente con el patrón MVVM (model-view-view-model). Al ser progresivo permite ir desde lo más básico hasta escalar nuestro proyecto a funcionalidades más complejas. Además, maneja ciertas similitudes con Angular con el two way data binding, las directivas, entre otros.

<template>
  <div id="app">
    <img alt="Vue logo" src="https://vuejs.org/images/logo.png">
  </div>
</template>

<script>
 export default {
   name: 'App',
 }
</script>

Aprende más de Vue en: https://vuejs.org/

Comments

[Andres Granada]

Hola, que buen post, pero creo que más que un framework lo que debería seguir (en mi opinión) es aprender patrones de diseño o medias técnicas de algoritmos, pues un framework es solo una herramienta que implementa soluciones a problemas conocidos, en cambio los patrones te dan herramientas para solucionar problemas bien conocidos y no tan conocidos, igual pasa con las técnicas de algoritmos.

Gracias por tu aporte 👌.