Contenido del curso
Introducción al desarrollo front-end
2¿Qué es HTML, CSS y Javascript?
3Instalación y configuración del entorno de desarrollo.
4Introducción a HTML: estructura básica, etiquetas y atributos
5Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a HTML
6Introducción a HTML: estructura básica, etiquetas y atributos: Estructura básica de HTML
7Introducción a HTML: estructura básica, etiquetas y atributos: comprensión de las etiquetas HTML
8Introducción a HTML: estructura básica, etiquetas y atributos: Atributos en HTML
9Introducción a HTML: estructura básica, etiquetas y atributos: etiquetas de encabezado
10Introducción a HTML: estructura básica, etiquetas y atributos: etiquetas de párrafo
11Introducción a HTML: estructura básica, etiquetas y atributos: Etiquetas de enlace (a)
12Introducción a HTML: estructura básica, etiquetas y atributos: Etiquetas de imagen (img)
13Introducción a HTML: estructura básica, etiquetas y atributos: Listas en HTML
14Introducción a HTML: estructura básica, etiquetas y atributos: Formularios HTML
15Introducción a HTML: estructura básica, etiquetas y atributos: Etiquetas de entrada
16Introducción a HTML: estructura básica, etiquetas y atributos: Etiquetas de botones
17Introducción a HTML: estructura básica, etiquetas y atributos: Tablas en HTML
18Introducción a HTML: estructura básica, etiquetas y atributos: etiquetas divididas y extendidas
19Introducción a HTML: Estructura básica, etiquetas y atributos: HTML semántico
20Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a CSS
21Introducción a HTML: estructura básica, etiquetas y atributos: Selectores CSS
22Introducción a HTML: estructura básica, etiquetas y atributos: propiedades y valores de CSS
23Introducción a HTML: estructura básica, etiquetas y atributos: Modelo Box
24Introducción a HTML: estructura básica, etiquetas y atributos: Posicionamiento en CSS
25Introducción a HTML: estructura básica, etiquetas y atributos: Flexbox y Grid
26Introducción a HTML: estructura básica, etiquetas y atributos: Media Queries
27Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a JavaScript
28Introducción a HTML: estructura básica, etiquetas y atributos: Variables y tipos de datos
29Introducción a HTML: estructura básica, etiquetas y atributos: Operadores JavaScript
30Introducción a HTML: estructura básica, etiquetas y atributos: Estructuras de control (if, switch, for, while)
31Introducción a HTML: estructura básica, etiquetas y atributos: Funciones en JavaScript
32Introducción a HTML: estructura básica, etiquetas y atributos: Objetos y arrays
33Introducción a HTML: estructura básica, etiquetas y atributos: manipulación DOM
34Introducción a HTML: estructura básica, etiquetas y atributos: Eventos en JavaScript
35Introducción a HTML: estructura básica, etiquetas y atributos: AJAX y Fetch API
36Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a ES6+
37Introducción a HTML: estructura básica, etiquetas y atributos: Promesas y async/await
38Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a Node.js y NPM
39Introducción a HTML: estructura básica, etiquetas y atributos: frameworks y bibliotecas populares (React, Angular, Vue)
40Formatear texto con HTML
41Listas y tablas en HTML
42Formularios y entradas en HTML
43Introducción a CSS: selectores, propiedades y valores
44Introducción a CSS: selectores, propiedades y valores: Introducción a CSS
45Introducción a CSS: selectores, propiedades y valores: comprender qué son los selectores de CSS
46Introducción a CSS: selectores, propiedades y valores: Tipos de selectores CSS: Elemento, Clase e ID
47Introducción a CSS: selectores, propiedades y valores: combinación de selectores de CSS
48Introducción a CSS: Selectores, Propiedades y Valores: Introducción a las Propiedades de CSS
49Introducción a CSS: selectores, propiedades y valores: cómo usar y comprender las propiedades de CSS
50Introducción a CSS: selectores, propiedades y valores: Introducción a los valores en CSS
51Introducción a CSS: selectores, propiedades y valores: Diferentes tipos de valores en CSS: Colores, Tamaños y Unidades
52Introducción a CSS: selectores, propiedades y valores: Cómo aplicar valores a las propiedades de CSS
53Introducción a CSS: selectores, propiedades y valores: comprensión de la cascada y la herencia en CSS
54Introducción a CSS: selectores, propiedades y valores: cómo utilizar el inspector de elementos para depurar CSS
55Estilo de texto con CSS
56Maquetación y posicionamiento con CSS
57Modelo de caja y relleno, borde y margen.
58Colores y fondos en CSS
59Pseudoclases y pseudoelementos en CSS
60Animaciones y transiciones en CSS
61Diseño responsivo con consultas de medios
62Introducción a Bootstrap
63Usando grids y contenedores en Bootstrap
64Componentes Bootstrap: botones, formularios, carrusel.
65Introducción a Javascript: variables, tipos de datos, operadores
66Introducción a Javascript: variables, tipos de datos, operadores: Introducción a Javascript
67Introducción a Javascript: variables, tipos de datos, operadores: Variables en Javascript
68Introducción a Javascript: variables, tipos de datos, operadores: Tipos de datos en Javascript
69Introducción a Javascript: variables, tipos de datos, operadores: Operadores en Javascript
70Estructuras de control en Javascript: si, para, mientras
71Funciones en Javascript
72Objetos y matrices en Javascript
73Manipulación de elementos DOM y HTML con Javascript
74Eventos y oyentes en Javascript
75Validación de formularios y datos con Javascript
76Introducción a jQuery
77Efectos y animaciones con jQuery
78Solicitudes Ajax y HTTP con Javascript
79Introducción a React.js
80Componentes y estado en React.js
81Rutas y navegación en React.js
82Introducción a Vue.js
83Directivas y componentes en Vue.js
84Gestión de estados con Vuex
85Introducción a Angular.js
86Componentes y servicios en Angular.js
87Validación de formularios y datos con Angular.js
88Buenas prácticas de codificación y organización de proyectos.
89Versionado de código con Git
90Despliegue de aplicaciones Front End
91Pruebas unitarias y de integración en Javascript
92SEO y accesibilidad web
93Rendimiento y optimización del sitio web
94Herramientas de desarrollo del navegador
95Trabajar con API y datos JSON
96Introducción a Node.js y Express.js
97Websockets y comunicación en tiempo real
98Trabajar con bases de datos NoSQL: MongoDB
99Autenticación y autorización con JWT
100Seguridad web: CORS, CSRF, XSS
Descripción del curso
El "Curso Completo de HTML, CSS y Javascript para Convertirte en Desarrollador Front-End" es una guía integral diseñada para todos aquellos que deseen adentrarse en el mundo del desarrollo web. Este curso, que cuenta con 125 páginas de contenido cuidadosamente elaborado, pertenece a la categoría de Informática (TI) y se encuentra específicamente en la subcategoría de Desarrollo Web.
A lo largo del curso, los estudiantes comenzarán por una introducción al fascinante mundo del desarrollo front-end, entendiendo los fundamentos de HTML, CSS y Javascript. Aprenderán no solo qué son, sino también cómo instalarlos y configurar adecuadamente el entorno de desarrollo para empezar a codificar de manera eficiente.
El módulo de HTML es particularmente extenso y cubre desde la estructura básica, con etiquetas y atributos, hasta listados más específicos como encabezados, párrafos, enlaces e imágenes. Los alumnos se profundizarán en temas como listas, formularios, etiquetas de entrada, botones y tablas, culminando con una apreciación de HTML semántico que optimiza la accesibilidad y SEO de las páginas web. Este apartado también introduce a los estudiantes a la potencia del CSS, presentando selectores, propiedades, valores y el modelo de caja entre otros conceptos fundamentales.
El viaje continúa con el aprendizaje de CSS, donde se explorarán temas esenciales como los selectores, propiedades y valores, la cascada y herencia, estilos de texto y colores de fondo. También aprenderán la importancia del diseño responsivo mediante la utilización de media queries y se familiarizarán con las animaciones y transiciones en CSS. El apartado de CSS abarca innovaciones como Flexbox, Grid y frameworks populares como Bootstrap, que facilitan la maquetación y la creación de diseños modernos y responsivos.
JavaScript, el motor dinámico detrás de la interactividad web, también es tratado en profundidad. Los estudiantes comenzarán con las bases de variables, tipos de datos y operadores, para luego avanzar a estructuras de control, funciones, objetos y arrays. Se aprenderá cómo manipular el DOM, manejar eventos y realizar solicitudes AJAX, lo cual es crucial para crear aplicaciones web dinámicas y eficientes.
El curso también ofrece una mirada a las versiones más modernas de JavaScript, incluyendo ES6+ y la programación asincrónica con promesas y async/await. Además, introduce librerías y frameworks populares como React, Angular y Vue, proporcionando a los estudiantes un arsenal robusto de herramientas y técnicas para el desarrollo front-end profesional.
No sólo se centrará en detalles técnicos, sino también en las buenas prácticas de codificación, versionado de código con Git y despliegue de aplicaciones. Estos conocimientos son esenciales para cualquier desarrollador que aspire a trabajar de manera profesional en el campo del desarrollo web.
Más allá del desarrollo web tradicional, el curso también abarca temas emergentes que están dando forma al futuro de la web. Esto incluye progresive web apps (PWA), desarrollo móvil con React Native, inteligencia artificial en la web con TensorFlow.js, así como la realidad virtual y el WebVR.
Por último, se tratarán áreas de UX/UI, gestión de proyectos con metodologías ágiles como Agile y Scrum, y preparación para entrevistas de trabajo, asegurando así que los estudiantes no solo adquieran habilidades técnicas, sino también las competencias necesarias para desarrollarse profesionalmente en su carrera.
Este curso representa una oportunidad única para consolidar una base sólida en desarrollo front-end y prepararse para enfrentar con confianza el mundo laboral en el ámbito de la informática y desarrollo web.
Este curso gratuito incluye:
7h56m curso de audio en línea gratuito
125 páginas de contenido
Certificado digital de finalización del curso.
Ejercicios para entrenar tus conocimientos