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 Mindfulness Personal Development Personal Transformation Life Purpose Meditation 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++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 2.5 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Bootstrap

Build a Responsive Portfolio Website with HTML5 and CSS3

The practical way to learn modern web design, HTML5, CSS3 and Bootstrap4 step-by-step from scratch.
Rating: 3.5 out of 53.5 (51 ratings)
9,410 students
Created by Eric Tang, Hashcademy Learning Platform
Last updated 2/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Basic concept of website development
  • Basic understanding of HTML5 and CSS3
  • Basic understanding of Bootstrap4 Framework.
  • Basic understanding of Isotope Filter Function
  • Start learning new stuff by going through the official documentation
  • Basic steps to initiate git and deploy to Heroku

Course content

3 sections • 17 lectures • 2h 36m total length

  • Preview03:45
  • Preview11:10

  • Introduction to the Bootstrap Framework
    09:32
  • Build navigation bar - part 1 - Modify the framework by overriding class
    17:30
  • Build navigation bar - part 2 - Font-awesome and create a new class
    10:36
  • Preview12:47
  • Build the main area - Revision of how to add image and grid
    06:46
  • Build the mouse-over effect by CSS - Add Opacity and Hover
    06:17
  • Add CSS3 animation to the mouse-over effect
    04:07
  • Lesson Summary
    11:53

  • Build portfolio listing page - use Isotope Javascript library to build filter
    10:39
  • Build portfolio detail page - add breadcrumb
    09:25
  • Build team page - overriding body class and introduction to flex
    13:10
  • Build contact page - introduction to form and adopts formspree
    12:48
  • Install Git and deploy to Heroku
    16:01
  • Extra: Check the final codes on Github
    00:01
  • Extra: Image Credit
    00:11

Requirements

  • No development experience is required. Mac computer is recommended.
  • You will start learning from the basics. All you need to get started is a Visual Studio Code & Chrome Browser.
  • Willing to google answers or reach out to your instructor if you face any problem

Description

Here is exactly what we cover in this course:

• Easy-to-follow and hands-on web development with HTML5 and CSS3

• Ready-to-go Bootstrap4 framework to speed up the website development

• Leverage Isotope Javascript library to build a fancy filter animation for your portfolios

• How to search and use images, fonts and icons to make your website beautiful— all for free

• First steps for responsive web design: learn how to create websites that work beautifully on all screen sizes

• How to leverage Formspree to build form without server-side development — all for free

• How to initialize a new git and deploy to Heroku — all for free

• Learn to build websites that can show to your friend

Who this course is for:

  • People who eager to learn website development

Instructors

Eric Tang
Co-founder of Hashcademy
Eric Tang
  • 3.2 Instructor Rating
  • 99 Reviews
  • 15,582 Students
  • 2 Courses

Eric Tang is currently the co-founder of Hashcademy and has over more than ten years of entrepreneurial experience in Greater China and was formerly the CEO and a prominent Hong Kong-based technology startup with 60+ developers. In his entrepreneur experience, he raised USD3 million dollars for the previous startups. He is also a self-taught developer and blockchain enthusiast. His vision is to teach people building the dream product.

Hashcademy Learning Platform
Career Learning | Technology | Entrepreneurship | Skills
Hashcademy Learning Platform
  • 4.0 Instructor Rating
  • 2,484 Reviews
  • 121,277 Students
  • 7 Courses

We are a group of individuals who came together with a vision to make something people really want.  Our mission is to up-skill individuals for career advancement in emerging and high impact sectors such technology, entrepreneurship and professional services. We focus on providing accessible, easy-to-understand online learning combined with personalised seminars and coaching tailored for specific needs.


  • 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.