Khoá học này giúp bạn viết HTML5 và CSS3 đúng cú pháp, cũng như tạo trải nghiệm web tương tác với JavaScript. Thống trị loạt công nghệ này sẽ giúp bạn phát triển các trang web chất lượng cao, hoạt động mượt mà trên điện thoại di động, máy tính bảng, và trình duyệt màn hình lớn. Trong bài tập cuối, bạn sẽ phát triển một hồ sơ web chuyên nghiệp để chứng minh sự phát triển của mình như một nhà phát triển web và kiến thức của bạn về thiết kế web truy cập được. Điều này bao gồm khả năng thiết kế và triển khai một trang web phản hồi sử dụng công cụ để tạo ra một trang web truy cập được cho đại chúng rộng lớn, bao gồm cả những người có khuyết tật về thị giác, thính giác, thể chất, và nhận thức.
Tuần 1: Giới thiệu về HTML5
Khoá học này được thiết kế để giúp người mới muốn tự tin và hiểu biết. Chúng ta sẽ khám phá lý thuyết (khi bạn nhấp vào một liên kết trên trang web thì điều gì xảy ra?), thực hành (những gì tôi cần biết để tạo trang của riêng tôi?), và những điều bị bỏ qua (tôi có một trang web, tôi phải làm gì tiếp theo?). Trong suốt khoá học, sẽ có sự nhấn mạnh mạnh mẽ vào việc tuân thủ các tiêu chuẩn cú pháp để kiểm tra và các tiêu chuẩn ngữ nghĩa để thúc đẩy truy cập rộng rãi cho người khuyết tật. Bạn có thể xem mẫu trang cuối cùng tại http://intro-webdesign.com/html5-plain.html. Đây là khoá học đầu tiên trong chuyên ngành Thiết Kế Web Cho Mọi Người. Các khoá học tiếp theo tập trung vào các kỹ năng thị trường của việc tạo kiểu trang với CSS3, thêm tương tác với JavaScript và tăng cường kiểu dáng với thiết kế phản hồi.
Tuần 2: Giới thiệu về CSS3
Web ngày nay gần như không thể nhận ra từ những ngày đầu của trang web trắng với danh sách liên kết màu xanh. Bây giờ, các trang được thiết kế với bố cục phức tạp, phông chữ độc đáo và bảng màu tùy chỉnh. Khoá học này sẽ giúp bạn hiểu cơ bản về Cascading Style Sheets (CSS3). Sự nhấn mạnh sẽ được đặt vào việc học cách viết luật CSS, làm thế nào để kiểm tra mã, và thiết lập thói quen lập trình tốt. Khi làm đúng, việc tạo kiểu cho một trang web có thể nâng cao trang của bạn. Khi làm không đúng, kết quả có thể tệ hơn cả việc không có kiểu dáng nào. Để đảm bảo rằng trang web của bạn không tạo ra rào cản cho người khuyết tật về thể chất và / hoặc nhận thức, bạn sẽ học cách đánh giá trang web sử dụng các hướng dẫn tiêu chuẩn POUR về truy cập. Sau khi hoàn thành khoá học, học viên sẽ có thể vẽ một thiết kế cho một trang HTML cụ thể. Sử dụng thiết kế đó, họ sẽ sử dụng CSS để triển khai thiết kế bằng cách thêm phông chữ, màu sắc và bố cục. Đây là khoá học thứ hai trong chuyên ngành Thiết Kế Web Cho Mọi Người. Các khoá học tiếp theo tập trung vào thêm tương tác với JavaScript và tăng cường kiểu dáng với thiết kế phản hồi. Sẽ khó để hoàn thành khoá học này nếu bạn không có máy tính xách tay hoặc máy tính để bàn để làm bài tập về nhà.
Tuần 3: Tương tác với JavaScript
Nếu bạn muốn đưa trang web của mình lên một tầm cao mới, khả năng tích hợp tương tác là điều cần thiết. Tuy nhiên, việc thêm một số khả năng như vậy đòi hỏi một ngôn ngữ lập trình mạnh mẽ hơn HTML5 hoặc CSS3, và JavaScript có thể cung cấp đúng những gì bạn cần. Với chỉ hiểu biết cơ bản về ngôn ngữ này, bạn có thể tạo ra một trang sẽ phản ứng với các sự kiện phổ biến như tải trang, nhấp chuột & di chuyển, và thậm chí cả đầu vào từ bàn phím. Khoá học này sẽ giới thiệu cho bạn những cơ bản về ngôn ngữ JavaScript. Chúng ta sẽ bao quát các khái niệm như biến, vòng lặp, hàm, và thậm chí cả một chút về các công cụ gỡ lỗi. Bạn sẽ hiểu cách Mô hình Đối tượng Tài liệu (DOM) được sử dụng bởi JavaScript để xác định và sửa đổi các phần cụ thể của trang của bạn. Sau khoá học, học viên sẽ có thể phản ứng với các Sự kiện DOM và thay đổi nội dung và kiểu dáng của trang của họ một cách động. Lớp học sẽ kết thúc bằng một dự án cuối cùng - việc tạo ra một biểu mẫu HTML5 tương tác chấp nhận và xác nhận đầu vào. Đây là khoá học thứ ba trong chuyên ngành Thiết Kế Web Cho Mọi Người. Khi đăng ký vào lớp này, bạn cần có hiểu biết cơ bản về HTML và CSS. Các khoá học bổ sung tập trung vào việc tăng cường kiểu dáng với thiết kế phản hồi và hoàn thành một dự án bậc thầy.
Tuần 4: Tạo kiểu tiên tiến với Thiết kế phản hồi