Download Source Files
In this three-part series – in depth tutorials + two hour screencast – we’ll be creating a contact manager using jQuery and CodeIgniter. As more and more applications are moving towards the hive, web developers & designers alike are required to learn more and more about how to design “desktopesque” projects.
Join Tuts Plus
For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!
- Subscribe to the Nettuts+ RSS Feed for more daily web development tuts and articles.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Connor Zwick
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
That will be indeed very popular :)
That sounds very interesting. i hope I don’t miss the kick-off :-)
will be paying for this!
Looks interesting, would be nice to see a live demo.
That is really neat :D
Looks rather good!
I’ve been meaning to write something like this for awhile but I’ve never had a chance as I’ve been swamped with other work.
Definitely a part of my CMS. (Albeit, a modified version of the above – but the same basic idea!)
Good luck Members :D
A question that came often on this WebSite “Should I pay or not?”
If you work for someone, do like me and ask your boss to paid for it.
It work for me….
Is there a problem with your support? I have opened a couple of tickets, which I have had no response from. My access to Plus content seems to have been cut off. My first ticket was sent last Friday….
Also when trying to access the content I get an authentication error which directs me to a link that doesn’t go anywhere – http://eden.helpserve.com/
Hi Charlie – Please use this one: http://support.envato.com/support/
So far, I’m loving this tutorial.
I am having problems with the audio/video synchronization… a few minutes in, the audio falls behind by a few seconds and is confusing.
I would also like to know how I can download these videos….this one is 2.5 hours long…don’t feel like waiting on it load so I can skip around.
Yeah how can I download this, don’t have time to watch now and would like to watch later…help pls? I’m a plus member btw.
The audio/video sync error should be fixed. I find it very confusing to see him type one thing, and talk about something else.
Is there any way that you guys can fix this problem? And don’t you have someone with QA responsibility?
Audio is not properly synced with Video. Did anyone else faced the same problem???
Oh!!! I didnt see the comments above.
Anyways I’m now downloading the mp4 using the link posted above.
Thanks buddy!
Even if you download the MP4 directly, the audio is still out of sync.
Try downloading the vid, and then playing it with VLC. Then, just adjust audio delay…
Hey guys. I’m going to look over the video and fix it. I apologize for the trouble.
Thanks Jeffrey. :)
Oh this is cool, not just he functionality but the design. Thanks in advanced Tutsplus.
I just realized that is was in CodeIgniter. Thumbs down :(.
What’s wrong with CI ?
oldukça farklı bir seçenek teşekkür ederim
Is there any chance to get downloadable version? It’s a little hard to watch over 2.30h via web browser. If i try to download via Flashgot it’s rejecting my connections.
There is a download link in your control panel now
Hey Jeff,
Any updates on that video? I noticed you added a Download link in the members area (Thanks!!!) but I re-downloaded the video and still have sync issues :(
Hi Guys,
It looks like it was an issue with my screencast software. I’m fixing and re-uploading now.
Sorry about the delay! (I would have done it immediately but I was out of town)
Anxiously awaiting!! :)
Do the folks of TutsPlus have to do anything once you’ve uploaded the fixed version? or will it be downloadable as soon as you upload it to wherever?
Let me know – been wanting to watch this video :D
The folks at TutsPlus are very quick and will take care of it as fast as possible. :)
Is it already fixed?:)
I’m watching what appears to be an updated version. I’m 10 minutes in and the audio is synced up…so far :)
the new version is titled screencast.flv
Altough tutorial is very, very interesting I have found some issues which aren’t nice in Plus tutorial:
1. naming convetion – sometimes functions are named using “_”, sometimes it is a Camel Case. I think that Code Igniter has some “good practice” rules about it And if we aren`t sticking to them strictly we should use the same naming convention accross whole tutorial.
2. Audio synchronisation – it is just terrible. Even on updated version. I would like to remind that this is not regular free tutorial but tutorial from “famous” plus so some level of quality has to be maintained.
Anyway it is a very good tutorial which I`m happy from
It’s more than just naming convention, it’s a very bad tutorial all around. The functions are poorly named, and pure MVC is followed. I stop 20 minutes in because there should have been a group model to hold get_model(). Also, GetID is a horrible name because it doesnt get an ID at all, it gets a member based on ID.
should have been (in members model) get_member_via_id($member_id);
It’s sloppy programming all the way through.
Wow, and it keeps getting worse. If this is the kind of tutorial I can expect from tutsplus, i’m canceling. I’m sorry I wasted my 9 bucks on this.
Does anybody went to the end of course?
I have stopperd at 120min and tried to use files included as final_app but it is not working for me
This looks like something I will definiately be investing in. Great!
holy moly!
It ballooned from 370 MB to 896 MB !!
I hope its worth it.
I’m bumping up ;)
so… does anybody went to the end of this tutorial?
What editor is it your using Connor? (Or if anyone else knows)
It looks like inType, but with some additional menu options, but I can’t make the name or icon out properly in the screencast. I am on the hunt for a good one just now having been pushed out of Aptana now it’s ditched it’s PHP plugin. I enjoyed inType and looks along the same lines so keen to find out…
I believe I used e texteditor for this. It’s nice and light.
Hey!
Great tut, I watched it all…
I managed to get it working but your code and screencast doe differ a bit. Also whats up with the database?
you didn’t include the complete code for the finished database. I made what I could from seeing the errors pop up but now when I add a new user there is something wrong with the session table I think, or something related to that.
Can you update with a complete snap shop of the SQL?
thx again for the great tut.
I’m usually a huge net tuts fan and learnt Codeignitor through the tutorials on here, Jeff is a great presenter and teacher.
But I’m seriously disspointed with this particular tutorial especially as I went premium just to get it.
Audio syncing and 2:30 screencast issues along (why not several parts!!), this tutorial seems poorly explained and badly put together. At times, even I’m unsure if Connor knows what he’s doing….and I dont know what I’m doing!!
Bring back Jeff.
I have a question. exactly where do you put the Jquery and Jquery UI folders that you download?
I can get everything to operate up to the point where I have to add a member. Once I fill the form of it tells me that I was successful however at that point it just quits. It doesn’t go back to the main page nor does it add a member. I am running it on to my default database so I know the connection is good. Any idea what that blockage could be?
By the way, I didn’t have any problem with the tutorial. While it is long but presented me with many new things that I didn’t know you could do.
I think a part of the problem is that the code is calling for a cal.js and cal.css in the header links that do not exist
Extremely Poorly wriiten and explained. Issues that I found :-
1) The author probably doesn’t know that this tutorial is for someone who has decent enough knowledge about CI. His explanation about CI concepts are very vague.
2) Proper MVC pattern is not followed. Why is there a $this->db->insert() in a controller? Why do you need a model if you are doing is directly from the controller.
3) Lot of code repeating again and again. Use of common functions is lacking.
4) Naving conventions followed is horrible.
5) Overall : Very poorly written code which will get worse to manage later on if this has to be integrated in a bigger application.
I would NOT recommend paying for this tutorial if you are not a ‘plus’ member.
Hi, the tutorial is missing some parts, like where to put the chunks of code. It should be dummies-proof.
Let me start with thank you for the tutorial and all the time and effort put into it. I did learn a great deal.
Now let me criticize. Sorry but it has to be said.
I am seriously wondering if someone hacked into nettuts and fubar’d this tutorial. Yes it was that bad messed up to be one of the premium tuts.
Here’s a list of everything wrong with this.
1. mix of camelCase and under_score naming conventions that was wrong and causing undefined var errors. I went through every single line of every file fixing uppers that should be lowers and lowers that should be uppers and that was the code I downloaded.
2. mix of
and
Again it was scattered everywhere. I have become very proficient with notepad++ search and replace features.
3. All the files had the encrypted attrib applied to them and I had to search google to find out why my files names were green in explorer and all the css, images, and js files were causing 500.50 internal server errors
4. Another complaint about database methods in the controller. It takes a few minutes to convert them over to the model.
5. open forms with echo open_form() but then close them with regular html tag? And p tags instead of nice clean and logical use of labels and inputs.
6. site_url could be an older version codeigniter so I won’t complain but now it’s base_url and the syntax is different. Instead of this
<link rel="stylesheet" href="”/>
I had to change them all to
<link rel="stylesheet" href="/path/to/cssfle”/>
7. The add function was left out in the video and the one in the source has lines commented out with no explanation of why.
8. The edit function doesn’t work and the way the add and edit views get all users and groups and then list a form for each one is probably why. I can click on a user and go to edit them and it fills the edit window up with multiple forms because that code is in a loop that doesnt’ end until it has listed a form for all users returned from the getAll function. Once again, your code that I downloaded. Not something I messed up.
9. 3 huge css files yet still a ton of inline css,
10. js.js ?
11. Stating in a real jerky sounding way that basically, your not going to bother explaining things your doing and we should go to nettuts if we want to find out more from Jeffery? I understand that on the basics but you leaned on that crutch several times throughout the video.
12 Oh and one more thing. $data is not a special codeigniter variable. It’s just a variable called $data. Codeigniter might recognize it and let us do a few minor things with it but it’s just a variable. Thus the reason it’s empty every time we try to access it in another function so the views weren’t finding the members array because they had been passed an empty variable so had to go back and copy down the load->model and getAll a couple of times because it was missing.
After all that, thanks for getting me started and showing me some good funcitoning jquery.
I guess you have to fill in the blanks since those pre tags below aren’t working to keep the site from stripping out php
HI all,
1. I think a missing table called “sessions” was not mentioned in the tutorial note, from the error message I somehow found out that it seems to have the following fields:
session_id
ip_address
User_agent
last_activity
user_data
only after you created table and fields above you are able to proceed with the application
2. There are errors notified that some CI functions have been deprecated, I will need to overwrite these folders in order to get it run ( I copied from downloaded CI folders) :
\system\codeigniter
\system\libraries
\system\database\db.php
I still have problem showing members that was created under Group.
Such quality of work doesn’t fit to be a premium content I would said.