DEV Community

loading...

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

gabrielomarq profile image GabrielOmar ・2 min read

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.

Angular

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')
  }
}
Enter fullscreen mode Exit fullscreen mode

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.

React

import React from "react";

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

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.

Vue

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

<script>
 export default {
   name: 'App',
 }
</script>
Enter fullscreen mode Exit fullscreen mode

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

Discussion (1)

pic
Editor guide
Collapse
ogranada profile image
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 👌.