Desarrollo web estructurado
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.
7 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo web estructurado to your Wishlist.

Add to Wishlist

Desarrollo web estructurado

Aprende a desarrollar sitios web en HTML5
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.
7 students enrolled
Created by Klinsmann Fabian
Last updated 11/2013
Spanish
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • desarrollar un proyecto completo en html5
  • manejar sublime text a un modo profesional
View Curriculum
Requirements
  • editor de codigo
  • conocimientos básicos de photoshop
  • conocimientos mínimos de html y css
Description

En este curso aprenderás a desarrollar un sitio web comercial usando tecnologias HTML5 y CSS3.

-Veras como estructurar una plantilla PSD de photoshop.

-Como recortar, optimizar y exportar las imágenes del PSD para que no sean pesadas para la web.

-Como tunear tu editor de código para que se vuelva tu compañero de trabajo.

-Como crear y editar plugins para tu editor.

-Como usar el plugin emmet para crear mas rápidos fragmetos de códigos

-Trucos y atajos de teclado a la hora de codear

-y mucho mas

Aprende a dominar las tecnologías que hoy se están ocupando en tus proyectos web.

Who is the target audience?
  • personas que quieren ser front-end
  • maquetadores web jr
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 20 Lectures Collapse All 20 Lectures 02:11:33
+
Maquetación web estructurada
20 Lectures 02:11:33

Presentación de lo que vamos a lograr en este modulo "Maquetación Estructurada"

Preview 01:10

Vamos a empezar a crear una planificacion del proyecto a realizar.

Preview 03:48

En este video veremos las caracteristicas de este excelente editor de codigo.

Preview 01:25

Vamos a personalizar el editor sublime text para adaptarlo mas a nuestras necesidades.

Preview 07:52

Vamos aprender a crear un snippet que nos ayudara a optimizar el tiempo en que hacemos codigo en nuestros proyectos.

Como crear un snippet en sublime text
09:05

Vamos a instalar el control de paquetes que nos permite instalar multiples paquetes muy utiles para nosotros como desarrolladores.

Instalando package control
02:22

Vamos a instalar el plugin emmet, veras que este complemento instalado en tu editor te sera de gran ayuda en tu carrera como maquetador.

Instalando plugin emmet para sublime text
02:15

En este video vamos a ver como es la sintaxis de este framework para html5

Como usar emmet (sintaxis)
07:01

Emmet tambien tiene accesos rapidos para crear codigos html

Como usar emmet (html)
03:34

Ahora veremos como crear codigo facil en css con emmet.

Como usar emmet (css)
05:34

Vamos a ver algunos atajos de teclados y trucos bien utiles en el editor sublime text.

Trucos y atajos de teclados en sublime text
05:13

En este vídeo vamos a empezar a desarrollar un sitio de manera completa y en esta primera parte vamos aprender a seccionar una plantilla PSD.

Presentación de la plantilla PSD - Secciones parte 1
06:55

Vamos a continuar creando secciones de la plantilla PSD.

Presentación de la plantilla PSD - Secciones parte 2
03:42

Vamos a continuar creando secciones de la plantilla PSD.

Presentación de la plantilla PSD - Secciones parte 3
03:24

En este vídeo veremos como recortar y exportar imágenes del PSD con el método que personalmente ocupo que es con la herramienta marco rectangular.

Cortes/Slides (método marco rectangular)
14:07

En este vídeo veremos como recortar y exportar imágenes del PSD con el método de la herramienta sectores.

Cortes/Slides (método sectores)
06:14

Vamos a poner manos al codigo creando la estructura de la cabecera del sitio.

Estructura HTML5 (cabecera)
09:01

Vamos a seguir estructurando ahora con el contenido y el pie de pagina.

Estructura HTML5 (contenido y pie)
10:49

Vamos a empezar a darle estilos CSS a la cabecera.

Estilos CSS (cabecera)
14:51

Seguimos dando estilos CSS ahora al contenido y pie de pagina.

Estilos CSS (contenido y pie)
13:11
About the Instructor
Klinsmann Fabian
4.1 Average rating
683 Reviews
6,256 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.