Web Development for Beginners
Summary
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.
Beginners submenu
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
- 7. JavaScript
- 8. Advanced topics
- 9. Browser testing
- Glossary
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!
- Windows/Mac OS/Linux/Android (or others)
- Windows/Windows Phone
- Mac OS/iOS
Optional, a bleeding edge version of the browser — useful if you want to test very recent techniques
- Google Chrome Canary
- Mozilla Firefox Aurora
- Opera Next
- A modern.ie VM with a pre-release version of Microsoft Internet Explorer
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!
- All Platforms
- Windows
- Mac
- Linux
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
Web fundamentals
- The history of the Web
- How does the Internet work
- The web standards model — HTML, CSS and JavaScript
- Getting your content online
- Accessibility
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
JavaScript — adding dynamic behavior to websites
- Programming basics
- Your first look at JavaScript
- The purpose of JavaScript
- JavaScript functions
- Objects in JavaScript
- Traversing the DOM
- Creating and modifying HTML
- Manipulating CSS with JavaScript
- Events in JavaScript
- Pointer Events for mouse, touch, and pen input