Una pregunta frecuente en la cabeza de alguien que quiere dominar una habilidad, profesión o característica y que está comenzando desde cero es: ¿por dónde empiezo? No temas, que aquí te explico los primeros pasos a dar para adentrarnos en este quebradero de cabeza o, mejor dicho, en esta apasionante aventura de aprendizaje.
1. Introducción a HTML y CSS
Lo primero es aprender las bases de estos dos lenguajes: ¿Qué es HTML?, ¿qué es CSS?, la estructura básica de un documento, sus elementos, etiquetas y atributos. Un pequeño ejemplo de todo lo mencionado junto:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My app</title>
<style>
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
</style>
</head>
<body>
<div class="app">
<!-- Internal code here -->
</div>
<script src="main.js">
</body>
</html>Para aprender estos 2 lenguajes, existen innumerables recursos gratuitos que puedes encontrar en la web, pero yo te recomendaré un video en específico que cubre gran parte de lo que hay que saber. Ingresando aquí: Curso de HTML y CSS desde cero te llevará al video en cuestión, pero agarrate porque dura como 24 horas.
Una vez dominados los 2 anteriores lenguajes estarías listo para aventurarte en aprender lo que sería el lenguaje mas popular enfocado a la web.
2. Introducción a JavaScript
Acá también hay que aprenderse las bases, variables, operadores, estructuras de control, funciones, entre otras cosas mas. Por fortuna el mismo chico que hizo el video anterior sobre HTML y CSS también tiene uno dedicado a JavaScript, aunque personalmente no puedo decirte que tan bueno es, puedo deducir que cubre la mayor parte que hay que conocer sobre el lenguaje.
getComponent() {
if (!this.component) {
this.component = new TextEditorComponent({
element: this,
mini: this.hasAttribute('mini'),
updatedSynchronously: this.updatedSynchronously
})
this.updateModelFromAttributes()
}
}
return this.component
}
module.exports =
document.registerElement('atom-text-editor', {
prototype: TextEditorElement.prototype
})A continuación te dejo los 2 enlaces porque está divido el contenido, el primero que es: Curso de JavaScript desde cero Nivel Junior y Nivel Medio
3. Herramientas útiles
Como sabrás, no es lo mismo martillar una puntilla con una cuchara que con un martillo, por lo tanto deberás usar aplicaciones acorde a los requerimientos de tu aplicación.
- Editor de código: Visual Studio Code, Sublime Text, Atom...
- Navegador web moderno: Firefox, Chrome, Edge, Opera...
- Git: Esto es muy importante para trabajo en equipo o remoto.
Cuando hayas pasado por todo esto, puedes decir que ya eres todo un desarrollador web, pero aunque hayas logrado todo esto, debo mencionarte que esto apenas es el inicio. Aquí empieza lo divertido porque tu nivel subirá de forma exponencial dependiendo de lo que quieres seguir aprendiendo, pero eso ya es tema para otra publicación, gracias por leer hasta acá, nos vemos pronto.