{"id":375,"date":"2020-04-17T07:25:34","date_gmt":"2020-04-17T07:25:34","guid":{"rendered":"https:\/\/orbital.comp.nus.edu.sg\/?p=375"},"modified":"2020-04-17T07:25:34","modified_gmt":"2020-04-17T07:25:34","slug":"20-may-mission-control-1-twitter-bootstrap","status":"publish","type":"post","link":"https:\/\/www.comp.nus.edu.sg\/orbital\/2020\/04\/17\/20-may-mission-control-1-twitter-bootstrap\/","title":{"rendered":"20 May Mission Control #1 \u2013 Twitter Bootstrap"},"content":{"rendered":"

Posted on May 19, 2014 by orbital<\/strong><\/p>\n

\n
\n
\n
\"\"<\/dt>\n
Credits: Scott Beale @ Flickr<\/dd>\n<\/dl>\n<\/div>\n

Min will be giving a short tutorial and hands-on for Twitter Bootstrap \u2014 the CSS framework that is useful for giving that \u2122ed, clean look for most websites.\u00a0 A key part of Bootstrap is in its responsive<\/em> design, making sites look decent on small resolutions (low res smartphones) as well as big ones (your 30\u2033 Apple Thunderbolt Display).<\/p>\n

This is a beginner level session \u2014 applicable to any web-based project.<\/p>\n

The Mission Control Session will be held at SR3 (COM1 #02-12) tomorrow; please check back with us at Piazza or on G+ Hangouts for updates.\u00a0 If we have no problems with the recording you can try to join us on G+ Hangouts on Air, look for [NUS Orbital 2014] as the tag.<\/p>\n

Post-session edit: here\u2019s the stream:<\/p>\n

Post-session edit (Homework): Here are the exercises for you to do.\u00a0 This is your homework for getting credit for this mission control as part of the achievements for Project Gemini and above.\u00a0 You should try to do the \u201chomework\u201d assignments for three Mission Control sessions as one of the three extensions for Project Gemini, along with applying the topic in whichever way is relevant to your project.<\/p>\n

You need to complete exercises 1 and 2 to have this sufficient for Project Gemini homework.\u00a0 Show evidence of this in a screenshot of the resulting site as a followup discussion on this thread, much like what you did for the Python exercises.\u00a0 I hope some Apollo 11 teams will endeavor to #4 or #5.<\/p>\n

    \n
  1. (Easy)\u00a0 \u2013 Complete the edits to the files in 1_before to make them look like 2_after<\/li>\n
  2. (Medium) \u2013 The edits to the files we had were not fully functional.\u00a0 In particular, the sidebar navigation link in the index.html file makes the page jump to the wrong vertical offset.\u00a0 Fix it so it correctly jumps (hint you will have to search for a solution, the documentation in Bootstrap won\u2019t yield a direct answer).\u00a0 Document and disclose how you fix it so that your peers can benefit.<\/li>\n
  3. (Medium) \u2013 Fix the carousel for the entrepreneurship.html so that it is at an appropriate scale and serves up multiple images in each item (It may not end up scrolling as nicely as the original.\u00a0 You can use a different JQuery carousel to achieve exactly the same effect).<\/li>\n
  4. (Hard) \u2013 Get a hold of a retina iPhone or iPad and make the carousel images serve correctly.\u00a0 You will have to look in the Bootstrap documentation about retina displays and how to serve two versions of the same image and to name (i.e. suffix) them appropriately.<\/li>\n
  5. (Hard) \u2013 Create a third directory called 3_finished<\/tt> and insert the best versions of the sample pages we built together using only pure Bootstrap CSS\/JQuery.\u00a0 Once you\u2019re done, in git, issue a pull request so that I can update my repository with your solution.\u00a0 This will help others when they do this assignment in the future.<\/li>\n<\/ol>\n

    [A reminder that Mission Control sessions are optional; they are not mandatory events for Orbitees, but highly encouraged to attend if you are local to SG and NUS.\u00a0 The sessions will be roughly one hour long of tutorial and another free-form hour where partners are encourage to pair program on your projects and receive help from any faciltator or advisor who is around.<\/p>\n

    If you do attend an MC session (virtually or physically), you\u2019re welcome to include your time in the project log.\u00a0 Homework assignments from MCs when completed can also be used as evidence for advanced level of achievements (Project Gemini, Apollo 11). ]<\/p>\n<\/div>\n