Results 1 to 10 of 10

Thread: How to develop my web experience - advice

  1. #1
    Join Date
    Oct 2011

    How to develop my web experience - advice

    Hi guys,
    First of all, I apologize if I posted this in the wrong section, I wasn't sure where to post this question, but:

    I am currently in the retail business, I work for a retail company operating their website (updating their website with new content, product, promotions), in a nutshell I basically update & maintain their website.
    My job isnít in web development, but more in operations, however I would like to get more involved in the development side. I like creating things and having skills.
    I have always been involved in computers and have done little web projects on the side, such as building and designing: http://www.stagedoorbooks.com
    I know a bit of html, javascript, flash, css, but I donít think I am an expert or even above average in knowledge in any of it.
    Iím looking into developing my skill level -- getting experience in web development in general, however I have no professional experience in thosesubjects.
    I have also thought of getting into programming and developing skills in applications. So much is of interest to me!

    Does anyone have any recommendations on how to get this type of experience so I can switch my career into that type of business?
    Any advice on a field to get into? I basically want to develop a skill, and become (some day) an expert in something. I have been in ecommerce operations for a good 6+ years now, and know a bit of a lot of subjects, but want to focus on something, focus on an actual skill.

    Thanks for any and all help Much appreciated!


  2. #2
    Join Date
    Aug 2006
    Just one thought, I'm sure there are other ways to get from where you are to where you want to be...

    Fundamentally *doing* something makes it far easier to learn than just reading about it, or looking at how someone else did it. So my recommendation is to come up with a site to develop that doesn't require the urgency of a paid project or something related to your job, but perhaps something related to a hobby or activity. Then challenge yourself to develop that site, with features that include:
    - A strict doctype
    - Validating HTML
    - Clean CSS that controls all styling and layout
    - A server-side component
    - A database for your content
    - A client-side JS component
    - All this done with a simple code editor and no CMS or "template"

    You don't need to do all this at once, of course, but give yourself a large enough scope that you can eventually include all this stuff.

    Then jump in, ask questions here when needed, and get it built. If it's an interesting topic to you (both the topic of the site and the development work) then you'll conclude that you really enjoy the development work, you might decide you like the html & css, but not server-side development, or vice-versa (which is good to know when you actually apply for a job in this field), or you might hate the whole thing and come to the conclusion that you really don't want to change jobs after all.

    Have fun!

  3. #3
    Join Date
    Oct 2011
    Hi Dave,
    Thanks so much for your suggestion! Really is a good one! Now I just need to come with an idea for a site. But a couple more questions:

    -Do you recommend any books or websites that will help me learn?
    -In the past I have built websites with Dreamweaver - do you recommend continuing to use Dreamweaver?
    -What type of code editor would you recommend?

    Thanks again,

  4. #4
    Join Date
    Aug 2006
    I tend to use w3schools.com as a quick reference for html and css, though there are certainly some issues with it.

    For PHP I'd use php.net

    I don't buy books on this stuff, as they're out of date before they live out the cost value for me.

    I'd stick with Dreamweaver as long as you have it, but use the "code" editing tools, rather than the WYSIWYG mode where it's writing code for you.

    Good luck,

  5. #5
    Join Date
    Aug 2011
    I would grab notepad ++. It lays out the code a lot nicer.

    Get a web hosting server to play with or make your own. Linux is stupid easy to install. AND FREE.

    Find something interesting such as a photo gallery or a file uploader.
    Get the source code for it.
    Once you see how it works, modify it to learn about the different elements.

    Now try something a little more advanced utilizing what you have and what you have learned. I like to tinker with things so this is my approach.

  6. #6
    Join Date
    Nov 2002
    Quote Originally Posted by tracknut View Post
    I'd stick with Dreamweaver as long as you have it, but use the "code" editing tools, rather than the WYSIWYG mode where it's writing code for you.
    +1. If you have it and like it, then stick with it.

    Quote Originally Posted by Lechlak View Post
    I would grab notepad ++. It lays out the code a lot nicer.
    Eclipse is free and far better than any Notepad type of editor. I have used Dreamweaver and no matter how much I wanted to like it, I stick with Eclipse.

    I looked at the site and a couple things you will want to do is link your CSS externally and try to leave tables for tabular data. There is tons of books depending on what you are looking for. I tend to get more out of books about concepts versus books with code.

    Some concepts books to look at.

    Don't Make Me Think by Steve Krug
    - In short, how to make a site easy for the user to use.
    Defensive Design for the Web by 37signals.
    - How to handle things when something thing go wrong.
    - To handle all of the situations in the book you might need to learn PHP/MySQL.
    Web Design on a Shoestring by Carrie Bickner.
    - I fully admit this old and might be rather outdated in parts.
    Web Style Guide 3rd Ed. by Lynch and Horton
    - Out in book form and free online.
    - http://webstyleguide.com/wsg3/index.html

    Average book size is around 200 pages so they are compact with info and none of them are long reads.

  7. #7
    Join Date
    Oct 2011
    Awesome. Thanks so much for all of your advice.
    I am in the process of buying "Don't Make Me Think by Steve Krug" from Amazon as I type this. I like to learn from both the internet and books, but sometimes feel like books are a tad more organized and have better examples...but definitely like a mix of both.

    Does anyone have any recommendations for javascript books or websites?
    I definitely learn best by example. I want to learn how to properly create rollover effects and other interactive content.


  8. #8
    Join Date
    Nov 2002
    The JavaScript Anthology by James Edwards and Cameron Adams
    - If you feel comfortable with the basics already as it's 101 scripts that do specific things.

    Dom Scripting by Jeremy Keith
    - If you want something more geared towards the basics.

  9. #9
    Join Date
    Aug 2011
    I have used Dreamweaver and no matter how much I wanted to like it, I stick with Eclipse.
    True and Eclipse is used in a corporate environment often.

  10. #10
    Join Date
    Dec 2011
    I've used Lynda.com for my learning experiences, they do a really good job IMO.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.12617 seconds
  • Memory Usage 2,949KB
  • Queries Executed 15 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (10)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates