Creando Sitio web desde cero (DE PSD a HTML5, Bootstrap 4)

Desarrollo de sitio web desde cero, (( de PSD a HTML5 con Boostrap4, y el Extract de Brackets )
3.5 (3 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.
25 students enrolled
$19
$70
73% off
Take This Course
  • Lectures 42
  • Length 9 hours
  • Skill Level Intermediate Level
  • 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 5/2016 Spanish

Course Description

Pasaremos un archivo PSD a HTML5 utilizando el editor Brackets y su poderoso componente Extract para agilizar el trabajo y el tiempo de entrega.

Requisitos para seguir el curso a la perfección:

Tener un amplio conocimiento del lenguaje de marcado html5, saber como aplicar estilos, con los diferentes selectores de CSS, conocer la sintaxis básica de Javascript, y saber como utilizar la librería de jQuery, todo esto de un 40 a 60% del conocimiento.

En caso de no tener noción o conocimiento por debajo del 20% de estos lenguajes.

Te invito a que mires, analices y te inscribas en mi otro curso, el cual detallo paso a paso, los múltiples de lenguajes de programación como Html5, Css3, Javascript, jQuery, PHP, MySQL, WORDPRESS, donde crearemos plataformas con PHP, MySQL, jQuery, con diferentes tipos de roles, les dejo el enlace para que lo vean y puedan mirar el itinerario, más de 370 clases y 91 horas de puro conocimiento y ejercicios. también tiene incluido este curso de PSD a html5 con bootstrap 4.

Enlace del curso: Visita mi perfil, y allí encontraras el curso llamado "Desarrollo web desde cero paso a paso".

Así que te invito a que te analices y mires que curso es el que necesitas. para tu proceso de aprendizaje y desarrollo en este grandioso mundo de la programación.

Te espero!

What are the requirements?

  • Tener conocimiento del lenguaje de marcado HTML5
  • Saber como aplicar estilos, con los diferentes selectores de CSS
  • Conocer la sintaxis básica de Javascript
  • Saber como utilizar la librería jQuery de Javascript
  • Tener conocimiento del 40 a 60% de lo anterior
  • En caso de no tener noción ni conocimiento alguno, por favor visita mi perfil y allí encontrarás otro curso de desarrollo web desde cero, donde verás el paso a paso de cada lenguaje, incluyendo entre sus módulos este curso.

What am I going to get from this course?

  • Aprenderás a desarrollar un sitio web desde cero utilizando una poderosa herramienta ( Extract de Brackets )
  • Aprenderás a utilizar el Framework Bootstrap 4
  • A como organizar tus archivos
  • A como utilizar el editor de Brackets y Extract para pasar un archivo PSD a HTML5 con gran velocidad, agilizando nuestro tiempo de entrega

What is the target audience?

  • A personas con un nivel intermedio en el mundo de la programación web
  • Desarrolladores Junior
  • Estudiantes con conocimiento en HTML5, CSS3, Javascript, jQuery
  • Cualquier edad
  • Cualquier persona sin importar su género

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

Section 1: Introducción
Introducción
Preview
03:01
¿Cuál es el editor de código que necesito?
06:49
Conociendo el Editor Brackets
Preview
13:07
Instalando Plugins en el editor Brackets
07:02
Section 2: Bootstrap 4
Introducción
03:44
Descargando archivos necesarios
03:30
¿Qué es Mobile First Web Design?
04:36
Comprendiendo las rejillas ( grid )
27:53
Estructurando utilizando container, filas y rejillas
24:58
Ocultando columnas dependiendo del dispositivo
17:20
Tipografía
07:21
Imágenes
08:17
Buttons
11:53
Forms
10:59
Tablas
10:12
Componentes ( Tabs, dropdowns, alerts )
23:32
Componentes parte 2 ( navbar, breadcrumb, etc )
16:32
Ventana Modal con video de youtube, imagenes e información
17:24
Scrollspy ( Seguimiento al menú navbar )
05:30
Tooltips
08:15
Popover con imágenes y vídeos de youtube
16:20
Collapse ( Acordeón )
10:04
Carousel
11:10
Section 3: Preparando archivos y demás
Analizando el PSD a utilizar
01:47
Archivos Base y Configurando Extract de Brackets
08:04
Extract Brackets PSD
09:59
Section 4: Empezando a codificar. Manos a la obra!
Header
22:17
Cuerpo parte 1
18:31
Cuerpo parte 2
15:31
Parte central 1
19:57
Parte central 2
17:11
Zona team
18:32
Zona contácto
20:30
Formulario
17:43
Footer
05:56
Corrigiendo perspectiva del responsive
23:18
Corriendo menú para el responsive
05:45
Animando el Scroll y añadiendo Scrollspy
15:26
Añadiendo deslizador de Imágenes ( Slider header )
20:11
Reparando animación Scroll menú
07:28
Agregando ScrollTop animado
11:12
Animando revelamiento de los elementos
17:41

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Gilbert Rodríguez, Desarrollador Web / Diseñador Gráfico

Soy un Desarrollador Web Master, tengo 26 años y 5 años de experiencia laborando como Desarrollador web y Diseñador Gráfico, me gusta mucho todo lo que tenga que ver con tecnología, actualmente trabajo para una Agencia de Publicidad y Desarrollo web / Apps.

Estoy constantemente actualizando mis conocimientos con el fin de estar siempre a la vanguardia tecnológica.

Ready to start learning?
Take This Course