Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Make Ecommerce Website Front-End Using HTML CSS Bootstrap
Rating: 4.4 out of 5(172 ratings)
4,890 students

Make Ecommerce Website Front-End Using HTML CSS Bootstrap

Ecommerce Website Development (Front End)
Created byGreatStack by Avinash
Last updated 7/2020
English
English [Auto],

What you'll learn

  • Responsive Web Page Development
  • E-commerce Website Front Page Design
  • Product Page Front End Development
  • Product Widget Front End Development

Course content

3 sections • 34 lectures • 6h 24m total length

  • Basic HTML Tags12:35

    Master basic html tags by creating a web page with head and body, adding a title, headings, paragraphs, links, and formatting elements like small, bold, italic, br, and hr.

  • Make Form Using HTML21:38

    Learn to create a complete HTML form, using inputs (text, email, password, file), radio and checkboxes, textareas, selects with options, placeholders, required fields, and submit or reset buttons.

  • Adding List, Table and Images Using HTML10:14

    Learn to build web pages with HTML by creating unordered and ordered lists, designing tables with borders, headers and data, and adding images using the img tag and file paths.

  • Learn How To use CSS13:26

    Learn how to apply css through inline, internal, and external methods, connect external css files, and use selectors to style elements like p tags and divs with classes.

  • Basic CSS Properties42:00
  • Pseudo Class, Pseudo Element and Positions in CSS9:38

    Explore pseudo-class and pseudo-element selectors like hover, first-child, and last-child to master CSS styling. Master absolute and relative positioning, using before and after content with top, left, bottom, and right.

  • Flexbox, Transitions and Animations In CSS14:59

    Explore how to build responsive layouts with display flex, flex basis, and wrap to create columns, plus implement hover effects, transitions, and keyframe animations.

  • What is Bootstrap and How to use Bootstrap13:13

    Learn how Bootstrap simplifies web styling by using prebuilt classes for layout, buttons, and spacing, and connect Bootstrap in your project via the linked CSS, JS, and assets.

  • Keyboard Shortcuts To Write Code Faster7:49

    Learn to speed up front-end coding in brackets by installing extensions via the extension manager, using html skeletons and class/id shortcuts, duplicating lines, live preview in chrome, and beautify formatting.

Requirements

  • Basic Knowledge of HTML CSS
  • Basic Knowledge of Bootstrap

Description

Learn to create modern looking eCommerce website front end with HTML, CSS and Bootstrap. You should have basic knowledge of HTML, CSS and Bootstrap before starting this course. You will learn to create eCommerce website front page design and single product page design. You can find my project code in the course.

Who this course is for:

  • Beginner Front End Developer
  • Beginner Web Developer

Report abuse