Rapid Bootstrap: Fast Guide to Building Responsive Websites

Website development made fast and easy with Bootstrap
2.8 (3 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
100 students enrolled
$50
Take This Course
  • Lectures 8
  • Contents Video: 36 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2014 English

Course Description

In this course we will use the Twitter Bootstrap framework and demonstrate how you can rapidly create dynamic blog layouts and develop websites using modern web tools and techniques such as CSS preprocessors, web fonts, JavaScript, and more.

We will start with an introduction to Bootstrap and quickly move on to building the GRID layout. Here we will set up the Typeography and add Navigation to our layout.

Once we are done with the basic architecture we will add styles and take advantage of the Bootstrap Media elements to give a unique look to our website. As soon as our website is up and running, we will wrap up with a glimpse into the next steps you can take to move on to the next level with this project.

Once you complete this course you will be able to effectively use Bootstrap and create unique and responsive websites, all in just 45 minutes.

About the Author

Brock Nunn is a frontend web developer from Tulsa, Oklahoma. Brock works full time as a graphic designer at Rovi Corporation. Over the past six years, Brock has taken part in web projects big and small. Self taught, Brock has a passion for teaching others with a simple and personal approach. Brock married his wife in June of 2009. When he is not neck deep in code, Brock enjoys making great food for his family, including his puppy Sugar.

What are the requirements?

  • If you want to get a better handle on frontend website design with Bootstrap, this course is for you. A quick brush up of your HTML, CSS, and basic JavaScript skills, you will be good to go.

What am I going to get from this course?

  • Our video provides a quick hit of the Twitter Bootstrap framework and offers a simple and approachable look into the workflow of a frontend developer working on a new client site.

What is the target audience?

  • If you want to get a better handle on frontend website design with Bootstrap, this course is for you. A quick brush up of your HTML, CSS, and basic JavaScript skills, you will be good to go.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: The Setup
02:59

We will see the path to develop the final product, a bootstrap website.

06:09

We will set up LESS and the text editor so that we can get started with the code.

Section 2: The Grid
02:50

Navigate through your website easily with the help of a simple and efficient Navbar.

02:41

Setting up the custom webfonts for your Bootstrap website.

03:37

Make your website look attractive by adding a carousel or Hero Unit.

04:28

Add customized thumbnails to your website.

Section 3: The Style
04:38

Customize the Bootstrap components to give a personal touch to your website.

08:17

Add styles and effects to your browser to make it look attractive.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course