Fundamentos de Desarrollo Web

Aprende las bases del desarrollo web desde cero. En este curso aprenderás como se compone la web, conocerás los conceptos básicos, aprenderás HTML, CSS y JavaScript para al final crear tu propio sitio web.

61 Lecciones • +5 hrs • PRINCIPIANTE

cover

¿De que trata este curso?

Aprende las bases del desarrollo web desde cero. En este curso aprenderás como se compone la web, conocerás los conceptos básicos, aprenderás HTML, CSS y JavaScript para al final crear tu propio sitio web.

Checa el temario:

1

Pre-work

9 lessons • 1hr

Bienvenida 2:11
Conociendo tu terminal 6:08
Comando básicos de la terminal 10:02
Modificando el Shell de nuestro equipo 11:37
NodeJS y NVM 5:44
Creando cuentas online 13:46
Introducción a Git 13:46
Creando un repositorio en Github 14:55
Clonando un repositorio de Github 3:58

2

Introducción a HTML5

11 lessons • 1hr

HTML5 no es solo HTML 2:47
Tu primer documento HTML5 Gratis8:06
Estructura Básica de un documento HTML Gratis3:59
Agregando CSS Gratis7:50
Experimentando con JS Gratis6:07
Usando VsCode 4:03
Previsualizando nuestro trabajo en el navegador 6:52
Conectando css a nuestro index.html 6:27
Agregando interactividad con JS 6:28
Programando juntos | Clone de HBO GO Parte 1 7:08
Programando juntos | Clone de HBO GO Parte 2 23:08

3

Estilos CSS intermedios

16 lessons • 2hr

Te presento el css 0:52
CDNs, Iconos y rems 7:35
Intro a Flexbox 3:43
Flexbox avanzado 6:41
Agregando un "overlay" con selectores avanzados 6:52
Position: [absolute, relative, fixed] 12:47
Más practica con Flexbox, cascada CSS 10:58
Introducción a las animaciones con CSS3 5:56
Cubic-Bezier 7:57
El atributo transform 4:51
Intro a @Keyframes 11:49
Una animación con sentido 9:03
Programando juntos | Creando cards de compra Parte1 27:38
Programando juntos | Creando cards de compra Parte2 13:11
Contenido Extra | Intro a CSS Grid 13:23
Contenido Extra | Cambiando a CSS Grid 6:31

4

VanillaJS

14 lessons • 1hr

Introducción a VanillaJS 1:50
Repl.it 1:29
Dominando JavaScript 13:08
Estructuras de datos 4:02
Métodos básicos del Array 7:34
Métodos básicos del objeto 7:29
Seleccionando nodos y obteniendo información 5:23
Modificando nodos 10:26
Creando elementos en el DOM 6:07
Eventos del DOM y Observadores (Listeners) 6:39
Trabajando con clases 11:01
Nosotros ya NO usamos jQuery 2:02
Programando juntos | Creando un memorama parte1 6:29
Programando juntos | Creando un memorama parte2 5:38

5

Single Page Applications

11 lessons • 1hr

¿Qué es Webpack? 2:59
¿Qué es NPM? 6:56
Instalando Webpack y Webpack-cli 2:11
JavaScript ES6 6:29
Usando Babel y creando webpack.config.js 7:02
¿Cómo consumir datos desde un servidor? 4:49
Usando Fetch 12:42
Trabajando con la información recibida en JSON 7:43
Agregando estilos CSS 4:24
Agregando interacción con JS 6:50
Interacciones avanzadas 7:18

¿En qué consiste el método Fixtergeek?

Practicarás directamente lo aprendido
Aprenderás a configurar tus herramientas
Atajos y estratégias que usa el instructor
Experiencias y casos de trabajo reales
Buenas prácticas de código y formato
Usaras la terminal como un profesional

Comparte este curso

¿Quién está detrás de este curso?

author

Héctorbliss- Instructor
Senior Software Engineer en Tripadvisor y Software Architect en Fixter.org. Instructor apasionado con más de 5 años de experiencia impartiendo cursos en escuelas como DevF, Ironhack, DevCode, y más… con amplios conocimientos en React, Redux, Firebase, Docker, K8s, AWS, GCP, Testing, Svelte, Spring, Android, iOS, Rails, Django, NodeJS, Swift for web, MongoDB, PostgreSQL, GraphQL, Typescript.