Difference between revisions of "Introduction to web development"
From OSSCOM
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
Contents
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
Lecture 2
- HTML Page Structure
- Basic Document Structure
- Attribute Groups
- Basic Text Formatting
- Presentational Elements
- Lists
- Comments
- element
- Block and inline elements
- and elements
Lecture 3
- HTML Links and Navigation
- Basic Links
- Understanding Directory and Directory Structure
- Creating Links with the <a> Element
- E-mail Links
Lecture 4
- HTML Tables
- Basic Table Elements (<table> , <tr> , <td>, <th> )
- Adding a
to a Table - Grouping Sections of a Table
- Nested Tables
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
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
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
Lecture 8
- Introduction to CSS
- CSS Rules
- CSS Comments
- CSS Selectors
- Precedence of Selectors
- Determining a Selector’s Specificity
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
Lecture 10
- CSS Page Layout
Lecture 11
- Introduction to JavaScript
Lecture 12
- Introduction to JavaScript Programming
Lecture 13
- Form Validations Using JavaScript
Lecture 14
- Introduction to jQuery
Lecture 15
- Static vs. Dynamic Web Content
- Server Pages Technologies
- ASP.NET Page Lifecycle
- Response and Request Objects
Lecture 16
- Introduction to AJAX
Lecture 17
Lecture 18
=== Lecture 19 ===
- HTML Links and Navigation