Vanessa Marlene Sanchez
Front-end
Lo que debes conocer si eres principiante
con gatitos
Vanessa Marlene Sanchez
Antes de comenzar
Hola, soy Fronty voy
a contarte que debes
saber para
convertirte en Front-
end
Vanessa Marlene Sanchez
HTML5
Importante saber las etiquetas
básicas como:
<html>, <head>, <title>,<body>,
<h1>, <p>, <a> <img>, etc.
Lo importante es comprender la
estructura básica y la función de
la etiqueta.
Formateo y estructura: <strong>,
<em>, <br>, <hr>, etc.
Vanessa Marlene Sanchez
Enlaces e imagenes: <a>, <img>
y a saber utilizar atributos
<href>, <src>
Listas y tablas: Es importante
saber el uso de listas ordenadas
<ol> y desordenadas <ul> y
listas de definición <dl>
Comprender la estructura de la
tabla <table>, <tr>, <th> y <td>
Vanessa Marlene Sanchez
CSS3
Comprende la sintaxis básica como
la selección de elementos y
aplicación de estilos.
Propiedades CSS: color, font-size,
margin, border, padding,
background, etc.
Comprende la selección de
elementos HTML5 utilizando
selectores de etiquetas, el uso de
clases como id
Vanessa Marlene Sanchez
Modelo de caja: debes conocer
el modelo de caja CSS:
contenido, padding, border,
margin.
Aprende a controlar espacios
alrededor de los elementos.
Diseño y posición: Aprende
sobre propiedades como:
display, position, float, clear y
flexbox
Tipografía y colores: conocer la propiedad font,
color y background para ajustar los colores de
texto y fondo.
Vanessa Marlene Sanchez
Diseño responsivo: Aprende
media queries para hacer que
tu diseño sea responsivo y se
adapte a diferentes tamaños
de pantalla.
Transiciones y animaciones:
Experimenta con transiciones
CSS para agregar efectos de
cambio suaves.
Aprende a crear animaciones
simples utilizando la
propiedad @keyframes.
Vanessa Marlene Sanchez
Flexbox y Grid: Entiende cómo
utilizar flexbox y grid para crear
diseños más complejos y
flexibles.
Vanessa Marlene Sanchez
JS
Sintaxis básica de JavaScript:
Familiarízate con la sintaxis básica
de JavaScript, como declaración
de variables con var, let, y const,
operadores aritméticos,
condicionales (if, else), y bucles
(for, while).
Vanessa Marlene Sanchez
Tipos de datos y operadores:
Aprende sobre tipos de datos en
JavaScript, como números,
cadenas de texto, arreglos,
objetos y booleanos.
Debes conocer el uso de
operadores como +, -, *, /, ===,
!==, etc.
Funciones: Comprende cómo
declarar y llamar funciones en
JavaScript.
Aprende sobre parámetros y
argumentos, así mismo como el
uso de return para devolver
valores desde una función.
Vanessa Marlene Sanchez
Estructuras de datos: Conoce y
practica el uso de arreglos y
objetos en JavaScript.
Aprende a manipular y acceder a
datos dentro de
Eventos y DOM (Document Object
Model)
Manejo de errores y debugging:
Aprende a manejar errores en
JavaScript y a utilizar
herramientas de debugging.
Debes conocer el uso de la
consola del navegador para ver
mensajes y depurar tu código.
Vanessa Marlene Sanchez
Asincronía y Promesas:
Comprende el concepto de
programación asíncrona en
JavaScript. Además
conocer sobre promesas
para manejar operaciones
asíncronas es muy
importante.
Vanessa Marlene Sanchez
AJAX y Fetch API:
Debes saber cómo realizar
solicitudes HTTP asincrónicas
con JavaScript utilizando la
Fetch API.
Comprende el concepto de
AJAX para actualizar partes de
una página sin recargarla por
completo.
Aprende sobre las
características introducidas en
ECMAScript 6 (ES6), como let
y const, arrow functions,
destructuring, template
literals, etc.
Vanessa Marlene Sanchez
ADICIONAL
Frameworks y bibliotecas:
Una vez que tengas una
comprensión sólida de
JavaScript, puedes explorar
bibliotecas como jQuery o
frameworks como React,
Angular o [Link].
Vanessa Marlene Sanchez
Importante
Debes saber utilizar un control
de versiones de GIT, sobre
RestFul APIS, y algún servicio
de la nube. Eso es muy
importante.
Vanessa Marlene Sanchez
CONSEJO
CUANDO ESTUDIES PRÁCTICA LO
APRENDIDO
No cometas el error de aprender
teoría sin practica porque olvidarás
lo aprendido.
Mucho éxito en tu aprendizaje.
Soy Fronty y me da gusto poderte
mostrar lo que debes de aprender
para ser un Front-end.
Vanessa Marlene Sanchez
Gracias por leer
Espera las siguientes actualizaciones
Si te gustó el contenido apreciaría si lo compartes.
Gracias.