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
$15
$50
70% off
Take This Course
  • Lectures 8
  • Length 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.

Who 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

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.



Ready to start learning?
Take This Course