Bootstrap Basics: Program Responsive Websites
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.
Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Join Over 2,000 Very Happy Bootstrappers!
Bootstrap is the most popular front-end framework on the web today, and people are going nuts over it! Why? Because it's incredibly easy to learn, and because you can save hours of work (or hundreds of dollars in precious development time)!
Taking a step-by-step approach, this course will have you learning by doing, and you will become well-acquainted with the Bootstrap framework in very little time!
Learn the Most Popular Web Design Framework Quickly and Easily
Hundreds of thousands of websites are using Bootstrap to achieve beautiful, unique, and custom layouts. It's time you learn this framework, and hit the ground running!
Boost Your Income by Learning Bootstrap
Whether you're self employed, or work at a company — understanding how to develop website layouts with Bootstrap will save you and your company precious development time.
Self employed? Look at it this way.
Two self-employed web developers are each hired to build a small website for $1,000. Developer #1 hand codes his website and it takes him 40 hours to complete, effectively making $25/hour. Developer #2 uses Bootstrap to build his website, and it takes him 20 hours, effectively making $50/hour. Which developer do you want to be?
Work at a studio?
Bootstrap is a valuable skill. It's fundamental that company employees keep up to date with the latest technologies. An educated employee is an incredibly valuable asset. If you prove to your company that you can build high-quality websites in record time with a framework like Bootstrap, you have negotiating power for a higher salary.
Are you an Entrepreneur?
If you're starting a new business, but only have a shoestring budget for your new venture, do yourself a favour and learn to code your company website with Bootstrap. You'll save yourself thousands of dollars, and be grateful you invested in yourself!
Invest in your future
With the incredibly valuable skills you will learn in this course, you will make the value of this course back 10x by completing only a single web design job! And it's completely risk-free! If you take this course and don't think it's worth the value you paid — you have 30-days to get a full refund.
In 3 - 5 hours of your time, you will build a truly beautiful web page you didn't know you had the ability to do! There is no reason why you shouldn't start right now. Invest in your future, and join me on the other side!
Get started today by clicking “Take This Course".
See you on the inside!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Preparation|
|In this lecture, we briefly cover what Bootstrap 3 is and why it is different than the older versions of Twitter Bootstrap.|
|In this lecture, we walk through the final project and learn how we will be using Bootstrap 3 to create an awesome, responsive web page.|
|In this lecture, we go over the course files you will be using to build your project from start to finish.|
This lecture includes a link to a downloadable ZIP file with all of the necessary course files & assets to start building your project.
|In this lecture, we create our own copy of the Starter Assets so we can begin building our Bootstrap 3 website.|
|Section 2: Hand Coding the HTML5 Markup|
|In this lecture, we code the HTML for the layout & structure of our responsive website.|
|Section 3: The Navigation Bar|
In this lecture, we code the HTML for the navigation bar.
|In this lecture, we code the HTML for the Bootstrap 3 dropdown menus in the navigation bar.|
|Section 4: The Sliding Carousel|
|In this lecture, we export our carousel background images out of Photoshop.|
|In this lecture, we code the HTML for the animated carousel.|
|In this lecture, we style the animated carousel using CSS.|
|Section 5: The Big Callout|
|In this lecture, we code the HTML for the "big callout" of our website.|
|In this lecture, we style the "big callout" using CSS.|
|In this lecture, display an animated Bootstrap 3 style alert box using jQuery.|
|Section 6: The 3-Row Feature Section|
|In this lecture, we export the badge assets out of Photoshop.|
|In this lecture, we code the HTML for the features section.|
|In this lecture, we style the features section with CSS.|
Update: A Note on Media Queries
|Section 7: The "Tabbable" Content|
|In this lecture, we code the HTML for the "tabbable" section of our website.|
|Section 8: The Modal|
|In this lecture, we code the HTML structure for the Bootstrap 3 "Modal Window".|
|In this lecture, we code the HTML for the form within the Modal window.|
|In this lecture, we code the HTML and jQuery for the Bootstrap 3 "tooltip" and "popover" within the Modal window.|
|Section 9: The Typography Section|
|In this lecture, we code the HTML for the typography and "list group" section.|
|Section 10: The Course Featurettes|
|In this lecture, we code the HTML for the thumbnail, or "course featurette" section of our website.|
|In this lecture, we style the featurettes with CSS.|
|Section 11: The Footer|
|In this lecture, we code the HTML for the footer.|
|In this lecture, we style the footer with CSS.|
|Section 12: The Take-Away|
|In this concluding lecture, we learn where to go from here so you can continue on your responsive web design journey!|
A highly skilled professional, Brad Hussey is a passionate and experienced freelancing web designer, developer, blogger and digital entrepreneur. Hailing from North Of The Wall (Yellowknife, Canada), Brad made the trek to the Wet Coast (Vancouver, Canada) to educate and equip himself with the necessary skills to become a spearhead in his trade of solving problems on the web, crafting design solutions, and speaking in code.
Brad's determination and love for what he does has landed him in some pretty interesting places with some neat people. He's had the privilege of working with, and providing solutions for, numerous businesses, big & small, across the Americas.
Brad builds custom websites, and provides design solutions for a wide-array of clientele at his company, Brightside Studios. He regularly blogs about passive income, living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.
100,000+ Students Don't Lie
Join Brad and adventure into his world of web design, web development, and speaking in code. You won't regret it!
What are people saying about Brad?
"[Brad is] the BEST coding instructor on the planet. Brad has a passion for teaching and he does it with joy. He pours his heart into his lessons and makes you feel at ease. It's just like having your best buddy having a chat with you - only this time, you are learning valuable skills. He's the type of guy who is passionate about transforming people's lives through his lessons. He's not after the money. He truly wants you to succeed.Three hearty cheers to Brad - the best coding instructor on planet Earth."
— Cicero, Brad's student
"...These videos are well created, concise, fast-paced, easy to follow, and just funny enough to keep you chuckling as you're slamming out lines of code. I've taken 3 courses from this instructor. Whenever I have questions he is right there with a simple solution or a helpful suggestion to keep me going forward with the course work."
— Brennan, Brad's student
"...Brad is amazing and I honestly think he's the best tutor of all the courses I have taken on Udemy. Will definitely be following him in the future. Thanks Brad!"
— Brad's student
"...Brad has an infectious enthusiasm, a great eye for detail, and expert-level knowledge of the material."
— Brad's student
Code College is an online school that provides high quality learning material, courses, and training videos for students looking to learn web design, web development, marketing, online business, and more!
Founded in 2014 by Canadian entrepreneur, successful instructor, and blogger, Brad Hussey, Code College is a growing network of highly skilled instructors who provide the best quality tutorials, courses and learning material on the web.