beginners
Web development for beginners
Summary
This set of articles is for complete beginners to work through in confidence, building up their essential skills at the beginning of the journey to becoming a web designer or developer.
| Language: | English • español • 日本語 • 한국어 • português do Brasil • Türkçe • 中文 |
|---|
Before you start
In this course, 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. If you do not have them already, grab them from the homepages of Chrome, Firefox, Internet Explorer, Opera, and Safari.
- A decent text editor. Reasonable free options are Notepad++ for Windows, Sublime Text for Mac, Bluefish for Linux and Brackets for both Mac and Windows (Linux version coming soon).
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!
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 your 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
Applied techniques
This tool helps to make and review comments inline.
How to Use
insert instructions, with images, here