• 0

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


Question

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.

12 answers to this question

Recommended Posts

  • 0

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.

  • Like 1
  • 0

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.

  • Like 1
  • 0
  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.
  • 0
  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/.

  • 0

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

  • 0

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

  • 0
  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.

  • 0

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.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • They are shifting into AI now. Don't you see?
    • Exactly. No need to pay to rent a license. I'd rather own it.
    • Weekend PC Game Deals: Automation fests, Civilization for free, charity specials, and more by Pulasthi Ariyasinghe Weekend PC Game Deals is where the hottest gaming deals from all over the internet are gathered into one place every week for your consumption. So kick back, relax, and hold on to your wallets. The Epic Games Store unlocked a big strategy game giveaway earlier this week: Civilization VI: Platinum Edition. Coming in from Firaxis Games, the turn-based 4X experience has you starting world-conquering campaigns to explore, expand, exploit, and exterminate everything in your empire's reach. PvP and co-op multiplayer are also options if the various forms of AI prove to be too easy or even too troublesome. The Sid Meier’s Civilization VI: Platinum Edition giveaway is live until July 24, and it comes with two massive expansions as well as six DLC packs with extra scenarios, leaders, and more. Next week, tower defense title Legion TD 2 will become the latest freebie on the Epic Games Store. The Humble Store brought a new bundle for action game fans this weekend, and it's all about the Devil May Cry franchise. The Devil Trigger Collection begins with DmC: Devil May Cry and Devil May Cry HD Collection for $10. If you want to complete the bundle, it will set you back $20, which gets you Devil May Cry 4 Special Edition as well as the most recent entry, Devil May Cry 5, as well as its Vergil DLC. This bundle has two weeks left on its counter before it goes away. Big Deals Most publishers are returning to their usual weekend specials after the massive summer sales, so there are plenty of discounts to go around. There's even a special Make a Wish charity sale running on Steam with some discounted viral hits. With all those and more, here's our hand-picked big deals list for the weekend: Satisfactory – $27.99 on Steam Captain of Industry – $24.49 on Steam No Man's Sky – $23.99 on Steam Persona 5 Royal – $23.99 on Steam No More Room in Hell 2 – $22.49 on Steam FOUNDRY – $20.99 on Steam Banishers: Ghosts of New Eden – $19.99 on Steam SULFUR – $19.99 on Steam Assassin's Creed Mirage – $19.99 on Steam Alan Wake 2 – $19.99 on Epic Store Grand Theft Auto V Enhanced – $19.79 on Steam Norland – $19.49 on Steam Stray – $17.99 on Steam V Rising – $17.49 on Steam Dyson Sphere Program – $15.99 on Steam The Outlast Trials – $15.99 on Steam Warhammer 40,000: Darktide – $15.99 on Steam The Outlast Trials – $15.99 on Steam Red Dead Redemption 2 – $14.99 on Steam Turing Complete – $13.99 on Steam Eden Crafters – $13.99 on Steam Core Keeper – $13.99 on Steam Thank Goodness You're Here! – $12.99 on Steam Opus Magnum – $9.99 on Steam Autonauts – $9.99 on Steam EXAPUNKS – $9.99 on Steam DRAGON BALL XENOVERSE 2 – $9.99 on Steam Superliminal – $9.99 on Steam Heaven's Vault – $9.99 on Steam RAILGRADE – $9.89 on Steam Goat Simulator 3 – $9.89 on Steam Tchia – $9.89 on Steam ACE COMBAT 7: SKIES UNKNOWN – $9.59 on Steam PAYDAY 3 – $8.99 on Steam Assassin's Creed Origins – $8.99 on Steam Viewfinder – $8.74 on Steam Escape Academy – $7.99 on Steam Pit People – $7.99 on Steam Skull and Bones – $7.99 on Steam Immortals Fenyx Rising – $7.99 on Steam Imperator: Rome – $7.59 on Steam SHENZHEN I/O – $7.49 on Steam Tom Clancy’s The Division 2 – $7.49 on Steam Bassmaster Fishing – $7.49 on Steam Let's Build a Zoo – $6.99 on Steam The Forgotten City – $6.24 on Steam Control Ultimate Edition – $5.99 on Steam Bramble: The Mountain King – $5.99 on Steam Assassin’s Creed Rogue – $5.99 on Steam RoboCop: Rogue City – $4.99 on Steam Kingdom Two Crowns – $4.99 on Steam Scott Pilgrim vs. The World: The Game – $4.94 on Steam Castle Crashers – $4.49 on Steam BattleBlock Theater – $4.49 on Steam TOEM: A Photo Adventure – $3.99 on Steam Supraland – $3.99 on Steam Vampire Survivors – $3.99 on Steam Darkwood – $3.74 on Steam Valiant Hearts: The Great War – $3.74 on Steam TIS-100 – $3.49 on Steam PAYDAY 2 – $3.29 on Steam Cake Bash – $2.99 on Steam Ragnarock – $1.99 on Steam Alan Wake – $1.49 on Steam Civilization VI Platinum Edition – $0 on Epic Store DRM-free Specials Lastly, here are some highlights from the DRM-free discounts available on the GOG store this weekend: Age of Wonders 4 - $29.99 on GOG Pathfinder: Wrath of the Righteous - Game of the Year Edition - $19.99 on GOG Tomb Raider IV-VI Remastered - $19.49 on GOG The Thaumaturge - $19.24 on GOG Chained Echoes - $13.74 on GOG Tyranny - Gold Edition - $12.49 on GOG Tomb Raider I-III Remastered Starring Lara Croft - $11.99 on GOG Baldur's Gate: Enhanced Edition - $9.99 on GOG Baldur's Gate II: Enhanced Edition - $9.99 on GOG Neverwinter Nights: Enhanced Edition - $9.99 on GOG Old World - $9.99 on GOG Icewind Dale: Enhanced Edition - $9.99 on GOG Neverwinter Nights: Doom of Icewind Dale - $7.99 on GOG Kingdom Come: Deliverance - $5.99 on GOG Might and Magic 6-pack Limited Edition - $4.99 on GOG Heroes of Might and Magic 3: Complete - $4.99 on GOG Blood Omen: Legacy of Kain - $3.49 on GOG Might and Magic 8: Day of the Destroyer™ - $2.99 on GOG Worms Armageddon - $2.99 on GOG ATOM RPG: Post-apocalyptic indie game - $2.99 on GOG Keep in mind that availability and pricing for some deals could vary depending on the region. That's it for our pick of this weekend's PC game deals, and hopefully, some of you have enough self-restraint not to keep adding to your ever-growing backlogs. As always, there are an enormous number of other deals ready and waiting all over the interwebs, as well as on services you may already subscribe to if you comb through them, so keep your eyes open for those, and have a great weekend.
    • Wild that this was even allowed from the jump
    • Microsoft stops using China-based engineers to support US defense clients by Hamid Ganji Microsoft announced on Friday that its China-based engineers can no longer provide technical support to the US military and other defence clients using the company's cloud services. Frank Shaw, Microsoft's Chief Communications Officer, wrote on X, "In response to concerns raised earlier this week about US-supervised foreign engineers, Microsoft has made changes to our support for US Government customers to assure that no China-based engineering teams are providing technical assistance for DoD Government cloud and related services." The issue came into the spotlight after a report by ProPublica detailed how Microsoft's Azure engineers in China are providing technical support to the US defense clients. Microsoft had apparently told ProPublica that its engineers and contractors complied with US government laws. These China-based engineers are reportedly supervised through so-called "digital escorts" in the US, who are allegedly less technically qualified than the engineers and can not determine whether the Chinese engineers under their supervision pose a cyber threat to the United States. On Friday, Senator Tom Cotton sent a letter to Defense Secretary Pete Hegseth, demanding explanations about how these "digital escorts" are trained to detect threats, as well as the list of contractors that use Chinese personnel. "The US government recognizes that China's cyber capabilities pose one of the most aggressive and dangerous threats to the United States, as evidenced by infiltration of our critical infrastructure, telecommunications networks, and supply chains," Cotton wrote. In a video posted on X, Hegseth said this is "obviously unacceptable" and that he's issuing a two-week review of Pentagon cloud deals to ensure that "China will no longer have any involvement whatsoever in our cloud services, effective immediately." The US Defense Secretary also said the current controversy is due to "A legacy system created over a decade ago, during the Obama administration." Microsoft, Amazon, Google, and Oracle jointly received a $9 billion Department of Defense cloud services contract in 2022.
  • Recent Achievements

    • First Post
      artistro08 earned a badge
      First Post
    • First Post
      paul29 earned a badge
      First Post
    • Dedicated
      Homeless Vagrant earned a badge
      Dedicated
    • One Month Later
      Coolray5432 earned a badge
      One Month Later
    • Week One Done
      Coolray5432 earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      498
    2. 2
      ATLien_0
      223
    3. 3
      Michael Scrip
      196
    4. 4
      Xenon
      161
    5. 5
      +FloatingFatMan
      138
  • Tell a friend

    Love Neowin? Tell a friend!