Xây dựng website đầu tiên
Thông tin chung
Môn học này cung cấp các kiến thức thiết yếu, những kĩ năng cơ bản nhất đề người học có thể làm chủ được quá trình tạo ra website của riêng mình hoặc tham gia các dự án xây dựng giao diện khác, cung cấp những kĩ năng cơ bản nhất đề người học có thể làm chủ được quá trình tạo ra một website và có thể ứng dụng trong thực tế. Kiến thức trong môn học này cũng là điều kiện tiền đề để người học tiếp tục tham gia các môn học chuyên sâu về lập trình web tiếp theo.
|
# |
Mục tiêu |
|
1 |
Nắm bắt và vận dụng các thẻ HTML cơ bản. |
|
2 |
Nắm bắt và vận dụng các thuộc tính CSS cơ bản. |
|
3 |
Xây dựng được layout cho Website. |
|
4 |
Nắm bắt và vận dụng cơ bản JavaScript trong xây dựng Website. |
|
5 |
Xây dựng được Website Responsive. |
|
6 |
Đưa được Website lên online. |
Đối tượng tham gia
Là những người đang bắt đầu làm quen với lập trình ở mức căn bản nhất, muốn bổ sung kiến thức, kỹ năng nền tảng cho việc học lập trình chuyên sâu hoặc có mong muốn trở thành một lập trình viên
Là những người có mong muốn tự thiết kế được một website, tự quản trị được website và tối ưu cơ bản hoạt động của nó và thu lợi nhuận cho cá nhân hoặc tổ chức của mình
Mục tiêu môn học
Sau khi học xong môn này, học viên sẽ đạt được các chuẩn kiến thức, kỹ năng đầu ra như sau:
Giải thích được thuật ngữ HTML, Hypertext, Markup
Cài đặt được công cụ phát triển HTML
Liệt kê được các trình duyệt phổ biến
Mô tả được cấu trúc trang HTML, điểm khác biệt của HTML5
Tạo được trang html với các thẻ head, title, meta, body, ghi chú, khoảng trắng, xuống dòng
Phân biệt được phần tử (element) và thuộc tính (attribute)
Giải thích được ý nghĩa và liệt kê được một số Semantic tags trong HTML5
Tạo được trang html với văn bản, danh sách, hình ảnh, đường dẫn liên kết, bảng
Liệt kê được ý nghĩa của việc sử dụng CSS trong trang web, 3 cách đưa CSS vào trang web
Mô tả được cấu trúc câu lệnh và chỉ ra được mức độ ưu tiên khi áp dụng nhiều CSS
Viết đúng cú pháp câu lệnh CSS, minh họa được các bộ chọn CSS trong 1 trang html cụ thể, thực hiện kết hợp các bộ chọn CSS
Liệt kê được các thuộc tính phổ biến, đơn vị đo kích thước, các cách biểu diễn màu sắc
Mô tả được cấu trúc Box model
Áp dụng CSS cho thẻ link, image, các thẻ listing, ảnh nền, table và menu
Mô tả được về biến, các kiểu dữ liệu trong Javascript
Thực hiện khai báo, gán giá trị, sao chép giá trị, thực hiện các phép toán số học, tăng giảm giá trị, phép gán mở rộng
Định nghĩa được hàm trong Javascript, chỉ ra được cấu trúc của hàm
Minh họa bằng code một số hàm cơ bản, thực hiện gọi hàm, truyền tham số
Xây dựng được object và sử dụng object với các thao tác: khởi tạo, truy cập, gán/thay đổi giá trị thuộc tính, phương thức
Minh họa được câu lệnh điều kiện, toán tử 3 ngôi, câu lệnh rẽ nhánh
Định nghĩa và chỉ ra được các loại vòng lặp trong Javascript, cấu trúc từng loại vòng lặp
Tạo được thẻ form cùng với các thẻ input, button, select, textarea,…
Thực hiện lấy thành phần DOM bằng câu lệnh Javascript và sử dụng các sự kiện
Thực hiện validate dữ liệu bằng html5 pattern hoặc code Javascript
Chỉ ra được các lợi ích của Responsive Design
Sử dụng Media query để tạo Responsive Design đơn giản
Mô tả được hệ thống lưới trong Bootstrap
Sử dụng container, thực hiện việc phân chia hàng và cột , sử dụng được một số class phổ biến trong Bootstrap
Vận dụng xác định yêu cầu dự án, xây dựng dự án cụ thể
Trải nghiệm học tập
Môn học sẽ có 4 phần, gồm 15 bài học. Mỗi bài sẽ có một (hoặc vài) đoạn video yêu cầu học viên phải xem kỹ, một hoặc vài bài đọc thêm phải đọc kỹ và trả lời quiz. Sau mỗi phần, học viên sẽ được yêu cầu làm bài lab, assignment và thảo luận trực tiếp với Mentors. Ở cuối mỗi phần sẽ có 1 bài assignment được thiết kế như một dự án thực tế thu nhỏ, giúp học viên các thể sớm làm quen với các dự án trong thực tế cũng như hệ thống lại kiến thức của mình.
Trong thời gian học (dự kiến là 6 tuần), việc phân bổ tuần học là rất quan trọng. Nếu các bạn có bất cứ câu hỏi nào hãy kết nối với mentor để được giải đáp.
Đặc điểm môn học
Môn học này cung cấp cho bạn kiến thức và kỹ năng được sử dụng phổ biến nhất và là đòi hỏi bắt buộc phải biết đối với bất cứ một lập trình viên nào để xây dựng một website
Sau môn học này, học viên có kiến thức và kĩ năng để tiếp tục học các môn trong nhóm môn chuyên sâu về lập trình web như: Lập trình Database: SQL, JDBC, Ngôn ngữ lập trình (web back-end): C#, Java, ORM Framework: Hibernate, Entity Framework, các công nghệ xây dựng Web Back-end: JSP/Servlet, ASP.NET MVC, Spring Framework
Các bài tập thực hành được thiết kế dựa trên các kinh nghiệm thực tế của giảng viên.
Nguồn học liệu
Khóa học MOOC này được cung cấp trên nền tảng Coursera và Freecodecamp. Đây là nền tảng cung cấp các khóa học trực tuyến đại chúng mở được đánh giá rất cao trong các nền tảng MOOC hiện nay trên thế giới.
Việc liệt kê nguồn dưới đây không nhất thiết hàm ý rằng FUNiX có sự hợp tác chính thức với chủ sở hữu của nguồn: Introduction to HTML5, Introduction to CSS3, Introduction to JavaScript, Interactivity with JavaScript, Advanced Styling with Responsive Design của Coursera và Introduction to the Bootstrap của Freecodecamp.
Đừng ngần ngại!
Bạn sẽ dễ dàng chuẩn bị nền tảng cùng FUNiX!
