
te explico los cursos y los proyectos que vamos a hacer (actualizado)
Si no sabes lo que es un navegador web ,un editor de texto o las extensiones de un archivo debes ver el video
Instalamos el Visual Studio Code
Te explico Que es HTML
Aprenderemos a armar la estructura básica del documento html
Vamos a aprender como utilizar párrafos y algunas otras etiquetas con html5.
Vamos a ver como colocarle imagenes a tu html, aprenderas sobre la etiqueta img para mostrar imagenes en el documento.
Veremos como crear los enlaces y utilizarlos
Haremos menus ,aprenderemos a crear (listas).
Aprenderemos a crear tablas (celdas ,filas y columnas).
Aprenderemos sobre los formularios y las etiquetas que los complementan.
Armaremos una estructura mas completa con HTML agregando etiquetas nuevas.
Puedes descargar el curso de html
Te explico que es css
Te explico como vincular css
En este video vamos a completar el archivo html que usaremos para aprender sobre los selectores.
Empezamos a aprender sobre los selectores y algunas propiedades como el selector universal, selectores de etiqueta.
Vamos a seguir aprendiendo mas selectores como el de atributo , el de clase y mas propiedades.
Te explico input y mas propiedades
Te explico sobre el Selector hijo y la prioridad en css
Te explico como instalar las fuentes
Aprendemos a utilizar las fuentes.
Aplicamos distintos tipos de colores. transparent,RGB, RGBA
Vamos a ver la propiedad background en profundidad.
Vamos a seguir con la propiedad background como background-image, background-color, background-position, background-size.
Vamos a continuar aprendiendo sobre el fondo y a utilizar fixed (dejar el fondo fijo).
Aprenderemos a darle un degradado al fondo.
Empezaremos a aprender el margin en profundidad y otras propiedades.
Te explico el colapso de margenes
Te explico sobre el borde
Te explico como flotar elemento
Te explico mas de float
Haremos un ejercicio donde utilizaremos lo aprendido mas que nada con los flotados, en esta primera parte empezaremos con el html.
Le daremos estilos al menu.
Le daremos estilos y diseño a la parte lateral.
seguimos con el ejercicio
Aprenderemos a utilizar una nueva propiedad para poder desplazar un elemento libremente por la pantalla.
Te explico Pseudoclases
¿Que son los pseudoelementos en css?, en esta sección aprenderemos sobre la especificidad con el selector html y :root y aprenderemos sobre los pseudoelementos.
Te enseño sobre las transiciones
Aprenderemos sobre las animaciones
Ahora aprenderemos a hacer responsive nuestro sitio web (adaptarlo a la pantalla) en esta primera parte agregamos el html.
Aprenderemos a utilizar MEDIA QUERIES
Aprenderemos flexbox
Aprenderemos flexbox
Aprenderemos grid
Aprenderemos grid
Te dejo lo que hicimos
Te cuento que es bootstrap y lo instalamos
Aprenderemos a utilizar las clases de bootstrap como container ,las filas y columnas.
Mas sobre Filas y Columnas, vemos la parte del Responsive
Vemos mas clases , filas y columnas,barra lateral
Creamos cajas le damos estilos, aprendemos sobre las Utilidades en bootstrap
Vemos Componentes
Componentes repaso parte 1
Componentes repaso parte 2
Te dejo lo que hicimos
Estructuta html parte 1
Estructuta html parte 2
Fuentes y parte del container
Cabecera: el menu nav
Cabecera: parte del menu y la imagen
Cabecera: parte de la imagen ,el titulo , el párrafo y el boton
El main con la primera sección de artículos
El main con la segunda sección de artículos
Footer: el menu
Footer: mapa y imagenes
Responsive: la cabecera el menu
Responsive: la cabecera la imagen
Responsive: de la cabecera la primer seccion y del main los articulos
Responsive: El footer
Te puedes descargar lo que estuvimos haciendo
Curso: De Cero a Full Stack
¿Quieres convertirte en un desarrollador Full Stack Web Development y no sabes por dónde empezar? Este curso es perfecto para ti. "De Cero a FullStack" está diseñado para llevarte desde los conceptos más básicos hasta convertirte en un desarrollador web completo, capaz de crear aplicaciones web modernas y dinámicas.
Objetivo del curso: Al finalizar este curso, tendras los conocimientos necesarios en tecnologias del frontend y del backend, seras capaz de desarrollar sitios web y aplicaciones web Full Stack, manejando tanto el Front-end como el Back-end con fluidez y confianza.
Dirigido a: Este curso está abierto a todo el mundo y no requiere conocimientos previos. Si tienes ganas de aprender y estás dispuesto a comprometerte, este curso es para ti.
Contenido del curso:
Front-end Development:
HTML: Aprende la estructura básica de las páginas web.
CSS: Dale estilo y diseño a tus sitios web.
Flexbox y Grid: Diseña layouts complejos y responsivos.
Bootstrap: Utiliza este popular framework para acelerar tu desarrollo.
JavaScript: Domina el lenguaje de programación esencial para el desarrollo web.
jQuery: Simplifica la manipulación del DOM y mejora la interacción del usuario.
Programación Orientada a Objetos (POO) con TypeScript: Aprende los principios de la POO y cómo aplicarlos en TypeScript.
Angular: Desarrolla aplicaciones web robustas y escalables con este poderoso framework.
Back-end Development:
PHP: Aprende a crear aplicaciones del lado del servidor.
MySQL: Gestiona bases de datos y realiza consultas eficientes.
Programación Orientada a Objetos (POO): Aplica principios de POO en PHP.
Modelo Vista Controlador (MVC): Entiende y aplica este patrón de diseño para organizar tu código.
Laravel: Utiliza este popular framework para desarrollar aplicaciones web modernas y escalables.
Integración Front-end y Back-end:
Aprende a combinar el Front-end con el Back-end.
Desarrolla una API RESTful completa utilizando Angular y Laravel.
Duración: El curso está diseñado para completarse a tu propio ritmo, pero se estima que tomarás varias semanas o meses para completarlo, dependiendo de tu dedicación y ritmo de estudio.
Tiene un total de aproximadamente 500 videos de 15 minutos cada uno. Además, se complementará con teoria y ejercicios que te permitirán aplicar lo aprendido en proyectos reales.
Requisitos previos: No se requieren conocimientos previos. Este curso está diseñado para principiantes absolutos.
Beneficios:
Adquirirás habilidades en desarrollo web Full Stack, una de las áreas más demandadas en la industria tecnológica.
Desarrollarás proyectos prácticos que podrás incluir en tu portafolio profesional.
Obtendrás una comprensión profunda de las tecnologías y herramientas más utilizadas en el desarrollo web moderno.
Algunos de los proyectos que desarrollaremos desde cero:
Aplicaremos todo lo aprendido con css,flexbox , grid y bootstrap haciendo una plantilla completa
Aplicaremos todo lo aprendido con php y mysql haciendo un blog
Aplicaremos todo lo aprendido con Laravel y crearemos una red social
Mientras avanzamos en el curso iremos haciendo tareas , ejercicios y proyectos
El proyecto final sera una plataforma educativa tipo udemy (la api restful)