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

[MGadAllahBH]

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.

[DPyro]

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.

[Sandor]

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.

[LaP]

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.

[primexx]

don't use W3CSchools

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

[MGadAllahBH]

  On 22/11/2012 at 02:41, DPyro said:

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

  On 22/11/2012 at 02:41, technikal said:

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.

  On 22/11/2012 at 02:53, LaP said:

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

  Quote

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?

  On 22/11/2012 at 06:23, primexx said:

don't use W3CSchools

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

I am really feel confused about this W3 website.

[LaP]

  On 22/11/2012 at 18:35, MGadAllahBH said:

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

[ncc50446]

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

[nub]

http://www.csszengarden.com/

Select a design and press Ctrl+U

  On 22/11/2012 at 18:35, MGadAllahBH said:

I am really feel confused about this W3 website.

http://w3fools.com/

[Matthew_Thepc]

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

[phate]

Can't believe no one suggested codecademy.com

[-Alex-]

  On 23/11/2012 at 07:47, phate said:

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.

[szo]

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.