Introduction to Web development

  • Revision slug: Web_Development/Introduction_to_Web_development
  • Revision title: Introduction to Web development
  • Revision id: 61187
  • Created:
  • Creator: addyosmani
  • Is current revision? No
  • Comment correcting case issue.; 1 words added, 1 words removed

Revision Content

Whether you're just getting started with Web development, or are just expanding your horizons into new realms of Web awesomeness, the links here should help you get started.

Note: The recommended resources on this page are subject to change.

Documentation topics

 

HTML

Resources

Opera's Web Standards Curriculum
Covers web design, HTML and HTML5, CSS, JavaScript and accessibility. This is a good starting point for beginners wishing to learn web development fundamentals across a number of areas.
SitePoint
A reliable reference site for learning HTML, CSS and JavaScript which also mentions feature support across different browsers and known browser bugs.
HTMLDog
An excellent and comprehensive reference site on HTML and CSS for beginners.
Google's HTML, CSS, and Javascript from the Ground Up
These easily digestible video tutorials from Google's expert web developers cover the basics of HTML, CSS and JavaScript.

 

{{ languages( { "zh-tw": "zh_tw/Web_開發/Web開發入門" } ) }}

Revision Source

<p>Whether you're just getting started with Web development, or are just expanding your horizons into new realms of Web awesomeness, the links here should help you get started.</p>
<div class="note"><strong>Note:</strong> The recommended resources on this page are subject to change.</div>
<table class="mainpage-table"> <tbody> <tr> <td width="50%"> <h2>Documentation topics</h2> <p> </p> <h3>HTML</h3> <ul> <dl> <dt>Getting started </dt> <ul> <li><a class="external" href="http://dev.opera.com/articles/view/12-the-basics-of-html/" title="http://dev.opera.com/articles/view/12-the-basics-of-html/">The basics of Hypertext Mark-up Langage (HTML</a>) - what exactly is HTML?</li> <li><a class="external" href="http://reference.sitepoint.com/html/page-structure" title="http://reference.sitepoint.com/html/page-structure">Basic structure of a web page</a> - the doctype and document 'tree'</li> <li><a class=" external" href="http://reference.sitepoint.com/html/elements" title="http://reference.sitepoint.com/html/elements">Fundamental HTML Elements</a>  - structural, head, list, form elements and more, explained by category.</li> <li><a class=" external" href="http://htmldog.com/guides/htmlbeginner/" title="http://htmldog.com/guides/htmlbeginner/">HTML Beginners Tutorial</a> - a tutorial and exercise that recap and take you through the basics you've learned above.</li> </ul> </dl> </ul> </td> <td width="50%"> <h2>Resources</h2> <dl> <dt><a class="external" href="http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur" title="http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur">Opera's Web Standards Curriculum</a></dt> <dd>Covers web design, HTML and HTML5, CSS, JavaScript and accessibility. This is a good starting point for beginners wishing to learn web development fundamentals across a number of areas.</dd> <dt><a class="external" href="http://reference.sitepoint.com/" title="http://reference.sitepoint.com/">SitePoint</a></dt> <dd>A reliable reference site for learning HTML, CSS and JavaScript which also mentions feature support across different browsers and known browser bugs.</dd> <dt><a class="external" href="http://htmldog.com/" title="http://htmldog.com/">HTMLDog</a></dt> <dd>An excellent and comprehensive reference site on HTML and CSS for beginners.</dd> <dt><a class="external" href="http://code.google.com/edu/submissions/html-css-javascript/" title="http://code.google.com/edu/submissions/html-css-javascript/">Google's HTML, CSS, and Javascript from the Ground Up</a></dt> <dd>These easily digestible video tutorials from Google's expert web developers cover the basics of HTML, CSS and JavaScript.</dd> </dl> </td> </tr> </tbody>
</table>
<p> </p>
<p>{{ languages( { "zh-tw": "zh_tw/Web_開發/Web開發入門" } ) }}</p>
Revert to this revision