Máster en Front-End: Crea Temas para WordPress, PHP, Angular
Aprende Bootstrap 4, Flexbox, CSS Grid y construye magníficas plantillas adaptándolas para WordPress, PHP y Angular
Lo que vas a dominar
Habilidades reales, aplicables desde el primer día y muy solicitadas por las empresas.
Un temario completo, paso a paso
8 secciones · 141 lecciones para llevarte de cero a experto.
- Bienvenida
- Antes de comenzar
- Material de apoyo e inquietudes
- Canales de comunicación y aprendizaje
- Editor de código y plugins
- ¿Qués es el desarrollo Front-End?
- Fundamentos de HTML5
- Fundamentos de CSS3
- Fundamentos de Javascript
- Fundamentos de jQuery
- ¿Qué es Bootstrap?
- Instalación de Bootstrap 4
- Sistema de Rejillas
- Las Clases CSS de Bootstrap 4 - Parte 1
- Las Clases CSS de Bootstrap 4 - Parte 2
- Diviértete con Bootstrap 4
- Organizando el proyecto
- Vinculando Bootstrap 4 al proyecto
- Optimizando las imágenes del proyecto
- Agregando las fuentes
- Maquetando la cabecera - Parte 1
- Maquetando la cabecera - Parte 2
- Maquetando la cabecera - Parte 3
- Aplicando ajustes responsivos al cabezote - Parte 1
- Aplicando ajustes responsivos al cabezote - Parte 2
- Maquetando el Banner
- Aplicando efectos Parallax al Banner
- Maquetando el Menú
- Maquetando el "Grid" de Categorías
- Ajuste responsivo al "Grid" de Categorías
- Animando el "Grid" de Categorías
- Maquetando los artículos del inicio - Parte 1
- Maquetando los artículos del inicio - Parte 2
- Agregando la paginación a los artículos titulares
- Maquetando el footer - Parte 1
- Maquetando el footer - Parte 2
- Agregando el buscador
- Agregando efectos con el scroll
- Agregando el preload - Parte 1
- Agregando el preload - Parte 2
- Ajuste al preload
- Banner para la página de Categorías
- Agregando el BreadCrumb
- Maquetando la página de Artículos - Parte 1
- Maquetando la página de Artículos - Parte 2
- Deslizador de artículos relacionados
- Agregando el formulario de opiniones
- Comprimiendo los archivos CSS y JS
- Sitio estático vs sitio dinámico
- ¿Qué es WordPress?
- Servidor local
- Instalando WordPress
- Conociendo la interfaz de WordPress
- Configurando los primeros ajustes de WordPress
- Migrando nuestra plantilla a WordPress
- Estructura de una plantilla para WordPress
- Modularizando nuestra plantilla - parte 1
- Modularizando nuestra plantilla - parte 2
- Vinculando archivos externos CSS y Javascript
- Agregando el menú dinámico
- Agregando artículos al Blog
- El loop de WordPress
- Configurando la paginación y el breadcrumb
- Configurando botones de compartir en redes
- Configurando el deslizador de artículos
- Configurando la sección de comentarios - parte 1
- Configurando la sección de comentarios - parte 2
- Configurando la sección de comentarios - parte 3
- Agregando Widgets - parte 1
- Agregando Widgets - parte 2
- Agregando posts al Sidebar
- Creando páginas internas en WordPress
- Logotipo dinámico
- Redes sociales dinámicas
- Configurando el buscador del sitio - parte 1
- Configurando el buscador del sitio - parte 2
- Banner dinámico - parte 1
- Banner dinámico - parte 2
- Grid de categorías dinámico - parte 1
- Grid de categorías dinámico - parte 2
- Cargar más artículos con el scroll en móviles
- Registro de usuarios para el newletter
- Subir la página a un hosting
- Organizando el proyecto - Reservas de Hotel
- Optimizando las imágenes del proyecto
- Agregando las fuentes del proyecto
- Vinculando Bootstrap 4 al proyecto
- CSS GRID
- Aplicando CSS GRID al proyecto - parte 1
- Aplicando CSS GRID al proyecto - parte 2
- Finalizando el bloque "Header"
- Plugin Data Picker
- Modal de ingreso y registro
- Efecto Toggle Botón Idiomas
- Maquetando el Menú
- Scroll UP y Efectos Easing
- Bloque "Header" para pantallas pequeñas
- Creando el Slide
- Finalizando el módulo de Planes
- Finalizando el módulo de Planes para pantallas pequeñas
- Finalizando el módulo de Habitaciones
- Finalizando el módulo de "Recorrido por el pueblo"
- Finalizando el módulo de Restaurante - parte 1
- Finalizando el módulo de Restaurante - parte 2
- FInalizando el módulo "Footer"
- Página de Habitaciones - parte 1
- Página de Habitaciones - parte 2
- Página de Habitaciones - parte 3
- Página de Reservas - parte 1
- Página de Reservas - parte 2
- Página de Perfil - parte 1
- Página de Perfil - parte 2
- Fundamentos de PHP
- ¿Qué es el patrón MVC?
- Módulo Apache y MySQL
- Adaptando la plantilla al patrón MVC
- Modularizando la plantilla - parte 1
- Modularizando la plantilla - parte 2
- Variables GET
- Url's Amigables
- Organizando el proyecto - Ventas por suscripción
- Construyendo el Header
- Hero Image - Cinemagraph
- Construyendo la sección de Cursos
- Construyendo la sección de Nosotros
- Construyendo la sección de Testimonios
- Construyendo la sección de Planes
- Construyendo la sección FAQ
- Construyendo el Footer
- Configurando animación al Scroll
- Plugin Preloader
- Construyendo la página de Ingreso
- Construyendo la página de Registro
- ¿Qué es Angular?
- Recursos para trabajar con Angular
- Creando nuestra aplicación de Angular
- Adaptando la plantilla a Angular
- Instalando los componentes para los bloques
- Instalando los componentes para las páginas
- Creación de rutas
- Despedida
¿Por qué este curso cambiará tu carrera?
Este curso le enseñará todo lo que necesita saber sobre Front-End, incluido los lenguajes de maquetación, estilo e interacción. Y aprenderás desde cero, por lo que no importa cuánta experiencia tengas cuando comiences.
Estarás expuesto a principios y estrategias, pero, lo que es más importante, aprenderás cómo aplicar realmente estas técnicas de desarrollo creando tres sitios web diferentes para tres audiencias distintas.
Cree sus plantillas con el mejor Framework para diseño web responsivo:
Aprenderás a usar Bootstrap en su versión 4.
Comprenderás el proceso paso a paso de cómo se construye un sitio web.
Incluirás animaciones, efectos e interacciones a los sitios web.
Aplicarás las tendencias de diseño web en el desarrollo de los sitios.
Aprenderás a usar Flexbox.
Aprenderás a usar CSS Grid.
Este curso lo ayudará a sobresalir como desarrollador Front-End, y le enseñará a aplicar estrategias de maquetación web que harán que cada sitio que construya lo haga de manera ágil y precisa.
También obtendrá experiencia práctica elaborando tres tipos diferentes de plantillas web. Esto le dará la confianza para realizar proyectos similares si ya es un desarrollador Front-End, si desea acceder a esta disciplina o si desea mejorar sus habilidades como desarrollador.
Contenido y visión general:
Incluso si eres un principiante completo, este curso te mostrará cómo construir un sitio web paso a paso. Lo guiará a través de todo los pasos necesarios para adquirir la destreza y habilidad de construir cualquier sitio desde la maquetación, hojas de estilo e interacción con javascript.
Comenzará por definir los fundamentos del Desarrollo Front-End, luego una introducción muy completa sobre el framework Bootstrap 4, luego de manera práctica construiremos tres plantillas web diferentes para tres tipos de audiencias distintas.
Finalmente llevaremos estas tres plantillas a tres plataformas diferentes para ser trabajadas posteriormente por un desarrollador Back-End, convertiremos una plantilla a WordPress, prepararemos otra plantilla al Patrón Modelo - Vista -Controlador para ser trabajada con PHP y finalmente aprenderás a transformar una plantilla para el entorno de Angular.
Al final de este curso, tendrá una comprensión profunda del desarrollo Front-End y su proceso de construcción, sabrá por qué es tan importante para usuarios y empresas, qué lenguajes se necesitan dominar, qué proceso es el adecuado para elaborar plantillas responsivas y cómo transformar una plantilla para las herramientas más utilizas en el mercado del desarrollo web: WordPress, PHP y Angular.
Empieza hoy por solo $1 dólar
Accede a este curso y a toda la academia. Sin ataduras, cancela cuando quieras.
Plan Emprendedor
Luego $19.99 USD/mes · cancela cuando quieras
- Acceso ilimitado a este y todos los cursos
- Acceso ilimitado al Foro y la comunidad
- Gana dinero por permanencia*
- Gana dinero por recomendar la academia*
- Gana dinero por asesorar estudiantes*
- Monetiza tu conocimiento*
* Aplica términos y condiciones
Suscribirme por $1Pago seguro · Cancela cuando quieras
Otros CURSOS a los que tendrás acceso con la suscripción
Ellos ya dieron el paso y esto es lo que opinan
Conoce la experiencia de estudiantes que han aprendido conmigo y han valorado positivamente el contenido, la metodología y la claridad de las explicaciones.
Experiencias que hablan por sí solas
Estas opiniones provienen de estudiantes que han tomado el curso y comparten libremente su experiencia.
Conoce quién te acompañará
Hola, soy Juan Fernando Urrego
Quiero ser quien te acompañe paso a paso en este proceso de aprendizaje y ayudarte a transformar el conocimiento en habilidades reales que puedas aplicar en tus propios proyectos.
Diseñador Visual
Profesional en Diseño Visual y especializado en experiencias digitales.
Programador
Dedicado al desarrollo web, programación y creación de proyectos digitales reales.
Especialista en educación
Especialista en Administración de la Informática Educativa.
Fundador
Creador del portal educativo Tutoriales a tu Alcance.
Desde hace años me dedico de tiempo completo a la enseñanza del Desarrollo Web, la Programación y el Diseño Interactivo . Mi propósito es ayudar a más personas a adquirir habilidades digitales reales, desarrollar sus propios proyectos y aprovechar las oportunidades que ofrece el mundo de la tecnología.
Mi filosofía como instructor es sencilla:
No quiero que simplemente copies código. Quiero ayudarte a entender lo que estás haciendo, por qué funciona y cómo puedes utilizar ese conocimiento para crear tus propios proyectos.
Por eso, a lo largo del curso te acompañaré desde los conceptos fundamentales hasta la construcción de un proyecto completo y funcional, explicando cada proceso de una manera práctica, clara y progresiva.
Creo profundamente en el poder de Internet
Soy un convencido de que Internet representa una de las mayores oportunidades de nuestra generación para acceder al conocimiento, transformar la educación, emprender y prepararnos para los empleos del futuro.
Mi objetivo es ayudarte a convertir el conocimiento en una habilidad real que puedas aplicar en tus proyectos, en tu carrera profesional o en la creación de nuevas oportunidades.
No importa si todavía tienes mucho por aprender. Lo importante es comenzar, avanzar paso a paso y construir algo de lo que puedas sentirte orgulloso.
“Más que enseñarte a programar un proyecto, quiero ayudarte a desarrollar la confianza para crear los tuyos propios.”
Juan Fernando UrregoNo pagues por aprender. Que aprender te pague a ti.
Únete a la única academia donde tu constancia, tus recomendaciones y tu conocimiento se convierten en dinero.
Comienza por $1 ahora mismoEres el único que gana dinero mientras aprende
Ninguna otra academia te recompensa. Aquí tu conocimiento se convierte en ingresos reales.
Gana hasta $788 USDC por permanencia
Mientras más tiempo permaneces suscrito, más recompensas acumulas: hasta $788 USDC de retorno mensual.
Gana por recomendar
Invita a otros estudiantes a la academia y recibe recompensas más rápido por cada persona que aprende contigo.
Gana por asesorar
Ayuda a otros estudiantes con lo que aprendes y monetiza tu experiencia dentro de la comunidad.
Monetiza tu conocimiento
Convierte todo lo que dominas en una fuente de ingresos. Aprender nunca había sido tan rentable.
Preguntas frecuentes
Encuentra respuestas claras sobre el acceso a los cursos, la suscripción, la atención al estudiante y nuestro programa de recompensas.
Acceso inmediato
Comienza a estudiar después de confirmar tu suscripción.
Atención 24/7
Envía tus preguntas en cualquier momento.
Recompensas en USD
Recibe tus recompensas en dólares.
Cancela cuando quieras
Sin contratos de permanencia ni procesos complicados.
El acceso es inmediato. Una vez confirmada tu suscripción, podrás ingresar a la plataforma y comenzar a estudiar los cursos disponibles sin esperar aprobaciones manuales.
Sí. Puedes cancelar tu suscripción cuando lo decidas, sin contratos de permanencia ni procedimientos complicados.
Después de cancelar, conservarás el acceso hasta que termine el periodo que ya tienes pagado.
Podrás continuar utilizando la plataforma hasta la fecha de vencimiento de tu suscripción.
Al finalizar ese periodo, el acceso a los cursos y contenidos exclusivos quedará suspendido hasta que decidas reactivar tu cuenta.
Al suscribirte recibirás un enlace personal para recomendar Tutoriales a tu Alcance. Cada vez que una persona active su suscripción mediante tu enlace, será ubicada en una posición disponible dentro de tu estructura y podrás recibir recompensas mensuales según el nivel que ocupe y las condiciones vigentes del programa.
Además, tu estructura también puede crecer con estudiantes que lleguen de forma orgánica a la academia, por lo que podrás obtener recompensas por permanencia sin que sea obligatorio recomendar la plataforma.
Desde tu panel podrás consultar en todo momento tu estructura, tus referidos, los movimientos registrados y las recompensas acumuladas.
Las recompensas se pagan en dólares.
Para recibir el pago deberás seguir las instrucciones dentro de la Plataforma y cumplir las condiciones mínimas establecidas para recibir el dinero.
Sí. El programa está diseñado para que el potencial de tus recompensas pueda crecer a medida que aumente tu comunidad de referidos y existan más suscripciones activas relacionadas con tu red.
No. El programa de recompensas está incluido dentro de tu suscripción.
No necesitas comprar paquetes adicionales para obtener tu enlace personal y comenzar a recomendar la plataforma o ganar recompensas por permanencia.
Sí. Contamos con un canal de atención disponible 24 horas al día, los 7 días de la semana, para que puedas enviar tus preguntas, reportar inconvenientes o solicitar orientación.
Las solicitudes son revisadas según el orden de llegada y la complejidad de cada caso.
Sí. Dependiendo del curso, encontrarás recursos como códigos fuente, archivos de práctica, documentos, plantillas, bases de datos, ejercicios y otros materiales complementarios.
Los archivos autorizados para descarga estarán claramente identificados dentro de cada clase.
Los videos están disponibles para reproducción dentro de la plataforma y no se encuentran habilitados para descarga.
Sí podrás descargar los códigos fuente, documentos y recursos que el instructor haya dispuesto como material de apoyo.
Sí. Puedes ingresar desde computadores, tabletas y teléfonos móviles que tengan una conexión estable a Internet.
La plataforma cuenta con un diseño adaptable para que puedas continuar tu aprendizaje desde diferentes dispositivos.
No necesariamente. Encontrarás contenidos para diferentes niveles de experiencia.
En la descripción de cada curso podrás consultar los conocimientos previos recomendados y determinar si el programa es adecuado para ti.
Sí. No existen horarios obligatorios. Puedes estudiar cuando tengas disponibilidad, repetir las clases y avanzar de acuerdo con tu propio ritmo.
Tendrás acceso a los contenidos incluidos en tu plan mientras tu suscripción permanezca activa.
Nuestro propósito es mantener los contenidos vigentes y agregar actualizaciones cuando las tecnologías, herramientas o procedimientos presenten cambios importantes.
Las actualizaciones pueden publicarse como nuevas clases, recursos complementarios o nuevas versiones del curso.
Sí. Continuaremos incorporando nuevos cursos, clases y recursos para ampliar las posibilidades de aprendizaje de nuestros estudiantes.
Mientras tengas una suscripción activa, podrás acceder a los nuevos contenidos que estén incluidos dentro de tu plan.
No. La suscripción es personal e intransferible. Compartir las credenciales puede comprometer la seguridad de tu información y ocasionar la suspensión de la cuenta.
Utilizamos medidas de seguridad y proveedores especializados para procesar los pagos y proteger la información de los usuarios.
Los datos sensibles de las tarjetas son gestionados directamente por el proveedor de pagos correspondiente.
Sí. Puedes reactivar tu suscripción cuando quieras utilizando nuevamente tu cuenta registrada.
Una vez confirmado el nuevo pago, recuperarás el acceso a los contenidos disponibles en el plan seleccionado. Y comenzarás de nuevo una nueva comunidad y red de recompensas.
No. El propósito principal de la suscripción es darte acceso a contenidos educativos, herramientas y recursos de aprendizaje.
El programa de recompensas es un beneficio adicional, pero sus resultados dependen de las recomendaciones, las suscripciones activas y el cumplimiento de sus condiciones.
Dentro de la plataforma podrás consultar las reglas, porcentajes, requisitos, fechas de corte, condiciones de pago y demás disposiciones relacionadas con el programa de recompensas.
Te recomendamos leer estas condiciones antes de comenzar a promocionar tu enlace personal.
¿Todavía tienes alguna pregunta?
Nuestro equipo está disponible para ayudarte a tomar la mejor decisión.
Hablar con atención al estudiante