Introduction to web development

From OSSCOM
Jump to: navigation, search

Introduction

The main aim of this course is to give students a hands-on experience with different web technologies and standards like: HTML, XHTML, JavaScript, CSS, and some of main aspects of server side scripting using ASP.NET and PHP.


Lecture 1


  • Introduction to Web Development
  • Introduction to Web Technologies
    • HTML/XHTML and the difference between them
    • CSS
    • Client Side Scripting (JavaScript)
  • Tools for Writing Web Pages

Slides

Lecture 2


  • HTML Page Structure
    • Basic Document Structure
    • Attribute Groups
    • Basic Text Formatting
    • Presentational Elements
    • Lists
    • Comments
    • element
    • Block and inline elements
    • and elements

Slides

Lecture 3


  • HTML Links and Navigation
    • Basic Links
    • Understanding Directory and Directory Structure
    • Creating Links with the <a> Element
    • E-mail Links

Slides

Lecture 4


  • HTML Tables
    • Basic Table Elements (<table> , <tr> , <td>, <th> )
    • Adding a to a Table
    • Grouping Sections of a Table
    • Nested Tables

Slides

Lecture 5


  • Images, Audio, and Video
    • Adding images using <img> element
    • Using images as links
    • Image maps
    • Images formats
    • Adding flash, video and audio to your webpage

Slides

Lecture 6


  • HTML Forms
    • Creating Forms with <form> Element
    • Form Controls
      • Text Inputs
      • Buttons
      • Checkboxes
      • Select Boxes
      • File Select Boxes
      • Hidden Controls
    • Focus
    • Disabled and Read-only Controls
    • Sending Data to the Server

Slides

Lecture 7


  • HTML Frames
    • <frameset> Element
    • Creating Links between Frames
    • Setting a Default Target Frame Using <base> Element
    • Inline or Floating frames with <iframe> Element

Slides

Lecture 8


  • Introduction to CSS
    • CSS Rules
    • CSS Comments
    • CSS Selectors
      • Precedence of Selectors
      • Determining a Selector’s Specificity

Slides

Lecture 9


  • CSS Positioning and Visibility
    • Work with position property
    • Work with z-index property
    • Work with display property
    • Work with visibility property
    • Work with float property
    • Work with clear property

Slides

Lecture 10


  • CSS Page Layout

Slides

Lecture 11


  • Introduction to JavaScript

Slides

Lecture 12


  • Introduction to JavaScript Programming

Slides

Lecture 13


  • Form Validations Using JavaScript

Slides

Lecture 14


  • Introduction to jQuery

Slides

tryjQuery Slides (zip)

Lecture 15


  • Static vs. Dynamic Web Content
  • Server Pages Technologies
  • ASP.NET Page Lifecycle
  • Response and Request Objects

Slides

Lecture 16


  • Introduction to AJAX

Slides

Lecture 17


  • Server-side Scripting Concepts
    • Creating a simple ASP.NET website
    • Combining Server Side and Client Side Scripting
    • Query String
    • Session Variables
    • Creating a Simple Web-Service

Slides

Lecture 18


  • Introduction to PHP
    • How to connect to MySQL Database

Slides

Lecture 19


  • Things to consider beyond the scope of this course

Slides

Retrieved from "http://wiki.osscom.org/index.php?title=Introduction_to_web_development&oldid=68"