The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.
Web Development for Beginners
This article is Ready to Use.
So you want to learn to make websites? This page has a list of articles that are perfect to help you understand the basics. It describes the tools of the trade and provides links to articles explaining the basics.
|Language:||English • español • 日本語 • 한국어 • português do Brasil • Türkçe • 中文|
The Beginners section covers the various aspects of web development separated in 9 parts, you can navigate through them using this list.
- 1. The beginning
- 2. A crash course in web site code
- 3. Planning
- 4. Structuring our content with HTML
- 5. Styling our content with CSS
- 6. Programming fundamentals
- 8. Advanced topics
- 9. Browser testing
Before you start
In this section, you will be writing a lot of code, and testing it out in web browsers. Before you start, you should at least have the following installed:
- The newest browsers you are able to install. — You do not need all of them in the same time, a recent one will do!
- Optional, a bleeding edge version of the browser — useful if you want to test very recent techniques
- A text editor. There are plenty of free and open source editors to choose from. Try to learn by avoiding auto-completion and type everything. You will feel the benefits later!
Now roll your sleeves up and get ready to learn. Browse our full list of learning articles if you exhaust the list of articles here and want to learn more!
Other useful articles for beginners
- The history of the Web
- How does the Internet work
- Getting your content online
HTML — structuring your web content
- The basics of HTML
- DOCTYPES and markup styles
- HTML validation
- The HTML <head>
- HTML text
- HTML lists
- Images in HTML
- HTML links
- HTML structural elements
- HTML tables
- HTML forms basics
- HTML5 form features
- Lesser-known semantic elements
CSS — styling your web content
- Getting started with CSS
- Using selectors
- Text styling fundamentals
- CSS background images
- Exploring the CSS box model
- Exploring the CSS layout model
- Making CSS easier to read
- Targetting styles with media queries
- Programming basics
- Traversing the DOM
- Creating and modifying HTML
- Pointer Events for mouse, touch, and pen input