Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

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

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 ;)

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!