Course Information
Course Overview
Learn to create your website with this free and open-source web design framework.
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 Content
- 6 section(s)
- 24 lecture(s)
- Section 1 Chapter 1: Getting Started
- Section 2 Chapter 2: Adding the Base Markup for the Page
- Section 3 Chapter 3: Adding your Own Style with CSS
- Section 4 Chapter 4: Create Your Own Icons
- Section 5 Chapter 5: Customize the Experience with Plug-ins
- Section 6 Chapter 6: Where To Go From Here
What You’ll 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
Reviews
-
HHuang Song
Simply copying and pasting throughout the course, not explaining for understanding at all.
-
SSteve Tenpas
Excellent course. Chris provides clear concise instruction. Just went live with my site. Used this course to develop the original structure of the site. I have a greater comfort with CSS now that I worked through this course. Bootstrap integration really helped me worry less about creating a a basic uniform look and allowed me to focus on styling my content. I've purchased other Chris Converse courses. His content is always excellent and well edited.
-
RRohit Nayak
Awesome intro into bootstrap .I am really going to use this for designing new websites.
-
MMark Cohen
An easy to understand walk through of building a responsive website with Bootstrap 2. The course follows a logical well-paced progression & keeps focused on the Bootstrap features; rather than wasting time explaining the basics of HTML & CSS coding. The instructor provides an excellent level of support via the Udemy Question & Answer facility.