Jump to content



Photo

Best practical way to learn html, css, php, java script, and mysql


  • Please log in to reply
12 replies to this topic

#1 MGadAllahBH

MGadAllahBH

    Neowinian

  • Joined: 22-November 12
  • Location: Egypt-cairo
  • OS: Windows 7 Ultimate 64 bit
  • Phone: Samsung Galaxy S2 GT-i9100

Posted 22 November 2012 - 02:22

Hello
I will start to learn web development stuffs as planning to enter this career
Please advise for best practical methodology for it.
I do not have any coding back ground but I am very much interested.


#2 DPyro

DPyro

    Neowinian Senior

  • Joined: 11-December 05
  • Location: Ontario,Canada

Posted 22 November 2012 - 02:41

Start here and work your way to the end: http://www.w3schools...html5_intro.asp

You can use notepad to create the html pages. Once you've learned html you can implement css and then eventually javascript and mysql.

#3 Sandor

Sandor

    Neowinian Senior

  • Joined: 28-November 03
  • Location: Canada
  • OS: Win 8.1
  • Phone: WP8

Posted 22 November 2012 - 02:41

Start with HTML, then CSS.

Then PHP and MySQL.

Javascript would be the last one to learn.

http://teamtreehouse.com/ is probably a good place to start.

#4 LaP

LaP

    Forget about it

  • Tech Issues Solved: 4
  • Joined: 10-July 06
  • Location: Quebec City, Canada
  • OS: Windows 8.1 Pro Update 1

Posted 22 November 2012 - 02:53

Books is still a good way to learn. Here's an okay free book http://diveintohtml5.info/. It's a good start and it's free.

Blogs like this one http://www.alsacreations.com/ is a good way too. It's a french blog but i'm sure you can find good ones in english too.

I highly recommend you to read this site : http://movethewebforward.org/.

Start with html5 and css3. No it's not final but it's better to start now. Just be sure to realise what you can use today and what you can't. The web site http://html5please.com/ is a good ressource to know what to use and what to avoid and which fallback/polyfill is avalaible. Html is not as easy as it looks like. Unless you want to create web sites with div, span and table everywhere (i would not hire you) you need to know all tags and their meaning. When you get into wai, aria roles and proper use of tags it can get daunting quickly.

You can do without too much Javascript. But it's a big plus to masterise it. A library like Jquery is almost a must imo.

Then you can learn the language/framework of your choise. The best is to know all the popular ones. But it takes time. I think php is a good start. It's widely used, has a very good online documentation and the community is great and helpful.

I highly recommend Aptana Studio.

Firefox with those plugins (Web Developer, Firebug, httpfox, agent switcher, colorzilla). Learn to use Firebug DOM inspector and Javscript debugger. It will save you A LOT of time.

Here's some links to help.

http://www.w3schools.com/ (take a close look at the HTML DOM section if you want to learn Javascript)
http://www.w3.org/
http://html5boilerplate.com/
http://html5please.com/
http://css3please.com/
http://modernizr.com/
http://jquery.com/
http://code.google.com/p/html5shiv/
http://necolas.githu.../normalize.css/
http://www.htmlcodetutorial.com/ (sorta outdated but well the quick list is still nice)

There's many other good ressources but i'm not on my work computer right now so can't remember all of them. But dig and you'll find them.

Here's my advise. Don't waste your time looking at html, css and js code you'll find online. 90% of the web sites out there are badly coded. Read blogs and books by people who know what they are doing.

#5 primexx

primexx

    Neowinian Senior

  • Tech Issues Solved: 6
  • Joined: 24-April 05

Posted 22 November 2012 - 06:23

don't use W3CSchools

use this http://www.webplatform.org/

#6 OP MGadAllahBH

MGadAllahBH

    Neowinian

  • Joined: 22-November 12
  • Location: Egypt-cairo
  • OS: Windows 7 Ultimate 64 bit
  • Phone: Samsung Galaxy S2 GT-i9100

Posted 22 November 2012 - 18:35

Start here and work your way to the end: http://www.w3schools...html5_intro.asp

You can use notepad to create the html pages. Once you've learned html you can implement css and then eventually javascript and mysql.

Actually I am a bit confused if using this W3 website is any good due to this contradiction. :(

Start with HTML, then CSS.

Then PHP and MySQL.

Javascript would be the last one to learn.

http://teamtreehouse.com/ is probably a good place to start.

Yes, this is the order how I am considering so far.

Books is still a good way to learn. Here's an okay free book http://diveintohtml5.info/. It's a good start and it's free.

Blogs like this one http://www.alsacreations.com/ is a good way too. It's a french blog but i'm sure you can find good ones in english too.

I highly recommend you to read this site : http://movethewebforward.org/.

Start with html5 and css3. No it's not final but it's better to start now. Just be sure to realise what you can use today and what you can't. The web site http://html5please.com/ is a good ressource to know what to use and what to avoid and which fallback/polyfill is avalaible. Html is not as easy as it looks like. Unless you want to create web sites with div, span and table everywhere (i would not hire you) you need to know all tags and their meaning. When you get into wai, aria roles and proper use of tags it can get daunting quickly.

You can do without too much Javascript. But it's a big plus to masterise it. A library like Jquery is almost a must imo.

Then you can learn the language/framework of your choise. The best is to know all the popular ones. But it takes time. I think php is a good start. It's widely used, has a very good online documentation and the community is great and helpful.

I highly recommend Aptana Studio.

Firefox with those plugins (Web Developer, Firebug, httpfox, agent switcher, colorzilla). Learn to use Firebug DOM inspector and Javscript debugger. It will save you A LOT of time.

Here's some links to help.

http://www.w3schools.com/ (take a close look at the HTML DOM section if you want to learn Javascript)
http://www.w3.org/
http://html5boilerplate.com/
http://html5please.com/
http://css3please.com/
http://modernizr.com/
http://jquery.com/
http://code.google.com/p/html5shiv/
http://necolas.githu.../normalize.css/
http://www.htmlcodetutorial.com/ (sorta outdated but well the quick list is still nice)

There's many other good ressources but i'm not on my work computer right now so can't remember all of them. But dig and you'll find them.

Here's my advise. Don't waste your time looking at html, css and js code you'll find online. 90% of the web sites out there are badly coded. Read blogs and books by people who know what they are doing.

Thanks a lot for the full time job reply :D
The most important part in your reply is this part

Don't waste your time looking at html, css and js code you'll find online. 90% of the web sites out there are badly coded. Read blogs and books by people who know what they are doing.

What could be the right source then?

don't use W3CSchools

use this http://www.webplatform.org/

I am really feel confused about this W3 website.

#7 LaP

LaP

    Forget about it

  • Tech Issues Solved: 4
  • Joined: 10-July 06
  • Location: Quebec City, Canada
  • OS: Windows 8.1 Pro Update 1

Posted 22 November 2012 - 21:42

The most important part in your reply is this part What could be the right source then?



Like i said mostly blogs and books. I'm french and i mostly read blogs written in french but i'm sure there's good one in english too.

But looking at the source code of web sites like Neowin and Microsoft is not a bad idea. I was mostly referring to all those obscure web sites and examples coded by people who are not "pro". There's lot of them online.

Usually when the code of a web site mostly validate and is not full of table, div and span everywhere it can be a good example to look at.

This said you need to realise that making a web site following all standards perfectly including accessibility can cost A LOT of money. Most companies will cut some corners. But as a "pro" web dev you still need to know what has been cut. This is why the theory (books and blogs) is better than practice (source code of a random web site).

I would like to give you links to good books and blogs but unless you speak french it's sadly not gonna happen.

But it's fairly easy to find good books and blogs using a simple Google search like "Best html5 books". But like i said start with this link http://movethewebforward.org/. It's a good ressource to know where to sart. And this free online book is a good start too http://diveintohtml5.info/.

#8 ncc50446

ncc50446

    Engage!

  • Tech Issues Solved: 1
  • Joined: 09-January 04
  • Location: Saskatchewan, Canada
  • OS: Fedora 18/Windows 7
  • Phone: Android AOKP 4.0.4

Posted 22 November 2012 - 23:19

You can use translate.google.ca to translate the webpages in French to English (Or whatever language), or use a browser extension as well. (And ignore the bad grammar since translations aren't perfect lol)

With the w3schools, primexx was referring to the fact that they have mistakes in their coding and tutorials. Just something that you have to remember when looking at their websites is all.

Also, don't expect to master it all lol A lot of people work with ones. They either do web design (CSS/HTML/JavaScript) or server side programming, while the other person does the other one. It's a lot to do both well

#9 nub

nub

    Neowinian Senior

  • Joined: 19-November 06
  • Location: Amerika

Posted 22 November 2012 - 23:33

http://www.csszengarden.com/

Select a design and press Ctrl+U

I am really feel confused about this W3 website.

http://w3fools.com/

#10 Matthew_Thepc

Matthew_Thepc

    Neowinian

  • Joined: 16-July 11
  • Location: San Jose, CA
  • OS: Windows 8.1 RTM

Posted 22 November 2012 - 23:41

as for w3schools, it's a great, straightforward site that will get you on the right path, but it has a lot of little problems that can really **** off some "pro" developers. I'd suggest you start with w3schools, but every time you finish a section or whatever there you should go to other sites and learn more about it. w3schools is kind of like elementary school - they simplify everything to make it easily understandable, but they kind of skip over some of the more complicated stuff, which ends up making their documentation a bit fuzzy. Sites like the web platform docs are more for people who already understand the stuff but want to expand their knowledge of it.

basically, use w3schools but after you learn about something make sure to look it up on webplatformdocs or another site

#11 phate

phate

    INTP

  • Joined: 23-December 04
  • Location: Tempe Arizona

Posted 23 November 2012 - 07:47

Can't believe no one suggested codecademy.com

#12 -Alex-

-Alex-

    Noob Hunter

  • Joined: 08-August 06
  • Location: Oslo, Norway

Posted 28 November 2012 - 03:51

Can't believe no one suggested codecademy.com


Haven't been there in a few months, but I was just about to suggest this for JavaScript. They might have added more languages now, I don't know.

#13 szo

szo

    Neowinian

  • Joined: 04-May 03

Posted 28 November 2012 - 18:51

Since you seem to be a complete novice, I suggest teamtreehouse.com because it provide a good way of learning through video and interactive coding simulations that you have to complete. The site goes from basics to advanced and it will help teach you a lot of things. If you're really serious, getting a $10 subscription isn't much since you want to go into this as a career. Books and other websites will help, but people learn programming differently. See whichever method is more suitable for your learning abilities.