Click here to Skip to main content
12,077,351 members (46,918 online)
Click here to Skip to main content
Add your own
alternative version

Stats

345.1K views
535 bookmarked
Posted

Beginner's Walk - Web Development

, 3 Apr 2014 CPOL
Rate this:
Please Sign up or sign in to vote.
Web development beginner tutorials. A compilation of web development tutorials that serve as a beginner's walk to web development

We want to create the definitive Beginner's Walk for Web Development and we need your help in putting together the articles.

This Table of Contents is editable by all Silver members and above. What we want you to do is replace the entries in the Table of Contents below with links to articles that represent the entries.

Find an article that matches an entry and replace the entry with a link to the article, updating the entry's text with the title of the article, and making the entry a hyperlink to the article. If you can't find an article then write one! Find a topic that suits you, author an article, and once it's approved by our members then link to it from here. Full circles represent article titles, open circles represent article topics.

This is not a wiki in the traditional sense. There's no rollback and no versioning. It's an experiment we hope you enjoy. If you have any questions or comments feel free to send us an email at submit@codeproject.com.

HTML – Basics Required For Making Web Sites

  • HTML For Beginners By Nongjian Zhou
    • Basic tags and Page Structure
    • Elements
    • Attributes
    • Paragraph, Divs, Tables
    • Design, Formatting Tags – Style Declaration (Basic CSS)
    • Div Page Design – Why using tables for layout is bad
    • Protocols – HTTP, Port Numbers, SSL (HTTPS)
    • URL-encode (for specifying addresses in hyperlinks) / HTML Encode (for representing entities in HTML)
    • What not to use
    • Designing for different browsers / Cross Browser Compatibility / Quirks vs Standards Mode
    • XHTML schema, and how to target it

CSS

  • CSS For Beginners By Nongjian Zhou
    • Syntax
    • Text Properties
    • Borders, Margins, Padding - Differences in how these are rendered in different browsers
    • Positioning
    • Cross Browser Issues, CSS 2.1

JavaScript

ASP.NET

PHP

  • General Overview
    • Basic Syntax
    • Using Operators, Functions, Statements, Namespaces, Exceptions, etc.
    • GET vs POST
  • Basics
    • Page Creation
    • Inserting PHP Script
    • Files — create, read/write, open, delete, etc.
  • Objects
    • Overview
    • Constructors and Destructors
    • Class Definitions
    • Object Iteration
    Function Reference
  • APC
  • Error Handling
  • Database Extensions
  • Directory
  • Filesystem
  • FTP
  • HTTP
  • libxml
  • XML Parser
  • Session Handling
  • Web Services
    • SCA
    • SOAP
    • XML
    • RPC
    Libraries
  • MySQL
  • SQLite
  • LDAP servers

Ajax

Security

  • Security – Cross Site Scripting
  • Security – SQL Injection by Colin Angus Mackay
  • Security – HTML Injection
  • Security – Spoofing and Phishing
  • Security – Handling Passwords and Logins
  • Security – General Overview – all possible threats

History

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Sean Ewington
Technical Writer CodeProject
Canada Canada
Sean Ewington is the Content Manager for CodeProject.

His background in programming is primarily C++ and HTML, but has experience in other, "unsavoury" languages.

He loves movies, and likes to say "inconceivable" often, even if it does not mean what he thinks it means.

You may also be interested in...

Comments and Discussions

 
GeneralPlace this article Pin
Abhijit Jana11-Jun-09 4:47
mvpAbhijit Jana11-Jun-09 4:47 
GeneralRe: Place this article Pin
Sean Ewington11-Jun-09 5:25
staffSean Ewington11-Jun-09 5:25 
GeneralRe: Place this article Pin
Abhijit Jana11-Jun-09 7:02
mvpAbhijit Jana11-Jun-09 7:02 
Generalgood place to put this all togheter Pin
Donsw8-Feb-09 14:35
memberDonsw8-Feb-09 14:35 
QuestionWhat about this one ? Pin
Abhijit Jana15-Jan-09 5:55
mvpAbhijit Jana15-Jan-09 5:55 
AnswerRe: What about this one ? Pin
Sean Ewington16-Jan-09 12:21
staffSean Ewington16-Jan-09 12:21 
GeneralRe: What about this one ? Pin
Abhijit Jana16-Jan-09 23:15
mvpAbhijit Jana16-Jan-09 23:15 
GeneralModified TOC Pin
N a v a n e e t h23-Dec-08 17:12
memberN a v a n e e t h23-Dec-08 17:12 
GeneralRe: Modified TOC Pin
Abhijit Jana23-Dec-08 18:51
memberAbhijit Jana23-Dec-08 18:51 
GeneralRe: Modified TOC Pin
N a v a n e e t h24-Dec-08 3:08
memberN a v a n e e t h24-Dec-08 3:08 
GeneralRe: Modified TOC Pin
Abhijit Jana26-Dec-08 21:59
memberAbhijit Jana26-Dec-08 21:59 
GeneralHave a look Pin
Abhijit Jana20-Dec-08 4:53
memberAbhijit Jana20-Dec-08 4:53 
GeneralRe: Have a look Pin
Sean Ewington22-Dec-08 4:47
staffSean Ewington22-Dec-08 4:47 
QuestionWhat about different approach for teaching begginers ? Pin
TKluza8-Dec-08 12:52
memberTKluza8-Dec-08 12:52 
Great idea with all that walking but I was wondering. Is this what the begginer wants ? Although putting all the tags with samples is usefull I would argue that it will be usefull but later on the way to the top ; ) IMHO the most effective way of doing any introduction to anything is to lead someone in some real life scenario/case studies etc. Maybe smth like a fictional char/beginner developer in some Contoso-like company who has to do a series of challenges etc I think you should get the idea by now. The structure could be like:

Part 1

(first day on the job/new department) and a (very simple) company website to create (based on some assets provided f.e in txt file/word/openoffice etc by company manager or PR department with some (needed with that first scenario and based on that articles above) information about html/css. On a substiantial days it could evolve to more advanced things from the TOC. I could imagine a couple of samples that would teach the begginer some basic do's and donts etc

and Parts from 2 to N ; )

It's just some brainstorming ; ) and yes it would be a little bit more time consuming.

cheers!
AnswerRe: What about different approach for teaching begginers ? Pin
Sean Ewington12-Dec-08 11:04
staffSean Ewington12-Dec-08 11:04 
GeneralRe: What about different approach for teaching begginers ? Pin
rctaubert29-Dec-08 15:18
memberrctaubert29-Dec-08 15:18 
GeneralNice article Pin
Brij5-Dec-08 3:52
memberBrij5-Dec-08 3:52 
GeneralRe: Nice article Pin
Rory van der Berg12-Aug-09 3:07
memberRory van der Berg12-Aug-09 3:07 
GeneralRe: Nice article Pin
Sean Ewington12-Aug-09 4:08
staffSean Ewington12-Aug-09 4:08 
GeneralSemantic markup Pin
SimonRigby3-Dec-08 20:37
memberSimonRigby3-Dec-08 20:37 
GeneralRe: Semantic markup Pin
Sean Ewington12-Dec-08 11:01
staffSean Ewington12-Dec-08 11:01 
GeneralRe: Semantic markup Pin
SimonRigby13-Dec-08 0:47
memberSimonRigby13-Dec-08 0:47 
GeneralHTML Section Pin
db_cooper195025-Nov-08 10:35
memberdb_cooper195025-Nov-08 10:35 
GeneralRe: HTML Section Pin
Sean Ewington26-Nov-08 10:46
staffSean Ewington26-Nov-08 10:46 
GeneralRe: HTML Section Pin
db_cooper19502-Dec-08 10:25
memberdb_cooper19502-Dec-08 10:25 
Generalasp Pin
quailsafe19-Nov-08 12:33
memberquailsafe19-Nov-08 12:33 
GeneralRe: asp Pin
Sean Ewington21-Nov-08 12:00
staffSean Ewington21-Nov-08 12:00 
GeneralGreat idea! Pin
Alan Balkany19-Nov-08 7:10
memberAlan Balkany19-Nov-08 7:10 
GeneralRe: Great idea! Pin
JonnyLA25-Nov-08 4:45
memberJonnyLA25-Nov-08 4:45 
QuestionPHP? Pin
Joe Q19-Nov-08 3:39
memberJoe Q19-Nov-08 3:39 
AnswerRe: PHP? Pin
Sean Ewington21-Nov-08 11:59
staffSean Ewington21-Nov-08 11:59 
GeneralGreat Idea Pin
Sean Botha18-Nov-08 20:43
memberSean Botha18-Nov-08 20:43 
GeneralExcelent Initiative Pin
Abhijit Jana18-Nov-08 20:10
memberAbhijit Jana18-Nov-08 20:10 
GeneralRe: Excelent Initiative Pin
Sean Ewington19-Nov-08 11:04
staffSean Ewington19-Nov-08 11:04 
GeneralRe: Excelent Initiative Pin
Abhijit Jana1-Dec-08 3:37
memberAbhijit Jana1-Dec-08 3:37 
GeneralRe: Excelent Initiative Pin
Sean Ewington1-Dec-08 4:33
staffSean Ewington1-Dec-08 4:33 
GeneralRe: Excelent Initiative Pin
Abhijit Jana7-Dec-08 2:17
memberAbhijit Jana7-Dec-08 2:17 
GeneralThis could be Great Pin
thund3rstruck18-Nov-08 9:38
memberthund3rstruck18-Nov-08 9:38 
GeneralRe: This could be Great Pin
Sean Ewington19-Nov-08 11:03
staffSean Ewington19-Nov-08 11:03 
GeneralRe: This could be Great Pin
thund3rstruck22-Dec-08 17:02
memberthund3rstruck22-Dec-08 17:02 
GeneralAddition to the Beginner's Guide Pin
Julian Tasis17-Nov-08 14:38
memberJulian Tasis17-Nov-08 14:38 
GeneralRe: Addition to the Beginner's Guide Pin
Sean Ewington18-Nov-08 6:27
staffSean Ewington18-Nov-08 6:27 
GeneralBeginners Walk Pin
Terry Brearley17-Nov-08 5:17
memberTerry Brearley17-Nov-08 5:17 
QuestionDo we need to modernise old articles e.g. "CSS For Beginners" Pin
BloodBaz17-Nov-08 2:24
memberBloodBaz17-Nov-08 2:24 
AnswerRe: Do we need to modernise old articles e.g. "CSS For Beginners" Pin
Thomas Stockwell17-Nov-08 2:44
memberThomas Stockwell17-Nov-08 2:44 
GeneralRe: Do we need to modernise old articles e.g. "CSS For Beginners" Pin
Sean Ewington18-Nov-08 6:20
staffSean Ewington18-Nov-08 6:20 
QuestionActual Links? Pin
NVU17-Nov-08 1:49
memberNVU17-Nov-08 1:49 
AnswerRe: Actual Links? Pin
BloodBaz17-Nov-08 2:25
memberBloodBaz17-Nov-08 2:25 
AnswerRe: Actual Links? Pin
Thomas Stockwell17-Nov-08 2:42
memberThomas Stockwell17-Nov-08 2:42 
GeneralSELFHTML Pin
James Ingram17-Nov-08 0:30
memberJames Ingram17-Nov-08 0:30 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.160212.1 | Last Updated 3 Apr 2014
Article Copyright 2008 by Sean Ewington
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid