Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 9 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Bootstrap

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 )
Rating: 3.9 out of 53.9 (21 ratings)
84 students
Created by Gilbert Rodríguez
Last updated 5/2016
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • 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

Course content

4 sections • 42 lectures • 9h 6m total length

  • Preview03:01
  • ¿Cuál es el editor de código que necesito?
    06:49
  • Preview13:07
  • Instalando Plugins en el editor Brackets
    07:02

  • 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

  • Analizando el PSD a utilizar
    01:47
  • Archivos Base y Configurando Extract de Brackets
    08:04
  • Extract Brackets PSD
    09:59

  • 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

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.

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!

Who this course is for:

  • 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

Instructor

Gilbert Rodríguez
Desarrollador Web / Diseñador Gráfico
Gilbert Rodríguez
  • 4.4 Instructor Rating
  • 1,847 Reviews
  • 7,670 Students
  • 7 Courses

Soy un Desarrollador Web Master, tengo 28 años y 6 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 desde casa emprendiendo mis propios proyectos.

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

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.