Actualmente, las personas han hecho de Internet una parte integral de sus vidas.

# Lo más importante de una página web

More pages are added and new features are built. There might even be multiple teams devoted to specific sections of the site. You could be developing for mobile, too.

You start to notice the buttons in one part of the site are slightly different than everywhere else. One team decides to build a feature that another team has (unknowingly) already completed. Communication breakdowns happen. Consistency is lost.

Is this a preventable problem? Absolutely. Yet, why does it happen over and over again? Unless you think about your design and development process upfront, you will run into issues later as you scale.

To prevent this issue from happening, or to fix the existing lack of consistency in your products, you need three things:

- Style Guide
- Component Library
- Design System

> ## Important!
> Don't worry if you have no idea what I'm talking about yet. By the end of this article, you'll have consumed almost a year's worth of trial & error, research, and development.

10 Beneficios de tener una página web para tu empresa

En primer lugar, me gustaría indicar que hay varias formas de generar una estructura óptima de un proyecto web.

La mejor estructura de aplicaciones React

Si eres como la mayoría de las personas, el mayor obstáculo para aprender a codificar es encontrar por empezar y por dónde ir.

# Definición de Roadmap
Un Roadmap es un plan estratégico que define una meta o un resultado deseado e incluye los principales pasos o hitos necesarios para alcanzarlo. También sirve como herramienta de comunicación, se trata de un documento de alto nivel que ayuda a articular el pensamiento estratégico detrás tanto de la meta.

## ¿Como construir un roadmap?
Si quieres construir uno, primero debes saber que quieres aprender en el mundo de la tecnología, hay muchos estereotipos a seguir por todo el internet, pero, en esta guía te mostrare uno para ser desarrollador Frontend Junior, pasaré a presentartela y consiguiente a esto, explicar cada punto de este roadmap.

Quizás al ver ese RoadMap tan gigante te den unas ganas increibles de cerrar este post y gritar Jajaja, pues te lo explicaré paso a paso para que lo entiendas y lo sigas de manera correcta.

Lo primero es como ya todos sabemos, aprender lo básico, esto son las 3 partes fundamentales del desarrollo Frontend, sin estas tencologías las páginas web no podrían existir, así es!, Estamos hablando de HTML, CSS, y JavaScript

## Aprende lo básico
Deberemos aprender lo básico de cada una de estas tecnologías y practicar mucho con sencillas webs, te dejo cursos de cada una de ellas en w3schools

1. HTML
2. CSS
3. JavaScript

Luego de haber practicado mucho todas estas tecnología podemos continuar con nuestro RoadMap

Lo siguiente será:

Profundiza en los Temas
Aquí podemos seguir tanto la ruta de profundizar en CSS, como en JavaScript:

CSS
Aquí podemos elegir tres cosas

1. Frameworks
2. Preprocesadores
3. Desarrollo Web Responsive

Algunos de los frameworks mas conocidos son: Foundation, Boostrapt, Materialize CSS, Semantic UI, entre otros.

Algunos de los Preprocesadores mas conocidos son: Sass, Less, Stylus, PostCSS.

En cuanto al desarrollo web responsive te dejo una guia aquí

Latest Projects

Skills

Latest technology used

Blog recomendations

Join me to suggesting future blogs