Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 4 Beginners: Code a Responsive Landing Page
Rating: 4.5 out of 5(1,097 ratings)
5,283 students

Bootstrap 4 Beginners: Code a Responsive Landing Page

Learn how to code a fully responsive professional landing page in bootstrap 4, from scratch, using HTML & CSS
Created byAndy Clarke
Last updated 7/2018
English

What you'll learn

  • Learn how to develop awesome responsive landing pages
  • Code pages from scratch using HTML & CSS
  • Use advanced CSS features
  • Have a solid understanding of the bootstrap framework and its components

Course content

14 sections • 48 lectures • 3h 21m total length

  • Welcome to the course0:58

    A short introduction to the course.

  • What is bootstrap?2:42

    We have a brief overview of the bootstrap 4 and have a look at the framework.

  • What you will be creating4:41

    We have an in-depth look at the final landing page that you will be creating with HTML & CSS

  • Bootstrap components2:02

    We have a look over the bootstrap components, including the updated components in bootstrap 4.

  • Bootstrap grid system5:36

    We get to understand the famous bootstrap grid system and go though an example so you get to grips with how it all works.

  • Bootstrap media queries3:36

    We take a look at the powerful media queries that are included with bootstrap 4.

  • Quiz 1

Requirements

  • HTML Editor (e.g. Brackets, Coda, Coffee Cup, Notepad++)
  • Mac or PC
  • Understanding of HTML & CSS is ideal, however not essential

Description

Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the new bootstrap 4 framework. Ideal for students of all skill-sets, from total beginners or students that simply want to brush up on their coding skills.

Code a professional landing page and build a strong foundation in the Bootstrap 4 framework with HTML & CSS with this brand new course.

  • Fully Responsive Landing Page
  • New Bootstrap components
  • Solid Understanding of the Grid System & Media Queries
  • Apply Custom fonts
  • CSS Overlays
  • Use Font-Awesome Icons
  • Apply Animate CSS & WOW js


This course will help you create a perfect bootstrap responsive landing page for your own personal portfolio, or for your business. You will ideally have a little knowledge of HTML & CSS, however it isn't essential as I will walk you through every step of code to ensure you have the right understanding of the bootstrap framework, and the tools to further your learning after you have completed the course.

You will not only create a modern professional looking bootstrap 4 landing page, you will also take your skills further by adding animation and custom fonts to make sure your landing page stands our from the crowd. We start by understanding the basics of bootstrap, how it works and how it is implemented. We cover the famous bootstrap grid system and media queries to ensure your new page looks, and displays, correctly on all devices.

You will take the learn-by-doing approach which will help you understand all aspects of bootstrap and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure.

By the end of this course you will have hand coded a modern & professional landing page using HTML & CSS and built a solid understanding of the bootstrap framework to help you develop your own pages in the future.

Who this course is for:

  • Individuals who want to develop future-proof sites/pages
  • Individuals who want to develop awesome responsive pages
  • Anyone wanting to brush up on their coding skills
  • Bootstrap newbies

Report abuse