I want to start learning HTML, CSS, PHP and JavaScript but I don't know where to start

Discussion in 'Computer Programming, Emulation, and Game Modding' started by Tomato Hentai, Dec 16, 2015.

  1. Tomato Hentai
    OP

    Tomato Hentai nut neutrality

    Member
    3,803
    6,263
    Oct 30, 2014
    Canada
    Alberta
    So as the title suggests, I want to start learning HTML, CSS, PHP and JavaScript sometime soon, but I don't really know where to start or where I should go to learn HTML and stuff. All I know is that I should probably learn HTML first and then maybe move on to CSS afterwards.
     
  2. SomeGamer

    SomeGamer GBAtemp Guru

    Member
    5,804
    2,772
    Dec 19, 2014
    Hungary
  3. GamerzHell9137

    GamerzHell9137 GBAtemp Psycho!

    Member
    3,833
    1,687
    Nov 1, 2011
    Bosnia and Herzegovina
    Deffo there, no objections.
    And check up SoloLearn apps on android, i used one of them and it was pretty good (not sure what i was learning, they have a lot of learning apps)
     
    Tomato Hentai likes this.
  4. Tomato Hentai
    OP

    Tomato Hentai nut neutrality

    Member
    3,803
    6,263
    Oct 30, 2014
    Canada
    Alberta
    Too bad I don't have an Android phone or tablet :T
     
  5. GamerzHell9137

    GamerzHell9137 GBAtemp Psycho!

    Member
    3,833
    1,687
    Nov 1, 2011
    Bosnia and Herzegovina
    Sucks. Don't think they made their apps on iOS but you can google and see.
     
  6. Tomato Hentai
    OP

    Tomato Hentai nut neutrality

    Member
    3,803
    6,263
    Oct 30, 2014
    Canada
    Alberta
    I don't have an iPhone iPod or iPad either lol
     
  7. GamerzHell9137

    GamerzHell9137 GBAtemp Psycho!

    Member
    3,833
    1,687
    Nov 1, 2011
    Bosnia and Herzegovina
    Ohh... good luck then lol
     
    Tomato Hentai likes this.
  8. ILOVETOPLAYNESGA

    ILOVETOPLAYNESGA Member

    Newcomer
    47
    9
    Dec 21, 2010
    United States
    This is indeed the best place to start. Once you get comfortable with CSS and JavaScript, you should check out Bootstrap and jQuery there as well. I wouldn't touch PHP until you have down the rest, as PHP is something you use to generate the rest basically, or link into a database.
     
    Tomato Hentai likes this.
  9. SomeGamer

    SomeGamer GBAtemp Guru

    Member
    5,804
    2,772
    Dec 19, 2014
    Hungary
    I think you should just learn them in the order they are listed on the site. (I'd put PHP before SQL, though...)
     
    Tomato Hentai likes this.
  10. Tomato Hentai
    OP

    Tomato Hentai nut neutrality

    Member
    3,803
    6,263
    Oct 30, 2014
    Canada
    Alberta
    I already know a bit of SQL
     
  11. MarcusD

    MarcusD baby Near

    Member
    1,221
    2,559
    Oct 16, 2015
    Hungary
    under the bed
    Personally I learned HTML first by myself. I once found a good-looking website, and I wanted to see how it works, so I viewed it's source (I think it's CTRL + SHIFT + i in Firefox). It looked kinda logical that elements are made of <>, and you need to close the element, and the elements can have content inside them (other elements or text), and can have parameters with name="value". I learned this by derping around xD After that I learned a bit of JavaScript, then CSS.
    I think you should learn it in this order. Also, as others said, W3School is a good place to look for if you don't know something. Also, if you want to learn with the "derping around" method, I suggest you to use Firefox Developer Edition for derping around/testing webpages, because it's very useful, and it has some useful tools for "debugging"/testing stuff.
     
    Last edited by MarcusD, Dec 16, 2015
    Tomato Hentai likes this.
  12. zero_g_monkey

    zero_g_monkey GBAtemp Fan

    Member
    332
    203
    Aug 9, 2013
    United States
    You may be able to use the android apps via BlueStacks if you wanted to try them.
     
    Tomato Hentai likes this.
  13. FAST6191

    FAST6191 Techromancer

    pip Reporter
    23,847
    9,742
    Nov 21, 2005
    United Kingdom
    Some dislike w3schools if you are not already familiar with things. I am not sure I would go that far. If you intend to become the all knowing web coding reference manual then I would not suggest there but if you want to get stuff done then you could do far far worse.

    For Javascript I would suggest https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction and others would probably point at the mozilla developer network for other things.

    "All I know is that I should probably learn HTML first and then maybe move on to CSS afterwards"
    Then you know/were told wrong. HTML and CSS in the so intertwined in the modern world it is basically impossible to separate them. If you want to stick to the older versions of HTML (don't do that) then you might be able to put off CSS for a tiny bit but not for long.

    On getting HTML+CSS on lock and then going to php... can't get behind that one. PHP is probably one of the quickest actual programming languages to learn and get by with and you could do a lot at the same time. Now this is also dangerous as php will still give you enough rope to hang yourself, especially if you are trying for security (do you know what a unique per user salted hash table is and why you would want one? No, that is OK as php will allow you to put something public facing without it). Oh and the only valid security that javascript can provide is that crawler bots usually do not like it -- it runs on your attacker's computer so clearly nothing it does could really be trusted.
    On SQL. Just make sure you understand roughly what you are doing and make sure your queries are about as nice as they can be to the database and you will do OK. Do also remember the SQL might not be the on the same server as the php interpreter and that counts for something. Do also read up on SQL injection, it has started to go away but I still see some newer developers making the mistakes.

    As always if you have a project to keep you entertained then great, if not then I suggest having some existing piece of code and seeing if you can trace down things within it -- one thing I often find is I speak to a nice new HTML+CSS+PHP dev that will almost be able to make me a site from scratch from memory of the commands but you send them into a client site that has a wordpress install that has been customised over the years (possibly badly and usually with little regard to child themes or forking a plugin) and watch the panic attack form. Or if you prefer then get an average theme for wordpress (one of the slightly older twentytwelve/twentythirteen type ones) and change the width? Your nice w3 schools education has taught you to make a nice div and assign it a width, technically that was done here as well but have fun hunting things down. However this is why we have http://getfirebug.com/
    If you lack toy hosting somewhere online then I highly suggest a copy of http://www.uniformserver.com/

    I can not offer much guidance on ruby on rails, ASP.net or mssql. If you want to learn one kind of code related thing that is not html, css, javascript, php or ?sql then I suggest https://httpd.apache.org/docs/2.4/howto/htaccess.html time was it might have been XML but I think JSON has damaged that position somewhat, though knowing your way around XML is not a bad plan.

    Oh and it is not strictly web coding but I do also like to link things like http://www.designmantic.com/blog/wp-content/uploads/2014/05/Color-Theory-Infographic.jpg and http://www.designmantic.com/blog/wp-content/uploads/2014/04/font-infography.jpg at these points in time.

    Also if you plan to do this for other people then http://theoatmeal.com/comics/design_hell
     
    Tomato Hentai likes this.
  14. thedrev

    thedrev Member

    Newcomer
    14
    7
    Oct 19, 2015
    France
    Books. But one and read everything, install a web server localy and rewrite the examples.
    Use internet only for support/more doc
     
    Tomato Hentai likes this.
  15. RainCode

    RainCode The Temper that Tampers

    Member
    162
    57
    Sep 29, 2015
    /dev/null
    HTML is like the framework of the building - the structure. Perhaps also the materials.
    CSS is like the appearence of the wallpaper - the style.

    You can't have wallpaper without the actual material.
     
    Last edited by RainCode, Dec 19, 2015
  16. Dimensional

    Dimensional GBAtemp Advanced Fan

    Member
    626
    95
    Dec 7, 2008
    United States
    Texas
    Codecademy
    They teach all kinds of scripting, including html, php, css, and js.