Desarrollo Web - Un Proyecto Completo
4.4 (21 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.
104 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo Web - Un Proyecto Completo to your Wishlist.

Add to Wishlist

Desarrollo Web - Un Proyecto Completo

Aprende diseño de páginas web, de lo básico a avanzado, aprende HTML5 y CSS3 plenamente con mucho JavaScript.
4.4 (21 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.
104 students enrolled
Last updated 5/2017
Spanish
Curiosity Sale
Current price: $10 Original price: $75 Discount: 87% off
30-Day Money-Back Guarantee
Includes:
  • 8 hours on-demand video
  • 2 Articles
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Crea sítios increibles con HTML5 y CSS3 en un curso completo con dos especialistas en el tema. Con más de 75 clases aprenderás desde lo básico hasta un nivel avanzado creando un sitio que funciona bien en smartphone, tablet y en Desktop.
  • Con más de 8 horas de grabación en estúdio profesional, con una excelente calidad de áudio, una didáctica impresionante con ilustraciones, animaciones y videos de apoyo.
  • Aprende a crear un sitio responsivo temático, y un carrito de compras completo de una tienda virtual con cálculo de flete utilizando web services, Angular.js y un poco de PHP con lim Framework, MySQL com Stored Procedures. Iremos desde lo básico hasta un nivel avanzado en un proyecto real paso a paso.
View Curriculum
Requirements
  • Tener una buena familiaridad con Internet
Description

¿Estas buscando mejorar tus ingresos como programador Web? O tal vez ¿Buscas una Carrera que te ofrezca mas flexibilidad y tiempo libre? ¿Siempre has tenido curiosidad en aprender de una forma sencilla y eficaz al desarrollar desde el comienzo tu website?

Cualquiera que sea tu motivación, viniste al lugar cierto.

Este Curso Completo de desarrollador Web te proporcionará en un solo lugar todo lo que necesitas saber para crear tu próprio website. El personal de instructores de Hcode estará disponible para responder tus dudas en hasta 24 horas.

En este curso abordaremos en más de 12 horas de contenido los siguientes asuntos (Estaremos agregando más aulas cada cierto tiempo):

1)  Aprende en un curso completo de HTML5, CSS3 y JavaScript con los comandos mas importantes. 2) Crea un sitio completo y responsivo que se adapta en Tablet, Smartphone y en pantallas grandes.3) Trabaja con imágenes, audio, video y descusbre las mejores prácticas de desarrollo. 4) Aprende a crear un carrito de compras completo con cálculo de flete para una tienda virtual, utilizando PHP y MySQL.

Al termino de este curso tu estarás apto a crear sitios modernos y responsivos, tendrás un diferencial en el mercado de trabajo e inclusive podrás iniciar una nueva Carrera como desarrollador web.

¡El acceso es vitalício!  Te espero en el curso.

Who is the target audience?
  • Este curso de HTML5 y CSS3 está orientado para princiantes en desarrollo web, que tal vez nunca desarrollaron un sitio, pero que quieren conquistar su formación profesional en el área de desarrollo web.
  • Recomendado también para estudiantes de Tecnología de la Información, o que desean formarse como programadores Web.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
39 Lectures
07:53:07
+
Estructurando el Ambiente
3 Lectures 27:52
  • Aula de bien venida, entenderás como este curso es completo y Porque debes hacerlo hasta el final.
Preview 05:28

  • Aprenderás un poco de la historia de como se hacian los sitios
  • Aprenderás sobre Web Designer e Web Master
  • Podrás aprender algunas sugerencias para memorizar
Sobre la Profesión Front-End y Back-End
10:45

  • Verás las Herramientas necesárias para un Front-End Developer
  • Aprenderás sobre Navegadores
  • Sabrás quales son los tipos de editores de código
Navegador e Instalación de Sublime Text
11:39

En este examen será evaluado sobre profesion Front-End y Back-End

Estructurando el ambiente
1 question
+
Aprendiendo sobre Core de HTML5, CSS3, Javascript y Bootstrap
12 Lectures 02:42:00

Podrás bajar el archivo modelo.html para que conozcas la estructura de un archivo HTML5.

  • <!doctype>
  • Elemento HTML
  • Head
  • Body
  • Elemento ancestral
  • Codificação UTF-8 para corrección de acentuación
  • Atributos
  • Cargando un archivo CSS
  • Cargando un archivo JavaScript
Preview 08:47

  • A través de una presentación de slides, aprenda de una vez por todas cuales son lo dos elementos hijos del elemento HTML y cual es la tarea de cada uno.
HTML5 Padre de Gemelos
00:01

Indentación HTML5
09:23

  • Consejos de atajos para teclas útiles
  • Creando un archivo CSS
  • Creando un archivo JavaScript
  • Semántica de HTML5
Creando el primer archivo HTML5
10:11

  • Selectores CSS
  • Colores en Hexadecimal
  • Consejos de la sección: ChromeDev Tools Styles
Estructura HTML y CSS
18:55

  • Verás Chrome Developer Tools: Console
  • Aprenderás sobre las palabras reservadas de JavaScript
Introducción a JavaScript
14:59

  • Aprenderás sobre Tag Button
  • Verás Eventos en JavaScript
  • Verás los Tipo de datos de variables en JavaScript
JavaScript con Formulário
12:16

  • Harás el Download de Bottstrap
  • Considerarás una Vision general de los archivos de Bootstrap
  • Verás Archivos con ".min"
Introducción a Bootstrap
14:35

  • Usarás la documentación de Bootstrap como catálogo de opciones.
  • Aprenderás a utilizar las clases usadas en formulários
Entendiendo sobre la Documentación de Bootstrap
18:38

  • Verás los Métodos GET y POST
  • Aprenderas a como hacer nuevos campos de formulário en HTML5 (inout date, week, time)
  • Aprenderás sobre Atributos MIN y MAX
Formulários en HTML5 - Parte 1
14:37

Verás otros tipos de formulários HTML5
Input radio e Checkbox
Atributo checked
Input range
Progress e Meter
Input search

Formulários en HTML5 - Parte 2
18:02

  • Tag select con option y optgroup
  • LandHover
  • Input month
  • Atributo autofocus
  • Atributo Tabindex
Formulários en HTML5 - Parte 3
21:36

Conocimientos sobre Core de HTML5, CSS3, Javascript y Bootstrap

Aprendiendo sobre Core de HTML
3 questions
+
Sección 3: Aprenderás a crear un site real completo.
24 Lectures 04:43:14
  • Vision general de un template de un proyecto real que será creado
  • Verás la necesidad de tener un layout hecho por un designer
  • Consejos sobre sites que vendem templates listos
Explicación sobre un proyecto
09:56

Testar el conocimiento sobre el inicio del desarrollo de una página

Explicación sobre un proyecto
4 questions

  • Aprenderás a crear un Proyecto desde el comienzo y estructurando las pastas
  • Verás como Agregar el Bootstrap y jQuery
Preview 10:57

Confirmar el conocimiento sobre la configuración de una página web.

Creando y configurando un proyecto
3 questions

  • Aprenderás sobre la Estructura de la página usando container de Bootstrap
  • Chrome DevTools Inspector de Elementos
  • CSS position relative y position absolute
Tema de Proyecto - Parte 1 - Estructura
15:46

Verificar los conocimientos  sobre la estrucura de una página.

Tema de Proyecto - Parte 1 - Estructura
2 questions

  • Verás el Concepto de sprite
  • Aprenderás a crear una lista con la tag UL y LI
Tema de Proyecto - Parte 2 - Iconos y logotipos
16:29

Veriifcar conocimiento al trabajar con Iconos y logotipos

Tema de Proyecto - Parte 2 - Iconos y logotipos
3 questions

Tema de Proyecto - Parte 3 - Menu de navegacion
13:29

Aprenderás a usar input group de Bootstrap
Consejos de como usar comentários para localizar las tags que encierran

Tema de Proyecto - Parte 4 - Busca
11:45

Verás como el Proyecto FontAwesome permite utilizar iconos en formato de fuentes.

Tambien verás como implementar el FontAwesome en un proyecto

Consejo de sección: Font Awesome icons
11:48

  • Toda tienda virtual posee un banner principal, verás como crear HTML y el CSS de nuestro banner principal.
  • Verás la propiedad Position absolute de CSS y el uso de efectos en las fuentes con text-shadow
Proyecto - Banner principal
12:11

  • En esta aula aprenderás a crear una sección de Notícias, el mismo princípio se aplicará cuando necesites crear blocos de códigos HTML y CSS que posseen un patrón.
Proyecto - Notícias
11:18

  • Aprenderás de que manera debes colocar artículos de forma destacada con la área de estadísticas. Tambien verás como crear una sección donde las estadísticas del sitio aparecem para el usuário.
Proyecto Estadísticas
07:13

Todo proyecto web moderno necesita llevar a su usuário a realizar algún tipo de acción como por ejemplo realizar un cadastro o firmar una lista de e-mail, En esta sección verás como crear un Call to Action.

Proyecto - Call to Action
12:18

Actualmente el sistema de GRIDS de Bootstrap es un modelo que es adoptado para crear prácticamente cualquier Layout líquido, esto ayuda en el design responsivo.
Aprenderás el concepto de GRIDS y verás como utilizamos columnas como referencia para el Layout.

Estudiando el Layout de Rodapié- GRID System
05:22

  • Aprenda más sobre etiqueta FOOTER de HTML5 en esta sección, y vea como comenzaremos nuestro Rodapié.
  • Crearemos un Rodapié completo y dividiremos en algunos vídeos.
Rodapié - Parte 1 - Tag Footer de HTML5 - Estructura
07:25

  • Después de explicar el concepto de GRIDS vamos colocar las manos en la masa
  • En esta aula tú verás como utilizar la clase col-md-3 y 4 para alinear el Grid System de Bootstrap con nuestro código.
Rodapié - Parte 2 - Entendiendo GRID System con Bootstrap
05:30

  • Encerramos el primer proyecto real, que fue transformar un layout que vino como imagen, en un sitio navegable con muchos recursos.
Rodapié - Parte 3 - Finalizando el Proyecto
17:54

  • Aprende a utilizar los selectores de CSS3 en jQuery
  • Podemos seleccionar cualquier parte del código con el famoso $().
  • Ve los selectores por clase y id.
Jquery Selectores
25:35

  • Crear un carrousel Slider en jQuery es una tarea simple con este plugin poderoso
  • En esta aula tu aprenderás todo sobre este plugin, y como implementarlo en tu proyecto
Utilizando plugins do jQuery
21:59

  • Vídeos son actualmente el punto principal de consumo de los usuários en la Web, YouTube, Facebook y otros grandes portales de contenido social, que exploran este recurso al máximo.
  • ¿Cómo utilizar vídeos en HTML5? En las próximas tres aulas aprende como, ya tambien las mejores prácticas para explorar todos los recursos de vídeos en tus proyectos y sitios.
Preparando el Vídeo
10:09

  • Aprenderás a utilizar el Tag vídeo de HTML5, un recurso simple y muy interesante.
Tag Vídeo de HTML5
05:46

  • Uno de los melhores recursos de HTML5 en la parte de vídeos nos da la posibilidad de crear una imagem como poster para tu vídeo.
  • Esto ayuda a crear un contenido interactivo y dinámico, Lo verás en una aula corta y muy divertida.
Atributo Poster de Tag Vídeo de HTML5 y Tag Áudio
07:11

Tag video con jQuery parte 2
10:10

Instalando XAMPP, Apache, PHP y MySQL
13:43

Vídeo con player Plyr - Parte 1
08:29

Vídeo con player Plyr - Parte 2
10:51
About the Instructor
Desarrollador Reinaldo Llanos Jofre
4.4 Average rating
21 Reviews
104 Students
1 Course
Gerente de Proyectos - Instructor de Desarrollo

Español:

Actúo en el mercado de TI por más de 17 años. Trabajé en el extranjero en empresas de comunicación, finanzas y de telecomunicaciones. Conquisté experiencia profesional en Chile y Brasil tanto en empresas Nacionales como multinacionales. Desarrollé habilidades técnicas, de lideranza y de negocio.

Fuerte actuación en el área docente, desarrollo internet, gerenciamiento de proyectos en el área de tecnología de la información (TI), implementando soluciones para data center, misión crítica y en ambientes corporativos.


Portugués:

Atuo no mercado de TI a mais de 17 anos. Trabalhei no estrangeiro em empresas de comunicação e Financeiras com tecnologias de ponta. Consolidei vivencia profissional no Chile e no Brasil em empresas Multinacionais e Nacionais desenvolvendo habilidades como Liderança, conhecimento técnico e no negocio. 

Forte atuação em gestão de projetos na área de Tecnologia da informação (TI) Gerenciamento de Projetos de Infra-estrutura de TI, implementando soluções para Data Center, missão critica e Ambientes corporativos SOA Possuo capacidade de Liderança, negociação, e forte relacionamento pessoal com foco no resultado.