Create a Contact Manager
plus

Create a Contact Manager – New Premium Tutorial

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.

Example

Join Tuts Plus

NETTUTS+ Screencasts and Bonus Tutorials

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!


Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • Seed

    That will be indeed very popular :)

  • http://mobilewebdesign.de Michael

    That sounds very interesting. i hope I don’t miss the kick-off :-)

  • Simon

    will be paying for this!

  • http://www.nouveller.com/ Benjamin Reid

    Looks interesting, would be nice to see a live demo.

  • http://www.pantso.gr Pantso

    That is really neat :D

  • http://twitter.com/rmcfadzean Rob

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

  • http://www.designfollow.com designfollow

    Good luck Members :D

  • JP

    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….

  • Charlie

    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/

  • http://nathanledet.com Nathan Ledet

    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.

  • Moneyxl

    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.

  • Christer

    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?

  • http://voratec.comv Ashit Vora

    Audio is not properly synced with Video. Did anyone else faced the same problem???

    • http://voratec.com Ashit Vora

      Oh!!! I didnt see the comments above.

      Anyways I’m now downloading the mp4 using the link posted above.

      Thanks buddy!

      • http://nathanledet.com Nathan Ledet

        Even if you download the MP4 directly, the audio is still out of sync.

    • SinSoda

      Try downloading the vid, and then playing it with VLC. Then, just adjust audio delay…

      • http://net.tutsplus.com Jeffrey Way

        Hey guys. I’m going to look over the video and fix it. I apologize for the trouble.

      • http://nathanledet.com Nathan Ledet

        Thanks Jeffrey. :)

  • http://spotdex.com/ David Moreen

    Oh this is cool, not just he functionality but the design. Thanks in advanced Tutsplus.

    • http://spotdex.com/ David Moreen

      I just realized that is was in CodeIgniter. Thumbs down :(.

      • Paul du Long

        What’s wrong with CI ?

  • http://os.laroouse.com esranull

    oldukça farklı bir seçenek teşekkür ederim

  • hajerski

    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.

    • http://nathanledet.com Nathan Ledet

      There is a download link in your control panel now

  • http://nathanledet.com Nathan Ledet

    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 :(

  • http://cyberantix.org Connor Zwick
    Author

    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)

    • http://nathanledet.com Nathan Ledet

      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

      • http://cyberantix.org Connor Zwick
        Author

        The folks at TutsPlus are very quick and will take care of it as fast as possible. :)

      • Paul du Long

        Is it already fixed?:)

      • http://nathanledet.com Nathan Ledet

        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

  • http://lowgravity.pl Kamil Grzegorczyk

    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

    • Zack Kitzmiller

      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.

      • Zack Kitzmiller

        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.

  • http://lowgravity.pl Kamil Grzegorczyk

    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

  • http://www.mushroomdigital.co.uk web design services stoke

    This looks like something I will definiately be investing in. Great!

  • dave

    holy moly!

    It ballooned from 370 MB to 896 MB !!

    I hope its worth it.

  • http://lowgravity.pl Kamil Grzegorczyk

    I’m bumping up ;)

    so… does anybody went to the end of this tutorial?

  • http://www.moraywebsolutions.com Gordon

    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…

  • http://cyberantix.org Connor Zwick
    Author

    I believe I used e texteditor for this. It’s nice and light.

  • Eli

    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.

  • fil

    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.

  • Brad

    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.

    • Brad

      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

  • Pritesh

    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.

  • http://blog.rodrigortiz.com rodrigortiz

    Hi, the tutorial is missing some parts, like where to put the chunks of code. It should be dummies-proof.

  • Ian

    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.

  • Ian

    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

  • Terng

    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.