Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Irfan Ullah
Irfan Ullah
6,869 Points
Posted by Irfan Ullah
Irfan Ullah
6,869 Points

Suggestion Needed JQuery Mobile and Responsive Mobile Design

Hello guys, I am working on my college project to build a daily timetable application, which will include subjects, professor, room numbers, total number application in class,semester and year. Here is timetable http://s7.postimage.org/eoihiqy3v/timetable.jpg

The Client only requirement is that student shall be able to view there timetable on smart phones.So I just wanted to say which technologies shall I use for its development. (Responsive web design or JQuery Mobile)

Is it easy to hook JQuery Mobile with PHP & MySql.

2 Answers

Sean Hindle
Sean Hindle
336 Points
Sean Hindle
Sean Hindle
336 Points

Hi Irfan,

Are you trying to build an app, or a responsive website?

You could build a web app using with no need for PHP using jQuery mobile if that is the only data your inputting.

But if you power it with PHP (or even a CMS like Wordpress) it'll work better in the long run allowing the Professors to update any information like time changes at their own will with out the need to bug you ;)

Justin Ledoux
Justin Ledoux
5,792 Points
Justin Ledoux
Justin Ledoux
5,792 Points

Hi there,

Every website should be built with one thing in mind: it's purpose. And you should questions every aspect of that website as you build it ( i.e. is this the right structure, will this work cross platform, etc ).

My answer is simple. Build the site with one thing in mind: cross platform. Building cross platform means making sure the site is usable from all browsers whether JavaScript and plugging are turned on or off.

If you are building a site that only relies on JavaScript, it will not work for the users that voluntarily or accidentally turned it off in their settings. And there's no way to check if a user has it turned off to conditionally serve another page.

So use simple, standard and well structured html, use php to feed your site data, and only add JavaScript on enhance the user experience. JavaScript should never be used by itself to build a site. It is designed to add interaction possibilities (unless you're building a complex web app with data manipulation and more... )

In your case, tables ar very hard to make responsive. Tables are non responsive by design. But you can always look at using that data in a table to create charts and graphs. Or by simply making a normal page on which users will zoom in by themselves to see the time table better.

Here is a link to learn how you could adapt your table with media queries: http://css-tricks.com/responsive-data-tables/

Hope this helps!