Udemy

Platform

Español

Language

Web Development

Category

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

4.70 (350 reviews)

2033

Students

31 hours

Content

Nov 2020

Last Update
$19.99
Regular Price


What you will learn

Aprenderás a tener una comprensión clara de los principios del diseño responsivo.

Aprenderás a construir sitios web usando el framework Bootstrap en su versión 4.

Aprenderás a aplicar interacciones, efectos y animaciones a tus plantillas web con la ayuda de Javascript y jQuery.

Aprenderás a transformar un diseño estático a los lenguajes de la arquitectura Front-End con tres proyectos que crearemos juntos: Un Blog personal para un viajero, una página de reservas para un hotel, un sitio de ventas por suscripción.

Aprenderás a transformar una plantilla creada por ti para ser usada en WordPress.

Aprenderás a transformar una plantilla creada por ti para ser usada con el patrón Modelo-Vista-Controlador en PHP.

Aprenderás a transformar una plantilla creada por ti para ser usada en el framework Angular.


Description

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.


Screenshots

Máster en Front-End: Crea Temas para WordPress, PHP, Angular
Máster en Front-End: Crea Temas para WordPress, PHP, Angular
Máster en Front-End: Crea Temas para WordPress, PHP, Angular
Máster en Front-End: Crea Temas para WordPress, PHP, Angular

Content

Introducción

Bienvenida

Material de apoyo e inquietudes

Contáctame

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

Bootstrap 4

¿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

Aterrizando conceptos de Bootstrap 4

Arquitectura Front-End para el sitio web - Blog del viajero

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

Adaptar plantillas HTML para Wordpress

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

Arquitectura Front-End para el sitio web - Reservas de Hotel

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

Adaptar plantillas HTML para PHP con el patrón Modelo-Vista-Controlador

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

Arquitectura Front-End para el sitio web - Ventas por suscripción

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

Adaptar plantilla HTML para ANGULAR

¿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

Clase Extra



Reviews

V
Verónica11 August 2020

Esta muy interesante, estoy observando las clases así que todavía no he instalado el Sublime text, yo tengo instalado el Dreamweber asi queuna consulta: El Dreamwever es muy diferente del Sublime text?, se le pueden instalar los plugins que se necesita en el curso?

I
Isaac11 July 2020

el camino fue largo, conocí por primera vez wordpress así como la maquetacion de grid con bootstrap... agradecido por el contenido. "MEJORAR EN EL TIEMPO DE RESPUESTA"

C
Carlos1 June 2020

Excelente curso, se describen las fases por las que pasa un proyecto, en este curso nos centramos en la fase del front-end con las tecnologías que mas piden las empresas, estoy muy satisfecho con la compra de este curso y lo recomiendo para quien este interesado en el mundo del desarrollo web.

M
Marco13 May 2020

El curso esta genial, estoy aprendiendo mucho. Falta actualizar porqué la versión de wordpress que ocupó el maestro esta atrasada.

M
Maria12 May 2020

Es un curso completo, no deja nada sin mencionar. Entrega una descripción de las navegaciones principales y subordinadas incluyendo el manejo de las interacciones con javascript. Explica como lograr los saltos a las hrefs internas y externas así como el calculo de sus offsets para que la posición de la página sea perfecta. Explica la preparación de los modelos en HTML y su traslado a la forma dinámica con php. Y muchas cosas útiles más. El curso es muy bien preparado y muy didáctico. Da mucho gusto trabajar con este curso. Una maravilla realmente.

J
Jesús16 February 2020

Maravilloso curso, completo, lleno de consejos y buenas practicas, muy buen maestro, 100% recomendable, este y sus demás cursos.

B
Bernardo8 January 2020

Juan Fernando es un excelente maestro, he comprado casi todos los cursos suyos y próximamente estaré comprando los que me faltan.

L
Limberg28 December 2019

La forma en que se van explicando los ejemplos, hacen que el aprendizaje que supuestamente era difícil, se convierta en algo sencillo de comprender y aprender. Estoy muy contento de haber tomado este curso.

D
David26 November 2019

Por ahora esta claro, tengo un duda puedo ir contruyendo poco a poco el codigo asi tu entregues la fuente final de todo los cursos?

O
Octavio25 September 2019

desde el principo debe decir que este curso es complementario con otro y los proyectos quedan rotos osea quedan sin funciones algunos modulos desepcionante

G
Gonzalo17 September 2019

Muy buena elección. Como todos los cursos de Juan Fernando, si bien es el segundo que compro, no planeo detenerme, sus conocimientos son enriquecedores y por el precio que se está pagando no se puede pedir más, es básicamente un regalo. Si alguien está dudando en adquirirlo o no, no lo piensen más y denle para adelante, no se van a arrepentir.

V
Víctor16 August 2019

A toda la comunidad Udemy que se encuentra bajo la tutela del Ingeniero Juan Fernando Urrego a Robinson Gallego y demás colaboradores de Tutoriales a tu alcance, les comento y les comparto, que gracias A TODOS PERO A CADA UNO DE LOS CURSOS DEL MAESTRO Urrego conseguí ser desarrollador Front End y por primera vez en 18 años de carrera que tengo como Ing. en Sistemas es que voy a probar las mieles de este oficio. Ingeniero y Maestro Juan Fernando Urrego, muchas gracias, Dios lo bendiga y estoy en deuda eterna o por lo que me queda de vida, a mis 46 años puedo llamarme por usted PROFESIONISTA, lo sigo y estaré atento para seguir extrayendo de usted su BASTO CONOCIMIENTO. Solo les pido a los que estén como alumnos, que practiquen y finalicen sus cursos, vale la pena y cada centavo que vale el maestro. Suerte y éxito a todos también para lograr lo que yo logré y más.

L
Leonardo8 August 2019

Tome el curso porque indicaban que no era necesario tener conocimientos previos, porque se arranca desde cero, pero veo que no es asi, sugiero que en los requisitos coloquen que como minimo deberian tener un conocimiento base sobre HTML, CSS Y JAVASCRIPT, incluso el profesor a veces habla con un lenguaje tecnico que solos los ingenieros en la materia entenderian, me siento enganado, incluso si pido devolucion, nose si se haga efectivo. Es mi primera experiencia en Udemy y logicamente la ultima.

M
Marlon18 May 2019

Excelente curso y excelente profesor, se aprende a un buen ritmo y sus explicaciones son muy claras, gracias por compartir su conocimiento con nosotros, saludos desde Ecuador

R
Robinson15 April 2019

Profesor... sigo todos sus cursos y son demasiado geniales. Le agradezco la paciencia, sabiduría y tranquilidad con la que explica. Pocos docentes explican tan bien como usted. Recomiendo 100% este curso para todos los nuevos... y para todos aquellos que venimos aprendiendo paso a paso con el profesor Juan Fernando.



Coupons

StatusDateDiscount
Expired10/21/202095% OFF
Expired10/28/202095% OFF
Expired11/17/202095% OFF
Expired11/25/202095% OFF
Expired12/24/202050% OFF
Expired2/13/202150% OFF

2043988

Udemy ID

11/23/2018

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore