Create an Engaging Website with Twitter Bootstrap 2.x

Create an Engaging Website with Twitter Bootstrap 2.x, available at $19.99, has an average rating of 4.05, with 24 lectures, based on 58 reviews, and has 1469 subscribers.

You will learn about Chapter 1: Getting Started Introduction What is Twitter Bootstrap About the Project Files Download the Project Files Starting Your Project Chapter 2: Adding the Base Markup for the Page Page Container and Nested Rows Adding Containers for Content Adding Main Content Preparing Graphics with Photoshop Chapter 3: Adding your Own Style with CSS Styling the Blockquote Styling the Footer Add Content and Style the Promos Add Your Logo with a Link Adding the Navigation Menu Chapter 4: Create Your Own Icons Add a Custom Icon to Glyphicons Customize Styles for the Menus Page and Background Styles Chapter 5: Customize the Experience with Plug-ins HTML Markup for the Carousel Plug-in Responsive Download via CSS Set the Timing for the Carousel Remote Control the Carousel Adding Form Elements Creating an Auto Suggest Chapter 6: Where To Go From Here Where To Go From Here This course is ideal for individuals who are Graphic and PRint Designers, Web Designers, Front-end Developers, Tech-savvy Marketing Managers It is particularly useful for Graphic and PRint Designers, Web Designers, Front-end Developers, Tech-savvy Marketing Managers.

Enroll now: Create an Engaging Website with Twitter Bootstrap 2.x

Summary

Title: Create an Engaging Website with Twitter Bootstrap 2.x

Price: $19.99

Average Rating: 4.05

Number of Lectures: 24

Number of Published Lectures: 24

Number of Curriculum Items: 24

Number of Published Curriculum Objects: 24

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Chapter 1: Getting Started Introduction
What is Twitter Bootstrap
About the Project Files
Download the Project Files
Starting Your Project
Chapter 2: Adding the Base Markup for the Page
Page Container and Nested Rows
Adding Containers for Content
Adding Main Content
Preparing Graphics with Photoshop
Chapter 3: Adding your Own Style with CSS
Styling the Blockquote
Styling the Footer
Add Content and Style the Promos
Add Your Logo with a Link
Adding the Navigation Menu
Chapter 4: Create Your Own Icons
Add a Custom Icon to Glyphicons
Customize Styles for the Menus
Page and Background Styles
Chapter 5: Customize the Experience with Plug-ins
HTML Markup for the Carousel Plug-in
Responsive Download via CSS
Set the Timing for the Carousel
Remote Control the Carousel
Adding Form Elements
Creating an Auto Suggest
Chapter 6: Where To Go From Here
Where To Go From Here

Who Should Attend

Graphic and PRint Designers, Web Designers, Front-end Developers, Tech-savvy Marketing Managers

Target Audiences

Graphic and PRint Designers, Web Designers, Front-end Developers, Tech-savvy Marketing Managers

A total of 23 lectures with a total running time of 74 minutes.

This step-by-step approach will show you how to build a responsive, interactive, and visually engaging web page with simple and flexible HTML, CSS and JavaScript — all built on the free, open-source framework called Twitter Bootstrap. Learn to take advantage of the many aspects of Twitter Bootsrtap, including creating your own layouts, customizing components, device-sensitive elements, auto-suggest form fields, and extend the icon sprite sheet to incorporate your own icons! This course includes HTML, CSS, JavaScript, and Photoshop templates that you can customize for use in your own projects.

Course Curriculum

Chapter 1: Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: What is Twitter Bootstrap

Lecture 3: About the Project Files

Lecture 4: Project Files

Lecture 5: Starting Your Project

Chapter 2: Chapter 2: Adding the Base Markup for the Page

Lecture 1: Page Container and Nested Rows

Lecture 2: Adding Containers for Content

Lecture 3: Adding Main Content

Lecture 4: Preparing Graphics with Photoshop

Chapter 3: Chapter 3: Adding your Own Style with CSS

Lecture 1: Styling the Blockquote

Lecture 2: Styling the Footer

Lecture 3: Add Content and Style the Promos

Lecture 4: Add Your Logo with a Link

Lecture 5: Adding the Navigation Menu

Chapter 4: Chapter 4: Create Your Own Icons

Lecture 1: Add a Custom Icon to Glyphicons

Lecture 2: Customize Styles for the Menus

Lecture 3: Page and Background Styles

Chapter 5: Chapter 5: Customize the Experience with Plug-ins

Lecture 1: HTML Markup for the Carousel Plug-in

Lecture 2: Responsive Download via CSS

Lecture 3: Set the Timing for the Carousel

Lecture 4: Remote Control the Carousel

Lecture 5: Adding Form Elements

Lecture 6: Creating an Auto Suggest

Chapter 6: Chapter 6: Where To Go From Here

Lecture 1: Where To Go from Here

Instructors

Chris Converse
Designer and Developer at Codify Design Studio

Rating Distribution

1 stars: 1 votes
2 stars: 6 votes
3 stars: 3 votes
4 stars: 16 votes
5 stars: 32 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu