Difference between revisions of "Introduction to web development"

From OSSCOM
Jump to: navigation, search
(Introduction)
(Lecture 14)
 
(11 intermediate revisions by the same user not shown)
Line 5: Line 5:
  
 
=== Lecture 1 ===
 
=== Lecture 1 ===
 +
----
 
* Introduction to Web Development
 
* Introduction to Web Development
 
* Introduction to Web Technologies
 
* Introduction to Web Technologies
* HTML/XHTML and the difference between them
+
** HTML/XHTML and the difference between them
* CSS
+
** CSS
* Client Side Scripting (JavaScript)
+
** Client Side Scripting (JavaScript)
 
* Tools for Writing Web Pages
 
* Tools for Writing Web Pages
[[:File:IntroWeb_Lecture01.pdf Slides]]
+
[[media:IntroWeb_Lecture01.pdf|Slides]]
  
 
=== Lecture 2 ===
 
=== Lecture 2 ===
 +
----
 +
*HTML Page Structure
 +
**Basic Document Structure
 +
**Attribute Groups
 +
**Basic Text Formatting
 +
**Presentational Elements
 +
**Lists
 +
**Comments
 +
**<font> element
 +
**Block and inline elements
 +
**<div> and <span> elements
 +
[[media:IntroWeb_Lecture02.pdf|Slides]]
 +
 
=== Lecture 3 ===
 
=== Lecture 3 ===
 +
----
 +
*HTML Links and Navigation
 +
**Basic Links
 +
**Understanding Directory and Directory Structure
 +
**Creating Links with the <a> Element
 +
**E-mail Links
 +
[[media:IntroWeb_Lecture03.pdf|Slides]]
 +
 
=== Lecture 4 ===
 
=== Lecture 4 ===
 +
----
 +
*HTML Tables
 +
**Basic Table Elements (<nowiki><table> , <tr> , <td>, <th> </nowiki>)
 +
**Adding a <caption> to a Table
 +
**Grouping Sections of a Table
 +
**Nested Tables
 +
[[media:IntroWeb_Lecture04.pdf|Slides]]
 +
 
=== Lecture 5 ===
 
=== 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
 +
[[media:IntroWeb_Lecture05.pdf|Slides]]
 +
 
=== Lecture 6 ===
 
=== 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
 +
[[media:IntroWeb_Lecture06.pdf|Slides]]
 +
 
=== Lecture 7 ===
 
=== 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
 +
[[media:IntroWeb_Lecture07.pdf|Slides]]
 +
 
=== Lecture 8 ===
 
=== Lecture 8 ===
 +
----
 +
*Introduction to CSS
 +
**CSS Rules
 +
**CSS Comments
 +
**CSS Selectors
 +
***Precedence of Selectors
 +
***Determining a Selector’s Specificity
 +
[[media:IntroWeb_Lecture08.pdf|Slides]]
 +
 
=== Lecture 9 ===
 
=== 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
 +
[[media:IntroWeb_Lecture09.pdf|Slides]]
 +
 
=== Lecture 10 ===
 
=== Lecture 10 ===
 +
----
 +
*CSS Page Layout
 +
[[media:IntroWeb_Lecture10.pdf|Slides]]
 +
 
=== 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]]
 +
 +
[[media:IntroWeb_Lecture14.5.zip|tryjQuery Slides (zip)]]
 +
 
=== 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 ===
 +
----
 +
*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
 +
[[media:IntroWeb_Lecture17.pdf|Slides]]
 +
 
=== Lecture 18 ===
 
=== Lecture 18 ===
 +
----
 +
*Introduction to PHP
 +
**How to connect to MySQL Database
 +
[[media:IntroWeb_Lecture18.pdf|Slides]]
 +
 
=== Lecture 19 ===
 
=== Lecture 19 ===
 +
----
 +
*Things to consider beyond the scope of this course
 +
[[media:IntroWeb_Lecture19.pdf|Slides]]

Latest revision as of 16:17, 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

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"