Project-Based Responsive Web Development with Bootstrap 3

Learn by creating a real responsive website from scratch!
2.7 (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.
132 students enrolled
$200
Take This Course
  • Lectures 21
  • Contents Video: 1.5 hours
    Other: 0 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 7/2014 English

Course Description

Used by both startups and large companies, Bootstrap is the most popular HTML, CSS and JavaScript framework for developing responsive websites

In this ZENVA online training you'll learn the basics of Boostrap 3 by the hand of Ashley Menhennett, programmer, web developer and designer from Australia. Ashley is also a technical writer at our development community HTML5 Hive and has authored other ZENVA titles as well.

This is a project-based course, where you'll be building a real responsive website for a fictional designer shop. The site uses the main components and techniques that Bootrap provides, and looks great on both desktop and mobile.

Get started with Bootstrap 3 and create beautiful and professional websites!

What are the requirements?

  • Basic knowledge of HTML and CSS
  • A web browser (we'll use Chrome)
  • A code editor (we'll use Sublime Text with the Emmet plugin)

What am I going to get from this course?

  • Learn how to use the Bootstrap 3 framework to an intermediate level
  • Learn how to create responsive websites, with a mobile-first approach

What is the target audience?

  • People with energy and motivation who want to learn web development for a mobile-first world

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: Getting Started
03:31

Welcome to the course! Bootstrap is the most popular CSS, HTML and JavaScript framework to create responsive websites, and you are in the right track to create your own!

---

Connect with ZENVA

-

What would you like to learn next?

06:01

In this lesson we'll talk about what Bootstrap is and show you where to get it.

---

Connect with ZENVA

-

What would you like to learn next?

Article

Course source code.

---

Connect with ZENVA

-

What would you like to learn next?

Section 2: Course Project
05:25

Let's get started with coding some basic Bootstrap Markup. Through out the course I'll be using Sublime Text with the Emmet plugin. You can use any code editor you want.

---

Connect with ZENVA

-

What would you like to learn next?

06:03

In this lesson we'll add a navigation bar to our website.

---

Connect with ZENVA

-

What would you like to learn next?

02:40

In this lesson we'll implement the home section of our designer homepage.

---

Connect with ZENVA

-

What would you like to learn next?

05:28

In this lesson we'll implement the section where the design fab offers their services.

---

Connect with ZENVA

-

What would you like to learn next?

01:59

In this lesson we'll implement the customer testimonials sections.

---

Connect with ZENVA

-

What would you like to learn next?

05:15

In this section we'll implement that nice looking team section.

---

Connect with ZENVA

-

What would you like to learn next?

01:51

In this lesson we'll implement the portfolio section of the website.

---

Connect with ZENVA

-

What would you like to learn next?

04:58

In this lesson we'll implement the contact section, used to contact the owner of the page.

---

Connect with ZENVA

-

What would you like to learn next?

01:29

In this section we'll implement the footer of the website, which can contain navigation elements.

---

Connect with ZENVA

-

What would you like to learn next?

06:44

In this lesson we'll implement a simple modal dialog with Bootstrap.

---

Connect with ZENVA

-

What would you like to learn next?

02:06

In this lesson we'll look into the fonts we want to use in this project.

---

Connect with ZENVA

-

What would you like to learn next?

10:45

In this lesson we'll add the base CSS styles to the page.

---

Connect with ZENVA

-

What would you like to learn next?

04:22

In this lesson we'll add CSS code for the Jumbotrons.

---

Connect with ZENVA

-

What would you like to learn next?

03:38

In this lesson we'll add CSS code for the sections and the images.

---

Connect with ZENVA

-

What would you like to learn next?

02:57

In this lesson we'll add tooltips to some elements of the page.

---

Connect with ZENVA

-

What would you like to learn next?

02:36

In this lesson, we'll style the blockquotes and the footer section.

---

Connect with ZENVA

-

What would you like to learn next?

02:21

In this lesson we'll add the smooth scroll effect to the page.

---

Connect with ZENVA

-

What would you like to learn next?

Section 3: Course Outro
01:30

Congratulations! you've reached the end of the course. Thanks for watching and hope to see you again on another course.

---

Connect with ZENVA

-

What would you like to learn next?

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Instructor Biography

Ashley Menhennett, Software Developer

I am a software developer from Australia.

Ready to start learning?
Take This Course