Diseño web de cero a experto - Nivel 1
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Diseño web de cero a experto - Nivel 1 to your Wishlist.

Add to Wishlist

Diseño web de cero a experto - Nivel 1

Aprende el proceso de diseñar una interfaz, Desarrollarla en html5 y crear una aplicación web con PHP usando Laravel.
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
10 students enrolled
Created by Klinsmann Fabian
Last updated 4/2017
Spanish
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6.5 hours on-demand video
  • 21 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Diseñar toda una interfaz completa de un blog personal en Photoshop
  • Desarrollar el sitio en html5, css3 y javascript
  • Crear una aplicación web en PHP con laravel
View Curriculum
Requirements
  • html básico
  • css básico
  • javascript básico
  • Photoshop básico
  • PHP básico
Description

*** APRENDE A CREAR TODO UN SITIO WEB COMPLETO ***

Este NO es un curso donde aprenderás a usar Photoshop, html5, css ni PHP. Este es un curso practico para los que ya tienen conocimientos mínimos de todas estas tecnologías (Favor de leer los requerimientos).

El curso Diseño Web De Cero a Experto - Nivel I - Tiene la finalidad de enseñarte el proceso completo de diseñar una interfaz completa en Photoshop, Desarrollar el sitio en html5, css3 y javascript para después crear una aplicación web usando PHP con Laravel.

El proyecto es un sitio web de un Blog personal. El cual es apto para personas que quieran ser diseñadores, desarrolladores y programadores.

Si tu solo quieres aprender un área en especifico, este curso es ideal para ti ya que explicamos los detalles de cada área en especifico...Así que no importa si no quieres aprender a desarrollar o programar o viceversa, puedes tomar el módulo que se adapta a lo que quieres y aprender solo eso.

Diseño Web De Cero A Experto - Nivel I es el primer entrenamiento de muchos que se van a seguir creando, así que si te preguntas por que tan solo se compone de 3 módulos es porque vamos a crear nuevos niveles (Cursos separados a este) con el mismo nombre pero con el nivel, proyecto y dificultad diferente.

Muy pronto estaremos añadiendo una sección aquí mismo de preguntas y respuestas para resolver cualquier otro tipo de duda antes de que tomes la decisión de inscribirte al curso. Pero si ya no tienes ninguna duda y quieres inscribirte ahora te esperamos dentro del curso.

Agencia De La Web

Who is the target audience?
  • Freelance
  • Diseñadores
  • Desarrolladores
  • Maquetadores web
  • Programadores
  • Personas que quieran aprender diseño web
Students Who Viewed This Course Also Viewed
Curriculum For This Course
57 Lectures
06:20:57
+
Introducción al curso
2 Lectures 00:55

Bienvenida al módulo 1

Preview 00:55

Aprende sobre la importancia de un Site Map y como te ayuda a desarrollar tus sitios web

¿Qué es un mapa de Sitio o Site map y Cuál es su importancia?
00:00
+
Para diseñadores: Módulo 1 - Entendiendo las Bases
2 Lectures 05:00

Antes de sentarte a diseñar tu sitio web debes crear un boceto del mismo, paso fundamental para mejor al momento de diseñar.

Bocetos del diseño web
01:20

Muchos creen que en diseño web no existe un límite a la hora de diseñar, romperemos este mito.

Principios gráficos para la web (tamaño y resolución)
03:40
+
Para diseñadores: Diseñando el sitio web
13 Lectures 02:57:57

Comenzaremos a diseñar nuestro Index y con el crearemos todas las propiedades a los diferentes elementos que utilizaremos en nuestro blog

Preview 38:47

Vamos a presentar gráficamente como lucirá 1 articulo con imagen en el index.

Diseñando el Index - Post con imagen
17:52

No todos los artículos poseen 1 sola imagen, y es por ello que veremos como representar una galería de imágenes.

Diseñando el Index - Post con Galería
09:01

Los videos son muy utilizados en la creación de los sitios web, no podemos dejar atrás la representación de este elemento.

Diseñando el Index - Post con Vídeo
04:42

Aunque no es un elemento muy común, de igual forma vamos a representar un post con cita.

Diseñando el Index - Post tipo Cita
06:40

Al igual que los videos los audios de Soundcloud son muy utilizados en los blogs.

Diseñando el Index - Post con audio
06:27

Representaremos gráficamente un artículo que contiene un slider con diferentes imágenes.

Diseñando el Index - Post con slider
06:26

Con el ultimo post y el footer o pie de página terminamos el diseño de nuestro index.

Diseñando el Index - Post con imagen 2
21:42

Utilizando el 1er post como base diseñaremos la página de About.

Diseñando la página about
11:30

Veremos lo sencillo que es adaptar nuestro Index y convertirlo a una página de Búsqueda.

Diseñando la página search o de búsqueda
13:12

Es momento de representar como se vería un post completo y sus características.

Diseñando el Post
11:07

Los blogs también tiene un espacio para que nos contacten, representaremos la página de contacto con su formulario.

Diseñando la página de contacto
17:00

Una de las características de los blogs es poder mostrar todos los artículos en categorías y archivos.

Diseñando la página Archive o archivos
13:31
+
Para diseñadores: Diseñando el sitio web responsive
8 Lectures 01:26:07

Comenzamos a adaptar nuestros index a responsive: representaremos el 1er post, el post con imagen y el post con galería.

Adaptando Index para Móvil Parte 1 – Comenzamos
26:59

Continuamos adaptando nuestro index y continuamos con los post video, citas y audio.

Adaptando Index para Móvil Parte 2
14:31

Terminaremos de adaptar el index con los últimos post y el pie de página.

Adaptando Index para Móvil Parte 3
16:05

Al tener nuestro index terminado lo utilizaremos para adaptar el search y crear el menú

Adaptando la página search o de búsqueda
07:19

Utilizando el 1er post adaptaremos la página de about a formato responsive.

Adaptando la página about
03:54

Sin perder sus propiedades y esencia adaptaremos el post.

Adaptando post para móvil
05:58

Sin perder las propiedades adaptaremos la pagina de contacto y el formulario.

Adaptando la página de contacto
05:35

Los archivos son importantes en el blog y por eso no los podemos dejar de lado en la versión responsive.

Adaptando la página Archive o archivos
05:46
+
Para desarrolladores: Módulo 2
17 Lectures 00:12
Introducción al proyecto
00:00

Formas en que podemos hacer recortes en Photoshop
00:00

Recortes del diseño en Photoshop
00:00

Optimización de imágenes
00:00

Preparando el entorno de desarrollo
00:00

Maquetando la página principal o index
00:00

Aplicando Estilos CSS a la página principal
00:00

Maquetando la página Post
00:00

Aplicando Estilos CSS a la página Post
00:00

Maquetando la página Contacts
00:00

Aplicando Estilos CSS a la página Contacts
00:00

Maquetando la página Archive
00:00

Aplicando Estilos CSS a la página Archive
00:00

Maquetando la página About
00:00

Aplicando Estilos CSS a la página About
00:00

Maquetando la página Search
00:00

Aplicando Estilos CSS a la página Search
00:00
+
Para programadores: Módulo 3
15 Lectures 01:50:42
Instalación de Laravel en MAC
05:38

Instalación de Laravel en WINDOWS
11:41


Creando los Posts
07:25

Mostrando los posts desde la base de datos
06:34

Mostrando la fecha de los posts
02:57

Creando las Categorías
08:38

Qué son y cómo utilizar Seeders
09:28

Creando las Etiquetas
06:31

Integrando la plantilla de administración
04:05

Integrando el login - Parte I
06:59

Integrando el login - Parte II
08:42

Personalizando el menú y utilizando controladores
11:37

Mostrando los posts con DatatablesJs
06:00

Reestructuración de código y activación de links
05:51
About the Instructor
Klinsmann Fabian
3.9 Average rating
762 Reviews
6,472 Students
20 Courses
Desarrollador web y Ninja Front-End

Estudio la Licenciatura de Marketing y Neuro Marketing Digitales, apasionado por las ultimas tecnologías, llevo mas de 3 años en esto del desarrollo web, especificamente en tecnologias HTML5, CSS3, jQuery, Responsive design y todo lo que tiene que ver en la web.

Actualmente trabajo de manera Freelance como Ninja Front-End creando sitios web, sitios adaptables para dispositivos móviles, tabletas y pantallas.

Soy instructor de manera independiente en diferentes áreas como computación para adultos, desarrollo web, Marketing y Neuro Marketing Digital.

Desarrollo videotutoriales en youtube sobre contenido de diseño, programación y marketing.

Te invito que visites mi pagina donde publico constantemente información sobre los últimos sucesos del mundo web, asi como también te invito que me sigas en mis redes sociales si quieres saber mas sobre lo que publico.