Difference between revisions of "Introduction to web development"

From OSSCOM
Jump to: navigation, search
Line 108: Line 108:
  
 
=== Lecture 11 ===
 
=== Lecture 11 ===
 +
----
 +
*Introduction to JavaScript
 +
[[media:IntroWeb_Lecture11.pdf|Slides]]
 +
 
=== Lecture 12 ===
 
=== Lecture 12 ===
 +
----
 +
*Introduction to JavaScript Programming
 +
[[media:IntroWeb_Lecture12.pdf|Slides]]
 +
 
=== Lecture 13 ===
 
=== Lecture 13 ===
 +
----
 +
*Form Validations Using JavaScript
 +
[[media:IntroWeb_Lecture13.pdf|Slides]]
 +
 
=== Lecture 14 ===
 
=== Lecture 14 ===
 +
----
 +
*Introduction to jQuery
 +
[[media:IntroWeb_Lecture14.pdf|Slides]]
 +
 
=== Lecture 15 ===
 
=== Lecture 15 ===
 +
----
 +
*Static vs. Dynamic Web Content
 +
*Server Pages Technologies
 +
*ASP.NET Page Lifecycle
 +
*Response and Request Objects
 +
[[media:IntroWeb_Lecture15.pdf|Slides]]
 +
 
=== Lecture 16 ===
 
=== Lecture 16 ===
 +
----
 +
*Introduction to AJAX
 +
[[media:IntroWeb_Lecture16.pdf|Slides]]
 +
 
=== Lecture 17 ===
 
=== Lecture 17 ===
 +
 
=== Lecture 18 ===
 
=== Lecture 18 ===
 
=== Lecture 19 ===
 
=== Lecture 19 ===

Revision as of 16:50, 24 February 2016

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

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

Lecture 18

=== Lecture 19 ===

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