Flexbox Grid

2 comentarios / Diseño fullstack, Diseño web / Por jlopez

Que es Flexbox Grid

¡Hola a todos!

Introducción a la tecnología de maquetación para css y html Hola estudiante, si alguna vez se le ha dificultado centrar un objeto en html y css esta explicacion es para ti

Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023

Bienvenido al Taller, hablaremos de:

Html5
CSS3
javaScript
Bootstrap
Git
PHP
React
Angular
MySql

Temario Curso de Diseño Frontend HTML, CSS, JavaScript y Git

HTML5
1.1 Etiquetas Huérfanas / Compuestas
1.2 Estructura semántica
1.3 Etiquetas semánticas
1.4 Atributos comunes y generales
1.5 Estructura del documento
1.6 Identación y herencias
1.7 Box model
CSS
2.1 Estructura sintaxis
2.2 Tipos de incorporación CSS: – Interno – Externo – En línea
2.3 Identación, herencias y comentarios
2.4 Niveles de especificidad
2.5 Flexbox grid, Breakpoints
2.6 Mediaqueries
2.7 Pseudo Elementos
2.8 Pseudo Clases
Git
5.1 Introducción a Git y control de versiones
5.2 Github
5.3 Repositorios
5.4 Control de cambios y push
5.5 Terminología y comandos básicos de Git
5.6 Metodología

Bootstrap
4.1 Librería
4.2 Componentes
4.3 Incorporación: – CDN – Librería local
4.4 Incorporación de componentes, helpers, layout
4.5 Identación, herencias y comentarios
4.6 Display Grid
4.7 Flexboxgrid
4.8 Grid systems
4.9 Breakpoints

JavaScript
3.1 Introducción a JavaScript
3.2 Variables y tipos de datos
3.3 Operadores y expresiones
3.4 Estructuras de control: – Condiciones (if, else if, else) – Bucles (for, while, do-while) – Switch
3.5 Funciones y ámbito de variables
3.6 Objetos y propiedades
3.7 Arrays y bucles de iteración
3.8 Eventos y manipulación del DOM
3.9 jQuery (opcional)

Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal

Enlaces de interes

Articulos de Explicaciones

Videotutoriales explicativos

Herramientas recomendadas

Drag and drop con javascript: https://drag-and-drop.formkit.com
SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/
Creador de personas que no existen: https://thispersondoesnotexist.com/
Pagina de Iconos: https://fontawesome.com/
Creador de Gradientes: https://cssgradient.io/
Creador de imagenes con IA: https://firefly.adobe.com

La practica hace al maestro

2 comentarios en “Flexbox Grid”

Deja un comentario Cancelar respuesta