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+ Microsoft AZ-900
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 Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business 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
Development Web Development Responsive Design

Build Responsive Website Using HTML5, CSS3, JS And Bootstrap

Learn HTML5, CSS3, JavaScript, jQuery and Bootstrap framework by building a modern looking responsive website.
Rating: 4.3 out of 54.3 (3,402 ratings)
98,261 students
Created by Irfan Dayan
Last updated 10/2019
English
English [Auto], Italian [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • At the end of this course, You will have a great skills set like HTML5, CSS3, JavaScript, JQuery and Bootstrap Framwork.
  • You will learn about web design guidelines which you can apply to real world web projects.
  • You will see, the complete web development process from start to finish project.
  • You will be able to build modern looking website which will look great on all the small & wide screens.
  • You will learn about media queries and will be able to make website perfect for responsive design.
  • You will get complete code for real responsive website

Course content

13 sections • 75 lectures • 7h 55m total length

  • Preview02:37
  • Preview00:02
  • IMPORTANT NOTES!
    00:39
  • Download Resources File
    00:02

  • What is Web Design?
    02:08
  • What is Wireframing?
    04:54
  • What is UI & UX?
    01:48
  • Web Typogrphy
    06:51
  • Web Colors
    04:46
  • Icons for Web
    02:07
  • Images for Web
    03:08
  • Whitespacing for Web Design
    03:47
  • Getting Inspiration for Web Design
    02:04
  • Web Design Quiz
    7 questions
  • Conclusion To Web Design Guidelines
    00:42

  • Choosing Code Editor
    02:33
  • What Is HTML?
    02:02
  • Basic HTML Structure
    01:12
  • Coding Small Business Page With HTML5
    11:37
  • Download Code
    00:02
  • HTML Quiz
    4 questions
  • Conclusion To Getting Started With HTML
    00:29

  • Google Chrome Developer Tools
    02:01
  • What is CSS?
    02:56
  • CSS Box Model
    03:33
  • Class & ID Selectors
    01:15
  • Add CSS To Small Business Page
    21:03
  • Download Code
    00:02
  • CSS Quiz
    6 questions
  • Conclusion To Styling With CSS
    00:40

  • Basic JavaScript
    01:47
  • Getting Sarted With JQuery
    03:40
  • Download Code
    00:01
  • JavaScript & JQuery Quiz
    2 questions
  • Conclusion to Working With JavaScript & jQuery
    00:14

  • Bootstrap Framework Version
    02:40
  • What Is Bootstrap Framework?
    02:57
  • Bootstrap Grid System
    03:02
  • Add Bootstrap Framework To Small Business Page
    11:10
  • Download Code
    00:01
  • Bootstrap Framework Quiz
    2 questions
  • Conclusion To Bootstrap Responsive Framework
    00:20

  • Preview03:11
  • Important Note Before You Go Ahead
    00:20
  • Setting Up Project Folder
    14:28
  • Preview12:40
  • Preview18:52
  • Building About Us - Part 01
    13:39
  • Building About Us - Part 02
    17:40
  • Building Testimonials - Part 01
    10:22
  • Building Testimonials - Part 02
    11:48
  • Building Features - Part 01
    13:18
  • Building Features - Part 02
    16:25
  • Building Purchase Now - Part 01
    04:00
  • Building Purchase Now - Part 02
    06:56
  • Building Screens
    05:30
  • Building Counter - Part 01
    05:40
  • Building Counter - Part 02
    08:49
  • Building Download Now - Part 01
    10:11
  • Building Download Now - Part 02
    14:21
  • Building Contact Us - Part 01
    12:29
  • Building Contact Us - Part 02
    14:56
  • Building Footer
    10:50

  • Building Navigation - Part 01
    18:07
  • Building Navigation - Part 02
    14:23
  • Building Navigation - Part 03
    14:54
  • Add Auto Padding To Header
    05:21
  • Add Slider To Screens
    15:38
  • Add Counters
    06:32
  • Add Animation - Part 01
    08:50
  • Add Animation - Part 02
    14:29

  • Media Queries & Making Website Perfect For Responsive Layout
    23:46

  • Markup Validation
    01:45
  • Images Optimization
    04:16
  • Add Basic SEO
    02:36
  • Cross Browser Testing
    04:48

Requirements

  • A Text Editor

Description

*** Over 95,000+ Students Are Already Taking This course ***

*** BEST REVIEWED course on Udemy ***

Are looking to learn Web Design & Web Development Skills? Then this is the RIGHT course For you! The very first things you need to learn HTML5, CSS3, JavaScript and JQuery to become a Web Developer and off-course some Web Design Guidelines.  This course will exactly teach you all these New Skills to become a good Web Developer. This course also teach how to use Bootstrap Framework which is the most Popular Responsive Framework on the internet. In this course, you will also learn Web Design Guidelines, which you can apply to Real World Websites. 

This course will first give basic understanding of HTML5, CSS3, JavaScript, JQuery and Bootstrap Framework then by combining all these skills, you will  Build a Modern Looking Responsive Website which will look Great on all the Small and Wide Screens. 

Student's Reviews:

  • Excellent, excellent course! You can follow through the whole process of modern website creation! From wireframing and user experience design, through important technologies (like HTML5, CSS3, Bootstrap, Javascript, jQuery) to some SEO, you will learn a lot! I enrolled into this course, because I already knew some HTML and CSS, but have never put together a whole site. I've got practical advice and the guidance I was looking for. Thanks! - Peter

  • Almost Perfect explanation about html css js and boostrap and responsive design with different layouts am enjoying this course and waiting for more courses!!  Thank you Author - Imran Sufi

Enroll now and I'll see you inside the classroom!

Who this course is for:

  • This course is for anyone who want to learn web design and web development skills. This course will teach you some web design guideline and you will learn HTML5, CSS3, JS, jQuery & Bootstrap at ground level.

Instructor

Irfan Dayan
Senior Web Developer, HTML5, CSS3 and JavaScript Expert
Irfan Dayan
  • 4.4 Instructor Rating
  • 8,356 Reviews
  • 171,475 Students
  • 5 Courses

Hi, 

I'm senior web developer working in development field for last 8 years and with great passion for online teaching. I've worked on hundred of web projects for my happy clients, I mean 'HAPPY' clients :)

Teaching online is great way to spread knowledge in this modern world, therefore I'm here to teach you best of my web development skills. 

Waiting for something or someone? I think, you must not :) Sign up today and join me to take you on some awesome journey! The journey of learning GREAT skills for web development!

 


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