Web Master Frontend y Twitter Clone 🚀
Construye un Twitter Clone usando HTML, CSS, CSS Flexbox, CSS Grid y JavaScript
- ✅ Domina HTML, CSS y Javascript
- ✅ Inicia en el Desarrollo Web con este curso
- ✅ Accede a una comunidad de mas de 20 000 estudiantes
- ✅ Implementa codigo nativo en Visual Studio Code
- ✅ Aprende los conceptos de Javascript
Beneficios de este Curso
Acerca de nuestro curso
Aprenderás desde cero a construir paginas web mediante un proyecto clone de Twitter
No importa si nunca antes has programado o si no tienes conocimientos de páginas web. Este curso está diseñado para que aprendas desde lo más básico hasta un nivel avanzado en el que podrás diseñar cualquier sitio web de forma profesional.
Te enseñaremos los fundamentos de los pilares del mundo del desarrollo web tales como HTML, CSS y JavaScript, empezaremos con la estructura más básica, utilizando HTML. Después, veremos como darle vida y color a los elementos HTML con los estilos CSS, luego veremos como se agrega la funcionalidad a una pagina web con Javascript y no solo eso, tambien revisaremos desde sus inicios la sintaxis del lenguaje, el manejo de sus variables, lo que es una sentencia condicional, los ciclos, las funciones, los arreglos y otros objetos, también veremos la estructura DOM, que es fundamental para el manejo avanzado de las páginas web.
En este curso aprenderemos lo siguiente:
✔ Estructura de elementos HTML
✔ Publicación de un sitio web con HTML a GitHub
✔ Manipulación del DOM
✔ Estilos CSS
✔ Grid y Flexbox
✔ Nomenclaturas y variables Javascript
✔ Creacion de un proyecto Clon de Twitter
✔ y muchos mas...
Al finalizar este curso tendrás las habilidades necesarias para desarrollar tu propio sitio web profesional, moderno y funcional con las herramientas HTML, CSS y Javascript
Curricula del Curso
- Sitio Personal con estilos (4:37)
- Favicons (3:11)
- HTML Divs(Contenedores o Cajas) (5:35)
- Estilos de modelo de caja(box model) (6:20)
- Propiedades de pantalla CSS (7:40)
- Posicionamiento Relativo y Estatico (4:20)
- Posicionamiento Absoluto (3:04)
- Centrar Elementos con CSS (5:58)
- Estilos de fuente en nuestro sitio personal (4:07)
- Agregar contenido a su sitio personal (7:00)
- Dimensionamiento CSS (6:10)
- Color y Peso de fuentes CSS (3:13)
- CSS Flotantes (6:54)
- Estilizando nuestro sitio personal (16:20)
- Introduccion a CSS Grid (4:29)
- Creacion de entorno de trabajo (4:36)
- Como crear Grids (5:02)
- Unidad Fraccionaria (6:40)
- Posicionar elementos en el Grid (11:51)
- Nombrar Elementos - Parte 1 (11:12)
- Nombrar elementos - Parte 2 (10:16)
- Nombrar areas del grid (5:04)
- Cuadriculas explicitas e implicitas (6:56)
- Alineacion de elementos en el grid (6:20)
- Alineamientos de grid tracks (3:52)
- Min Content vs Max Context vs Min Max (5:08)
- Auto Fill y Auto Fit (4:58)
- Introduccion al curso (3:59)
- Javascript Alert(Alertas) (5:54)
- Tipos de Datos (4:07)
- Variables Javascript (6:41)
- Ejercicio y solucion de variables javascript (3:22)
- Nomenclatura de variables javascript (4:07)
- Concatenacion de cadenas de texto (3:41)
- Longitudes de cadenas (5:40)
- Contar y extraer caracteres de una cadena (7:01)
- Cambio de mayusculas y minusculas en el texto (7:13)
- Aritmetica basica y operador de modulo javascript (4:51)
- Expresiones de incremento y decremento (2:01)
- Funciones Parte 1 - Crear y llamar funciones (7:13)
- Funciones Parte 2 - Parametros (4:41)
- Funciones Parte 3 - Salidas y valores de retorno (6:22)
- Formas de agregar Javascript a nuestro Sitio Web (7:54)
- Introduccion al DOM (8:20)
- Seleccionando Elementos HTML con Javascript (9:54)
- Manipulando y cambiando estilos css con javascript (2:35)
- Separacion de Conceptos : Estructura, Estilos y Comportamiento (3:34)
- Manipulacion de texto y la propiedad textContent (2:05)
- Manipulacion de atributos en elementos HTML (2:14)
- Creando la estructura de la navegacion (5:34)
- Estilos de la navegacion de feeds (11:36)
- Creacion de la estructura del encabezado de la seccion de noticias (4:31)
- Diseño del encabezado de la seccion de noticias - Parte 1 (7:33)
- Diseño del encabezado de la seccion de noticias - Parte 2 (4:41)
- Creacion de la estructura de las publicaciones (7:01)
- Estilo de las publicaciones (10:03)
- Creacion de la estructura de la seccion "a quien seguir" (4:35)
- Estilo de la seccion "a quien seguir" (9:41)
- Boton crear publicacion (3:28)