Desarrollo web para NO programadores
3.9 (5 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.
96 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo web para NO programadores to your Wishlist.

Add to Wishlist

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.
3.9 (5 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.
96 students enrolled
Created by Klinsmann Fabian
Last updated 5/2014
Spanish
Current price: $10 Original price: $45 Discount: 78% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9.5 hours on-demand video
  • 1 Article
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Conocimientos mínimos de html
  • Adobe Edge Reflow
  • Adobe Muse
  • Adobe Edge Animate
  • Dreamweaver CS6 en adelante
  • Ganas de aprender
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.

Who is the target audience?
  • Diseñadores
  • Freelances
  • Desarrolladores jr
  • Apasionados por las nuevas tecnologías y nuevos conocimientos
Students Who Viewed This Course Also Viewed
Curriculum For This Course
129 Lectures
09:44:09
+
Introducción al curso
1 Lecture 00:45
+
Modulo 1: Diseño responsivo para dispositivos móviles
4 Lectures 05:53

Resumen sobre que es el metodo responsive design

Preview 01:28

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

Que es Edge Reflow
01:16

Como descargar edge reflow
2 pages

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

Interfaz de edge reflow
03:09
+
Diseño
11 Lectures 01:01:24

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

El sistema de retículas
02:54

Vamos a ver como funciona los diseños alternativos

Diseños alternativos
03:14

Como configurar las opciones de diseño y de reticula

Opciones de diseño y retícula
04:55

Como posicionar elementos en el canvas de reflow

Posicionamiento de elementos
03:51

Como usar la herramienta texto

Textos
08:13

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

Imágenes
06:00

Como crear elementos contenedores en reflow

Contenedores
03:30

Vamos a ver las opciones de alineamientos de contenedores

Alineación de elementos
03:04

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

Practica 1 - adaptar el diseño de una página de ordenador
11:47

Vamos adaptar el diseño ahora para la propuesta tablet

Practica 1 - adaptar el diseño de una página de tablet
07:38

Vamos adaptar el diseño ahora para la propuesta smartphone

Practica 1 - adaptar el diseño de una página de smartphone
06:18
+
Utilización
2 Lectures 04:34

Vamos a realizar testeos de nuestro proyecto

Test de diseño adaptable
01:21

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

Generar CSS
03:13
+
Módulo 2: Animaciones interactivas con html5
3 Lectures 06:38

Porque utilizar HTML5

Preview 02:17

Vamos a ver como descargar adobe edge animate

Descarga Edge anímate
00:56

Vamos a dar un recorrido por la interfaz de edge animate

Interfaz de usuario de edge animate
03:25
+
Animación básica
8 Lectures 39:17

Como configurar las propiedades del escenario

Propiedades de escenario
03:23

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

Medidas relativas y medidas absolutas
03:47

Como importar graficos en el escenario de animate

Importación de gráficos
01:36

Como utilizar el panel de propiedades css

Panel de propiedades css
04:57

Como utilizar el panel de elementos

Panel de elementos
04:05

Como hacer transiciones animadas

Transiciones animadas
08:26

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

Efectos de aceleración
06:01

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

Practica 1 - pelota rebotando
07:02
+
Animación avanzada
5 Lectures 25:06

Veremos la utilidad de la herramienta pin

Herramienta pin
03:07

Como usar los desplazamientos del pivote

Desplazamiento de pivote
06:56

Veremos en este video como realizar trayectorias de animación

Trayectorias de animación
06:35

Vamos aprender como realizar filtros css avanzados

Filtros css avanzados
04:24

Vamos a ver la tecnica de las mascaras de recorte

Animación de máscaras de recorte
04:04
+
Herramienta texto
4 Lectures 11:10

Vamos a ver como utilizar y configurar la herramienta texto

La herramienta texto
02:49

Vamos a ver como animar las propiedades del texto

Animación de propiedades del texto
03:08

Vamos aprender como incorporar fuentes personalizadas

Edge web fonts
02:47

Como incorporar fuentes personalizadas con google web fonts

Google web fonts
02:26
+
Interactividad básica
3 Lectures 10:51

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

Activadores de fotogramas
03:31

Vamos aprender a crear botones simples con animate

Creación de botones simples
05:04

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

Acciones disponibles
02:16
+
Interactividad avanzada
3 Lectures 14:53

Vamos a ver los simbolos animados en animate

Símbolos animados
04:23

Vamos a controlar los simbolos con activadores

Control de símbolos con activadores
04:29

Vamos aprender a controlar los simbolos con botones

Control de símbolos con botones
06:01
16 More Sections
About the Instructor
Klinsmann Fabian
4.0 Average rating
746 Reviews
6,434 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.