Desarrollo Web Profesional
Conviértete en un profesional en el desarrollo web, y aplica las técnicas que se ocupan en la vida d
Descripción del curso

¿Quieres convertirte en un Front-End Profesional? ¿Te gustaria aprender las nuevas tecnologías que se están utilizando en el desarrollo web?


Entonces este curso es para ti....


En este curso no solo aprenderas las bases del desarrollo web, si no que seras todo un profesional para que puedas aplicar estos conocimientos en empresas y porque no, para tu propio emprendimiento en el mundo web.

Categorias Categoría: Tecnología

Tags Etiquetas: DiseñoWeb, desarrolloweb, web

  • Tema 1.- Bases de la maquetación
  •  
    Lección 1.- Introducción al curso
    0:37
  • Gratis
    Lección 2.- Estructura de un sitio web
    3:33
  • Gratis
    Lección 3.- Estructura de un sitio para maquetadores
    1:45
  • Gratis
    Lección 4.- Divs y Secciones
    2:32
  •  
    Lección 5.- Manual básico de html
  •  
    Lección 6.- Manual básico de css
  • Gratis
    Lección 7.- Practica 1: Maquetación a una columna
    10:49
  • Gratis
    Lección 8.- Practica 2: Maquetación a dos columnas
    24:29
  • Gratis
    Lección 9.- Practica 3: Maquetación completa - Cabecera
    11:34
  • Gratis
    Lección 10.- Practica 3: Maquetación completa - Contenido
    7:56
  • Gratis
    Lección 11.- Practica 3: Maquetación completa - Pie
    5:40
  •  
    Lección 12.- Practica 3: Maquetación completa - CSS I
    9:35
  •  
    Lección 13.- Practica 3: Maquetación completa - CSS II
    9:36
  •  
    Lección 14.- Practica 3: Maquetación completa - CSS III
    13:24
  • Tema 2.- Maquetación web estructurada
  • Gratis
    Lección 15.- Que vamos a lograr
    1:11
  •  
    Lección 16.- Planificación del proyecto
    3:48
  •  
    Lección 17.- Sublime Text 3
    1:26
  •  
    Lección 18.- Personalizar sublime text
    7:52
  •  
    Lección 19.- Como crear un snippet en sublime text
    9:05
  •  
    Lección 20.- Instalando package control
    2:23
  •  
    Lección 21.- Instalando plugin emmet para sublime text
    2:15
  •  
    Lección 22.- Como usar emmet (sintaxis)
    7:01
  •  
    Lección 23.- Como usar emmet (html)
    3:34
  •  
    Lección 24.- Como usar emmet (css)
    5:34
  •  
    Lección 25.- Trucos y atajos de teclados en sublime text
    5:13
  •  
    Lección 26.- Presentación de la plantilla PSD - Secciones parte
    6:56
  •  
    Lección 27.- Presentación de la plantilla PSD - Secciones 2
    3:42
  •  
    Lección 28.- Presentación de la plantilla PSD - Secciones 3
    3:24
  •  
    Lección 29.- Cortes/Slides (método marco rectangular)
    14:07
  •  
    Lección 30.- Cortes/Slides (método sectores)
    6:14
  •  
    Lección 31.- Estructura HTML5 (cabecera)
    9:01
  •  
    Lección 32.- Estructura HTML5 (contenido y pie)
    10:49
  •  
    Lección 33.- Estilos CSS (cabecera)
    14:51
  •  
    Lección 34.- Estilos CSS (contenido y pie)
    13:11
  • Tema 3.- jQuery
  • Gratis
    Lección 35.- ¿Que es jQuery?
    1:38
  •  
    Lección 36.- Descarga de jQuery
    1:42
  •  
    Lección 37.- Vinculación de jQuery
    1:15
  •  
    Lección 38.- Importación de jQuery
    1:17
  •  
    Lección 39.- Selección por ID
    5:05
  •  
    Lección 40.- Varias propiedades CSS
    1:53
  •  
    Lección 41.- Selección por clase
    4:39
  •  
    Lección 42.- Cambio de propiedades por etiqueta
    3:10
  •  
    Lección 43.- Selección por atributo
    3:46
  •  
    Lección 44.- Selecciones multiples
    4:10
  •  
    Lección 45.- Añadir y quitar clases
    7:42
  •  
    Lección 46.- Añadir html
    3:07
  •  
    Lección 47.- MouseOver y MouseOut
    3:55
  •  
    Lección 48.- Hover
    1:14
  •  
    Lección 49.- Mousemove
    3:14
  •  
    Lección 50.- MouseUp y MouseDown
    3:35
  •  
    Lección 51.- Focus
    3:47
  •  
    Lección 52.- Blur
    2:09
  •  
    Lección 53.- Hide y show
    5:09
  •  
    Lección 54.- Fade in y fade out
    1:09
  •  
    Lección 55.- Fade to
    1:54
  •  
    Lección 56.- Toggle
    1:41
  •  
    Lección 57.- Slide
    2:28
  •  
    Lección 58.- Animate
    4:45
  • Tema 4.- jQuery UI
  • Gratis
    Lección 59.- ¿Que es jQuery UI?
    0:47
  •  
    Lección 60.- Descargando jQuery UI
    0:27
  •  
    Lección 61.- Personalizar jQuery UI
    1:23
  •  
    Lección 62.- Preparación de archivos
    0:46
  •  
    Lección 63.- Draggable
    4:35
  •  
    Lección 64.- Droppable
    4:45
  •  
    Lección 65.- Resizable
    2:01
  •  
    Lección 66.- Selectable
    3:02
  •  
    Lección 67.- Sortable
    0:50
  •  
    Lección 68.- Acordeon
    1:32
  •  
    Lección 69.- Autocomplete
    2:44
  •  
    Lección 70.- Botones
    1:36
  •  
    Lección 71.- Calendar
    1:35
  •  
    Lección 72.- Dialog
    1:18
  •  
    Lección 73.- Progress bar
    1:28
  •  
    Lección 74.- Slider
    0:55
  •  
    Lección 75.- Tabs
    2:40
  • Tema 5.- Framework 960 Grid System
  • Gratis
    Lección 76.- ¿Qué es un framework de css?
    1:15
  •  
    Lección 77.- ¿Framework si o no?
    2:38
  •  
    Lección 78.- Frameworks existentes
    1:01
  •  
    Lección 79.- ¿Qué es 960 grid system?
    4:08
  •  
    Lección 80.- Fundamentos de 960 GS I
    1:40
  •  
    Lección 81.- Fundamentos de 960 GS II
    0:55
  •  
    Lección 82.- Versión 960 grid fluid
    1:36
  •  
    Lección 83.- Flujo de trabajo con 960GS
    3:07
  •  
    Lección 84.- Manejo del framework 960GS basico
    3:31
  •  
    Lección 85.- Presentación de la plantilla - secciones
    11:26
  •  
    Lección 86.- Cortes/Slides de la plantilla
    7:12
  •  
    Lección 87.- Cortes/Slides de la plantilla II
    7:49
  •  
    Lección 88.- Estructura HTML5 (cabecera)
    9:58
  •  
    Lección 89.- Estructura HTML5 (contenido)
    4:15
  •  
    Lección 90.- Estructura HTML5 (pie)
    7:04
  •  
    Lección 91.- Estilos CSS I
    9:30
  •  
    Lección 92.- Estilos CSS II
    10:22
  •  
    Lección 93.- Estilos CSS III
    8:59
  • Tema 6.- Bootstrap
  • Gratis
    Lección 94.- Que es bootstrap
    1:38
  •  
    Lección 95.- Columnas
    4:11
  •  
    Lección 96.- Columnas anidadas
    1:51
  •  
    Lección 97.- Columnas adaptables
    1:45
  •  
    Lección 98.- Columnas adaptables anidades
    2:27
  •  
    Lección 99.- Plantilla fija
    1:32
  •  
    Lección 100.- Tipografia
    1:59
  •  
    Lección 101.- Tablas
    5:17
  •  
    Lección 102.- Formularios I
    7:47
  •  
    Lección 103.- Formularios II
    4:34
  •  
    Lección 104.- Botones, imágenes e iconos
    9:29
  •  
    Lección 105.- Botones
    2:28
  •  
    Lección 106.- Navegacion tabs y pills
    4:13
  •  
    Lección 107.- Paginación y breadcrumbs
    5:38
  •  
    Lección 108.- Etiquetas, insignias y thumbnails
    7:17
  •  
    Lección 109.- Alertas y barras de progreso
    8:37
  • Tema 7.- Responsive design
  • Gratis
    Lección 110.- ¿Que es responsive design?
    1:17
  •  
    Lección 111.- Media queries en bloque
    6:05
  •  
    Lección 112.- Media queries externos
    4:21
  •  
    Lección 113.- Proyecto final - HTML5
    8:31
  •  
    Lección 114.- Proyecto final - Estilos CSS
    5:39
  •  
    Lección 115.- Proyecto final - Estilos CSS (monitor)
    13:45
  •  
    Lección 116.- Proyecto final - estilos CSS (tablet)
    9:37
  •  
    Lección 117.- Proyecto final - estilos CSS (movil)
    8:31
 
¿Tienes un cupón de descuento?

vídeos117 vídeos. 2 fichero/s adjunto/s

tiempoMás de 9 horas de contenido

accesoAcceso 24 horas al día, 365 días al año

Foto profesor
 
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. Para ver mi porfatolio favor de visitar http://github.com/Klinsmann

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, para saber mas sobre ello visita: http://youtube.com/user/ArtDesignerInc

Te invito que visites mi blog 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.

 
Síguele en:
 
vídeo
Para ver el contenido de esta lección, primero debes de matricularte en el curso.
 
 
Cerrar Cookies en cursopedia.com

Al utilizar nuestro sitio web, consiente nuestro uso de cookies de acuerdo con nuestra política de cookies.

Más información.

Iniciar sesión

loginTwitter loginTwitter
 
RegistroSi todavía no tienes cuenta en Cursopedia.com ¡regístrate aquí!.
 

Registro en Cursopedia

loginTwitter loginTwitter
 
RegistroSi ya tienes cuenta en Cursopedia.com inicia sesión aquí.
Al registrarte aceptas nuestros Términos de Uso. Con tu registro podrás matricularte en todos los cursos de nuestra plataforma e intercambiar opiniones con los profesores y el resto de compañeros de clase.
 
 

 

Mensaje al profesor

 

 

Cuerpo de la noticia: