Desarrollo web para NO programadores

Como hacer websites, punto. Sin misterios, paso a paso totalmente desde 0 y sin programar ni una sola linea de código.
4.0 (2 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.
86 students enrolled
$19
$45
58% off
Take This Course
  • Lectures 129
  • Length 9.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2014 Spanish

Course Description

¿Buscas desarrollarte en el mundo web como todo un profesional?

No eres el único...

Si has tomado algún curso de diseño Web anteriormente, o has buscado información sobre el tema en Internet, sabes lo que es esto: toneladas de información fragmentada, dispersa, o sencillamente inútil, y al final no sabes que hacer con esa información, ni por dónde empezar ni cómo integrar todos los programas necesarios para lograr tu objetivo: diseñar y poner a funcionar un website visualmente atractivo y funcional DESDE CERO.

En tan solo 4 módulos aprende el proceso de adaptación para dispositivos móviles, como crear animaciones de una forma bien sencilla y a la vez avanzada, crea de forma muy visual, muy sencilla y muy profesional a desarrollar sitios complejos para la web.

Estamos totalmente convencidos que este curso es para ti y te ayudara a crear sitios web o si no tu dinero de vuelva ¡GARANTIZADO! así que no tienes nada que perder y si MUCHO que ganar, INSCRIBETE HOY y nos vemos del otro lado.

What are the requirements?

  • Conocimientos mínimos de html
  • Adobe Edge Reflow
  • Adobe Muse
  • Adobe Edge Animate
  • Dreamweaver CS6 en adelante
  • Ganas de aprender

What am I going to get from this course?

  • Crear prototipos adaptables para los distintos dispositivos moviles
  • Crear animaciones básicas, avanzadas y adaptables
  • Crear websites dinamicos
  • Desarrollar un sitio completo listo para publicar o venderlo

What is the target audience?

  • Diseñadores
  • Freelances
  • Desarrolladores jr
  • Apasionados por las nuevas tecnologías y nuevos conocimientos

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Introducción al curso
00:45
Section 1: Modulo 1: Diseño responsivo para dispositivos móviles
01:28

Resumen sobre que es el metodo responsive design

01:16

Que es y que podemos hacer con esta nueva aplicación de adobe

Como descargar edge reflow
2 pages
03:09

Vamos a dar un recorrido sobre la aplicación de reflow

Section 2: Diseño
02:54

Vamos a ver en este video como funciona el sitema de reticulas en reflow

03:14

Vamos a ver como funciona los diseños alternativos

04:55

Como configurar las opciones de diseño y de reticula

03:51

Como posicionar elementos en el canvas de reflow

08:13

Como usar la herramienta texto

06:00

Vamos a ver como insertar, editar y configurar ciertas opciones con las imágenes

03:30

Como crear elementos contenedores en reflow

03:04

Vamos a ver las opciones de alineamientos de contenedores

11:47

Vamos a comenzar con un proyecto real y adaptarlo a un odernador

07:38

Vamos adaptar el diseño ahora para la propuesta tablet

06:18

Vamos adaptar el diseño ahora para la propuesta smartphone

Section 3: Utilización
01:21

Vamos a realizar testeos de nuestro proyecto

03:13

Vamos a ver como generar el codigo CSS para poder reutilizar en otros programas

Section 4: Módulo 2: Animaciones interactivas con html5
02:17

Porque utilizar HTML5

00:56

Vamos a ver como descargar adobe edge animate

03:25

Vamos a dar un recorrido por la interfaz de edge animate

Section 5: Animación básica
03:23

Como configurar las propiedades del escenario

03:47

Vamos a ver las diferencias de las medidas relativas y las medidas absolutas

01:36

Como importar graficos en el escenario de animate

04:57

Como utilizar el panel de propiedades css

04:05

Como utilizar el panel de elementos

08:26

Como hacer transiciones animadas

06:01

Vamos a ver los diferentes efectos de aceleracion que tenemos para nuestras animaciones

07:02

Vamos a realizar un ejercicio practico de una pelota rebotando combinando los diferentes efectos de aceleración

Section 6: Animación avanzada
03:07

Veremos la utilidad de la herramienta pin

06:56

Como usar los desplazamientos del pivote

06:35

Veremos en este video como realizar trayectorias de animación

04:24

Vamos aprender como realizar filtros css avanzados

04:04

Vamos a ver la tecnica de las mascaras de recorte

Section 7: Herramienta texto
02:49

Vamos a ver como utilizar y configurar la herramienta texto

03:08

Vamos a ver como animar las propiedades del texto

02:47

Vamos aprender como incorporar fuentes personalizadas

02:26

Como incorporar fuentes personalizadas con google web fonts

Section 8: Interactividad básica
03:31

Vamos a ver los activadores de fotogramas para crear animaciones mas interactivas

05:04

Vamos aprender a crear botones simples con animate

02:16

Vamos a crear acciones en javascript sin saber nada de programación

Section 9: Interactividad avanzada
04:23

Vamos a ver los simbolos animados en animate

04:29

Vamos a controlar los simbolos con activadores

06:01

Vamos aprender a controlar los simbolos con botones

Section 10: Exportación e integración
03:53

En este video vamos aprender a como crear una imagen de poster y precargador cuando exportamos nuestro proyecto

04:55

En este video vamos aprender a exportar el proyecto en formato html

02:02

Vamos a exportar nuestro proyecto en formato nativo de animate para insertarlo en dreamweaver o muse

Section 11: Modulo 3: Dreamweaver CC
02:44

Vamos a ver en una pequeña introduccion la nueva forma de trabajo de Dreamweaver

02:40

Vamos a conocer las novedades de la nueva version de Dreamweaver CC

02:04

Vamos a conocer nuestro espacio de trabajo para trabajar comodamente

01:29

Vamos a conocer los nuevos cambios en el panel nuevo

Section 12: Diseñador CSS
02:45

Vamos a comprender opciones generales de Dreamweaver

01:29

Vamos a ver las opciones de los filtros css en Dreamweaver

Section 13: Nuevo flujo de trabajo
02:30

En este vídeo vamos aprender como añadir fuentes

02:22

En este vídeo vamos aprender como añadir medios

01:35

En este vídeo vamos aprender como añadir selectores y propiedades

Section 14: Diseño de cuadricula fluida
01:21

Vamos aprender a crear una cuadricula fluida

04:41

Vamos aprender a como editar las cuadriculas fluidas

Section 15: HTML5 y jQuery
01:44

Vamos a conocer la estructura del panel insertar

02:35

Vamos a conocer la estructura del panel estructura

Section 16: Formularios
02:14

Como insertar etiquetas de formularios

02:24

Como configurar el panel de insercion y propiedades

Section 17: Panel medios
02:39

Vamos a ver como insertar vídeo de html5 en dreamweaver

01:43

Como insertar de manera facil y configurar la etiqueta audio

01:40

Como insertar objetos de edge animate en Dreamweaver

Section 18: Panel jQuery UI
01:14

Vamos a ver los nuevos widgets de jquery

03:42

Vamos a ver ejemplos basicos de jquery

02:49

Vamos aprender como personalizar un acordeon de jQuery

02:08

Vamos aprender como personalizar el widget de tabs de jQuery

02:25

Vamos a ver las propiedades del resto de elementos

Section 19: Efectos jQuery
02:26

Vamos aprender los efectos de jquery que podemos insertar desde Dreamweaver

02:29

Vamos a ver los efectos disponibles en jquery

Section 20: Web fonts
01:30

Vamos a ver lo basico de las web fonts

01:37

Vamos a ver la incrustación de web fonts

01:43

Vamos a ver la incrustación de fuentes locales

01:23

Vamos aprender a añadir nuevos conjuntos de fuentes

Section 21: Proyecto Web - Catering
12:20

Vamos a crear un proyecto real y completo hecho en Dreamweaver

14:44

En este video vamos a crear los cortes y exportacion de la plantilla PSD

35:20

Vamos a crear de manera visual y facil la estructura de contenedores en HTML5

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Klinsmann Fabian, 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.

Ready to start learning?
Take This Course