ĐỀ CƯƠNG CHI TIẾT BÀI GIẢNG (Dùng cho tiết giảng) Học phần: LẬP TRÌNH WEB

Giới thiệu Có thể nhúng JavaScript vào một file HTML theo một trong các cách sau đây:  Sử dụng các câu lệnh và các hàm trong cặp thẻ  Sử dụng các file nguồn JavaScript  Sử dụng một b

Trang 1

BỘ MÔN DUYỆT

Chủ nhiệm Bộ môn

Ngô Thành Long

ĐỀ CƯƠNG CHI TIẾT BÀI GIẢNG

(Dùng cho tiết giảng)

Học phần: LẬP TRÌNH WEB Nhóm môn học:

Bộ môn: Hệ thống thông tin Khoa (Viện): Công nghệ thông tin

Thay mặt nhóm môn học

Chu Thị Hường

Thông tin về nhóm môn học

Địa điểm làm việc: Phòng A1505, nhà A1

Điện thoại, email: 069515333; huongktqs@yahoo.com, hoatatthang@gmail.com

Bài giảng 1: Tìm hiểu môi trường web

Chương 1 Mục 1.1 + 1.2 +1.3

- Mục đích, yêu cầu:

 Nắm sơ lược về Học phần, các chính sách riêng của giáo viên, địa chỉ Giáo viên, bầu lớp trưởng Học phần

 Nắm được các khái niệm về www, Protocol HTTP, URL, Web Server,Web Client, Web Browser, HTML;

 Nắm bắt được cấu trúc của một trang HTML; Các thẻ HTML cơ bản

 Tổ chức hình thành các nhóm bài tập lớn môn học

- Hình thức tổ chức dạy học: Lý thuyết, thảo luận, tự học, tự nghiên cứu

- Thời gian: Lý thuyết, thảo luận: 3t; Tự học, tự nghiên cứu: 3t

- Địa điểm: Giảng đường do P2 phân công.

- Nội dung chính: 1.1+1.2 (1 tiết); 1.3 (2 tiết)

1.1 Các khái niệm cơ bản trong môi trường web

Trang 2

 Dịch vụ World Wide Web (WWW): Dịch vụ World wide web được xây dựng theo mô hình Client/Server

 URL (Uniform Resource Locator) là một con trỏ được dùng với mục địch

đơn giản là xác định vị trí tài nguyên của môi trường Internet

 Protocol HTTP:

1.Tạo kết nối

2 Thực hiện yêu cầu

3 Phản hồi và

4 Kết thúc kết nối

 Web Server, Web Browser

 HTML (HyperText Markup Language): là một ngôn ngữ mô tả tài liệu 1.2 Cấu trúc của một trang HTML

<html>

<head>

<title>

Tiêu đề trang

</title>

<meta >

<link >

</head>

<body>

Thân của trang

</body>

</html>

1.3 Các thẻ HTML

 Thẻ <head></head>

 Thẻ <title></title>

 Thẻ <body></body>

 Các thẻ định dạng:

 Thẻ định dạng bảng

 Thẻ hình ảnh

 Thẻ liên kết

 Các thẻ Input

 Thẻ Textarea

 Thẻ Select

 Thẻ Form

 Thẻ Frame

Trang 3

- Yêu cầu SV chuẩn bị:

 Đọc trước TL[1]: Các mục 1.1, 1.2, 1.3

 Đọc thêm các tài liệu [8]

 Bài tập về nhà: Thực hành các ví dụ trong TL[1]

Bài giảng 2: CSS và Javascript

Chương 1 Mục 1.4 + 1.5

 Cung cấp cho sinh viên kiến thức cơ bản về CSS và Javascript, hình thành khả năng đọc các đoạn code về CSS và Javascript từ đó sinh viên có thể tự viết các đoạn code CSS, Javascript

 Tổ chức giao bài tập lớn môn học cho các nhóm

- Nội dung chính:

1.4 CSS (2 tiết)

1.4.1 Giới thiệu

CSS là một ngôn ngữ quy định cách trình bày cho các tài liệu viết bằng HTML, XHTML, XML, hay UML,…

Một số đặc tính cơ bản của CSS

i CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (như là font chữ, màu sắc, đường viền, kích thước,…)

ii Có thể khai báo CSS bằng nhiều cách khác nhau

1 Style đặt trong từng thẻ HTML riêng biệt

2 Style đặt trong phần <head>

Trang 4

3 Style đặt trong file mở rộng css

4 Style mặc định của trình duyệt iii CSS có tính kế thừa

1.4.2 Khai báo

selector {property: value}

1.4.3 Một số thuộc tính hay sử dụng

a Background

b Font

c Các thuộc tính đối với Text

d Pseudo-classes cho các liên kết:

e Box model:

f Height & Width

g Float & Clear:

g Position

1.5 Javascript (1 tiết)

1.5.1 Giới thiệu

Có thể nhúng JavaScript vào một file HTML theo một trong các cách sau đây:

 Sử dụng các câu lệnh và các hàm trong cặp thẻ <SCRIPT>

 Sử dụng các file nguồn JavaScript

 Sử dụng một biểu thức JavaScript làm giá trị của một thuộc tính HTML

 Sử dụng thẻ sự kiện (event handlers) trong một thẻ HTML nào đó

1.5.2 Khai báo biến

var tenBien;

Trang 5

var tenBien="giaTri"; ->biến khởi tạo giá trị 1.5.3 Các toán tử trong JavaScript

 Phép gán

 Phép toán so sánh

 Phép toán số học

 Ghép chuỗi

 Phép toán Logic 1.5.4 Cấu trúc các lệnh

 Cấu trúc rẽ nhánh if else

 Cấu trúc lựa chọn switch case

 Vòng lặp for

 Vòng lặp while

 Vòng lặp for in 1.5.5 Hàm trong JavaScript

 Các hàm có sẵn

 Hàm do người dùng định nghĩa: function TenHam(bien_1,bien_2, ) { // Thân hàm

… return value;

}

 Đọc trước TL[1]: Các mục 1.4, 1.5,

 Đọc thêm các tài liệu [8]

 Bài tập về nhà:

Trang 6

o Thực hành các ví dụ trong TL[1] và tìm hiểu mở rộng về CSS3

o Xây dựng CSS và JavaScript phục vụ cho đề tài được giao

Bài giảng 3: Thảo luận, bài tập và thực hành về Các câu lệnh HTML, CSS và

Javascrip

Chương 1:

 Củng cố về CSS và Javascript từ đó sinh viên có thể tự viết các đoạn code CSS, Javascript

 Tổ chức giao bài tập lớn môn học cho các nhóm

- Thời gian: Thảo luận, thực hành: 3t; Tự học, tự nghiên cứu: 3t

- Địa điểm: Phòng máy.

- Thảo luận về ý nghĩa, vai trò của CSS và JS trong thiết kế website (1 tiết)

- Thực hành định dạng khối và các liên kết (1 tiết):

 Viết các Pseudo-classes cho các liên kết

 Định dạng hộp bao ảnh, sử dụng CSS3 để bo trong đường viền

- Thực hành sử dụng JavaScript trong việc kiểm tra tính hợp lệ của dữ liệu nhập

 Viết các script kiểm tra dữ liệu nhập cho trang đăng nhập

 Viết các script kiểm tra dữ liệu nhập cho trang đăng ký

- Tiến hành thiết kế giao diện cho bài tập lớn môn học: Định dạng khung trang, bố trí giao diện (1 tiết)

Trang 7

 Đọc trước TL[1]:

 Ôn tập toàn bộ chương

 Thiết kế giao diện của bài tập lớn môn học đã được giao

 Thực hành các ví dụ trong TL[1] và tìm hiểu mở rộng về CSS3

 Xây dựng CSS và JavaScript phục vụ cho đề tài được giao

Bài giảng 4: Tổng quan về ngôn ngữ kịch bản phía server ASP.NET

Chương 2 Mục 2.1+ 2.2+2.3

 Giới thiệu sinh viên một số ngôn ngữ kịch bản phía trình chủ

 Giới thiệu tổng quan về ASP.NET

 Và nền tảng của ASP.NET

2.1 Giới thiệu một số ngôn ngữ kịch bản phía server

- PHP

- JSP

- ASP.NET 2.2 Tổng quan về ngôn ngữ ASP.NET

- ASP va ASP.NET

- NET FRAMEWORK

- Biên dịch trang ASPX

Trang 8

- Môi trường phát triển ứng dụng 2.3 Nền tảng của ASP.NET

- Mô hình trang web

- Các chỉ dẫn

- Điều khiển sự kiện trong Web page

- Thuộc tính Postback

 Đọc trước TL[1]: Các mục 2.1, 2.2, 2.3,

 Đọc thêm các tài liệu [2][3][4][5][6][7][8]

 Tiếp tục thiết kế giao diện cho bài tập lớn

 Tạo một Project cho bài tập lớn được phân công

Bài giảng 5: Trang Master và các điều khiển trong ASP.NET

Chương 2 Mục 2.4+ 2.5

 Xây dựng trang Master

 Nắm bắt, sử dụng được các điều khiển trong nhóm các điều khiển trong ASP.NET: HTML server controls, Web server controls, Validation controls

2.4 Master Page (1 tiết)

- Giới thiệu

- Tạo trang Master

Trang 9

2.5 ASP.NET Web Server Control (2 tiết)

- Giới thiệu các điều khiển

- Nhóm điều khiển Web Server controls :

 Điều khiển Lable

 Điều khiển TextBox

 Điều khiển Button

 Điều khiển Image

 Điều khiển ImageButton

 Điều khiển LinkButton

 Điều khiển Panel

 Điều khiển CheckBox

 Điều khiển RadioButton

 Điều khiển CheckBoxList

 Các điều khiển RadioButton

 Điều khiển ListBox

 Điều khiển DropDownList

- Nhóm điều khiển điều hướng trang và nâng cao :

 Menu

 TreeView

 SiteMapPath

 ImageMap

 FileUpload

 View

 MultiView

- Nhóm điều khiển HTML Server Control

- Nhóm điều khiển kiểm tra tính hợp lệ của dữ liệu :

 Giới thiệu

 Các điều khiển

 Thực hành sử dụng các điều khiển

Trang 10

 Xây dựng trang Master cho bài tập lớn được phân công

Bài giảng 6: Các đối tượng trong ASP.NET

Chương 2 Mục 2.6+ 2.7

 Sinh nắm bắt và sử dụng các đối tượng trong ASP.NET, bao gồm các thuộc tính và các phương thức hay sử dụng của từng đối tượng

2.6 Các đối tượng trong ASP.NET (2 tiết)

 Đối tượng Request

 Đối tượng Respose

 Đối tượng Server

 Đối tượng Application

 Đối tượng Session

 Đối tượng Cookies

2.7 Giới thiệu ngôn ngữ lập trình NET (1 tiết)

 Giới thiệu

 Khai báo sử dụng không miền

 Khai báo biến

 Tóm tắt các cấu trúc điều khiển

 Xây dựng hàm/ thủ tục

Trang 11

 Thực hành thao tác với các đối tượng

 Ứng dụng các đối tượng vào bài tập lớn được phân công

Bài giảng 7: Thảo luận, thực hành Các đối tượng trong ASP.NET

Chương 2

 Củng cố lại các kiến thức và sử dụng các đối tượng trong ASP.NET

 Vận dụng các đối tượng trong các tình huống lập trình

- Địa điểm: Phòng máy.

+ Thảo luận ý nghĩa, vai trò và ứng dụng các đối tượng

+ Thực hành thao tác với các đối tượng:

 Sử dụng đối tượng Appliaction trong đếm số người truy cập website

 Sử dụng Session trong phân quyền

 Tạo Cookies trong các trang đăng nhập

 Đọc trước TL[1]: Ôn tập chương 2

 Thực hành thao tác với các đối tượng

 Ứng dụng các đối tượng vào bài tập lớn được phân công

Trang 12

Bài giảng 8: Các thao tác dữ liệu và các điều khiển dữ liệu

Chương 3: Mục 3.1+3.2

 Củng cố lại các kiến thức về CSDL, đặc biệt là các thao tác dữ liệu: Insert, Update, Delete, Select

 Giới thiệu các điều khiển Data Sources

- Thời gian: Lý thuyết, Thảo luận: 3t; Tự học, tự nghiên cứu: 3t

3.1 Các thao tác trên CSDL

- Lệnh Insert

 INSERT INTO <Tên bảng> (Danh sách các cột) VALUES (Danh sách các giá trị) hoặc

 INSERT INTO <Tên bảng> (Danh sách các cột) (Các câu hỏi con);

- Lệnh Update:

 UPDATE <Tên bảng>

SET <Tên_cột_1=Biểu_thức_1, Tên_cột_2=Biểu_thức_2,… > [WHERE <điều kiện>]

- Lệnh Delete:

DELETE FROM <Tên bảng> WHERE <Điều kiện>

- Lệnh Select:

SELECT [*| DISTINCT] <Danh sách các cột [AS <Bí danh>]>

FROM <Danh sách Tên bảng/Tên View>

[WHERE <Biểu thức điều kiện>]

[GROUP BY <Danh sách cột>]

Trang 13

[HAVING <Điều kiện>]

[ORDER BY <Tên cột/Số thứ tự cột/Biểu thức>

[ASC/DESC]]

- Tạo các Store Procedure:

CREATE {PROC|PROCEDURE}[schema_name.]

procedure_name [ ; number ]

[{@parameter [type_schema_name.] data_type } [VARYING][= default ][[ OUT|OUTPUT ]

[, n ] [ WITH <procedure_option> [ , n ]

AS { [ BEGIN ] statements [ END ] }

[;]

3.2 Các điều khiển dữ liệu ASP.NET

3.2.1 Điều khiển Data Sources

- Giới thiệu các điều khiển

- Sử dụng các điều khiển

 Đọc trước TL[1]: Mục 3.1, 3.2.1

 Thực hành các thao tác CSDL trên SQL Server

 Cài đặt CSDL cho bài tập lớn được phân công

Bài giảng 9: Các điều khiển dữ liệu

Chương 3: Mục 3.2.2+3.2.3

 Sinh viên nắm bắt và sử dụng được các điều khiển hiển thị dữ liệu

Trang 14

 Sử dụng được các biểu thức buộc dữ liệu

3.2 Các điều khiển dữ liệu ASP.NET

3.2.2 Điều khiển Data Bound

 Giới thiệu

 Một số thuộc tính và phương thức hay sử dụng của các điều khiển: ListView, GridView, DataList, DetailView,

3.2.3 Data Binding Expressions

 Eval

 Bind

 DataBinder.Eval

 Đọc trước TL[1]: Mục 3.2.2, 3.2.3

 Thực hành thao tác với các điều khiển buộc dữ liệu và các biểu thức buộc dữ liệu

 Tiếp tục vận dụng cho bài tập lớn được phân công

Bài giảng 10: Kết nối ứng dụng với mô hình ADO.NET

Chương 3: Mục 3.3

 Sinh viên nắm bắt mô hình kết nối ADO.NET

 Nắm bắt các thuộc tính, các phương thức của các lớp được cung cấp trong lập trình kết nối

Trang 15

3.3 Kết nối và hiển thị dữ liệu sử dụng mô hình kết nối ADO.NET 3.3.1 Giới thiệu mô hình ADO.NET (2 tiết)

- Giới thiệu mô hình ADO.NET

- Các đối tượng trong mô hình ADO.NET

3.3.2 Các lớp trong mô hình ADO.NET (1 tiết)

- Giới thiệu

- Class Connection

 Đọc trước TL[1]: Mục 3.3

 Thực hành thao tác kết nối theo mô hình ADO.NET

Bài giảng 11: Kết nối ứng dụng với mô hình ADO.NET (Tiếp)

Chương 3: Mục 3.3+3.4

 Nắm bắt các thuộc tính, các phương thức của các lớp được cung cấp trong lập trình kết nối

 Thao tác được với các lớp trong ADO.NET

Trang 16

3.3 Kết nối và hiển thị dữ liệu sử dụng mô hình kết nối ADO.NET 3.3.2 Các lớp trong mô hình ADO.NET ( 2 tiếp)

 Command

 DataAdapter

 DataSet

 DataView

 DataReader 3.4 CSDL và ứng dụng WEB

 Sử dụng các lớp trong mô hình ADO.NET thực hiện các thao tác Insert, Update, Delete, Select

 Viết thành các class thực hiện các thao tác với các đối tượng trong CSDL

 Đọc trước TL[1]: Mục 3.3 +3.4

 Thực hành thao tác kết nối theo mô hình ADO.NET

Bài giảng 12: Thảo luận, thực hành Kết nối Cơ sở dữ liệu

Chương 3: Ôn tập chương

 Củng cố lại các kiến thức kết nối CSDL cho sinh viên

 Thảo luận, hướng dẫn sinh viên nắm bắt được các kỹ năng lập trình kết nối CSDL

Định dạng
Số trang	20
Dung lượng	122 KB