Bootstrap Script

One of the sections in the Learn Responsive Web Development from Scratch course teaches us how to use Bootstrap from the basic code to build a web page.

As I followed through the video, there is one part whereby the trainer removed the CDN version of jQuery at the bottom of the basic template which you can find it from getbootstrap.com, and replaced with a downloaded copy of jquery.js from jquery.com. The placement of the script sequence in the <head> tag section is important as the compiler reads through the first script we put in the <head> tag.

For example,

<!-- jQuery Javascript-->
 http://js/jquery.js
 <!-- Bootstrap Main Javascript-->
 http://js/bootstrap.js

The compiler will run the jquery.js file first and follow by the bootstrap.js file where some of the controls are being overridden and you can see the effects according to the sample shows in Bootstrap website.

In any cases where you accidentally put the jquery.js script below the bootstrap.js script, the Bootstrap is not working accordingly. So, do not panic!

Oh ya, just in case, you do not know what I meant by CDN version of jquery.js file, it is a file hosted in the distributed servers (networks) that delivers the web content or file to users based on geographic location of the user.

Advertisements

The Difference Between Responsive and Adaptive Web Design

I just signed up the a course in Udemy called Learn Responsive Web Development from Scratch. I chose this course because it is free to learn and it has good reviews from the past subscribers. It is also a stepping stone for me to understand the new HTML5, CSS5, Twitter Bootstrap and etc in which my friend in Bangkok, Thailand did share the same interests to learn more. No harm to learn more and re-skill while I am looking for new job opportunity.

On its introduction, the first topic being taught is web responsiveness. A student asked a good question. What is the differences between responsiveness and adaptive. The trainer shares a good article, you can read it from this link, https://blogs.oracle.com/marketingcloud/difference-responsive-adaptive-web-design.

The link includes another web link which it shows the differences in visual format for a better understanding. Besides that, it provides quick tips for the designer as well as the web developer. It is a good article and I would like to share it here.