Thiết kế web với HTML5-CSS3-JavaScript

Chào mừng bạn đến với khóa học Thiết kế web với HTML5-CSS3-JavaScript của V1Study.

Khóa học này sẽ cung cấp cho bạn những kiến thức liên quan đến việc thiết kế một trang web. Nội dung của khóa học chia làm ba phần chính là HTML5, CSS3, và JavaScript.

*** Đối với phần HTML5: phần này sẽ cung cấp cho bạn các kiến thức bao gồm của cả phần HTML và HTML5 như sau:

* Cấu trúc 1 trang HTML; Thẻ Meta charset="UTF-8"; Các thẻ PR, PRE, P; Thẻ Comment

* Thẻ <a> với liên kết ngoài, liên kết trong, email, mobile; Mã hóa HTML các ký tự

* Các thẻ (Phần tử) liên quan đến văn bản: <SPAN>, <HR>, <B> với <Strong>, <I> với <EM, <U>; Các thẻ tiêu đề (heading) H1, H2, H3, H4, H5, H6; Các thẻ tạo chỉ số trên với dưới <SUP> và <SUB>

* Các cặp thẻ tạo danh sách: <OL> và <LI>; Cặp thẻ <UL> và <LI>

* Chèn ảnh với thẻ <IMG>

* Thẻ <TABLE> và các thẻ con gồm: CAPTION, THEAD, TBODY, TR, TH, TD; Cách đặt TABLE nằm trong TD

* Các thẻ liên quan đến thiết kế form (biểu mẫu):

  - Thẻ FORM, thẻ LABEL, thẻ INPUT với TYPE là TEXT, PASSWORD, NUMBER, FILE, BUTTON, RADIO, CHECKBOX, RESET, SUBMIT

  - Thẻ FORM với thuộc tính ACTION, METHOD

  - Các thẻ TEXTAREA, SELECT và OPTION, FIELDSET và LEGEND, DATALIST

* Thẻ DIV với float:left, box-sizing:border-box

* Các phần tử cấu trúc/ngữ nghĩa: Header, Nav, Aside, Article, Footer, Section, FIGURE và FIGCAPTION

* Các kiểu mới của thẻ INPUT: color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week

* Thuộc tính autocomplete, novalidate, autofocus của FORM và INPUT

* Thẻ INPUT với thuộc tính form, formaction, formenctype, formmethod, formnovalidate, formtarget, multiple, list, pattern, placeholder, required, width, height

*** Đối với phần CSS3: phần này sẽ cung cấp các kiến thức bao gồm của cả phần CSS và CSS3 như sau:

* CSS với Inline-Style, thẻ STYLE và file .css

* Thuộc tính CSS margin, line-height

* Hướng dẫn tạo khối và giãn cách cho thẻ (phần tử) LABEL

* Gọi đến các bộ chọn con, cháu, chắt trong CSS3; chỉ gọi đến bộ chọn con và các con trong CSS3; gọi bộ chọn kèm class trong CSS; gọi bộ chọn thông qua thuộc tính trong CSS3

* Các bộ chọn giả :hover, :focus, :link, :active, :hover, :visited, :first-letter, :first-line, :before và :after

* Các thuộc tính placeholder, padding

* Responsive với @media

* Các thuộc tính CSS định vị trí: top, right, bottom, left

* Thuộc tính CSS position với: absolute, relative, fixed

* Thuộc tính CSS opacity, box-shadow

* Đặt biểu tượng search sử dụng :before

* Gọi đến các phần tử con sử dụng first-child, nth-child(), last-child

* Đặt biểu tượng search cho input

*** Đối với phần JavaScript: phần này sẽ cung cấp các kiến thức bao gồm như sau:

* Giới thiệu về JavaScript. Cách đặt code JavaScript vào sự kiện

* Định nghĩa hàm và gọi hàm trong JavaScript

* Chuyển code từ thuộc tính sự kiện sang hàm

* Khai báo biến trong JavaScript; Nối chuỗi trong JavaScript; Phép toán số học, so sánh, logic

* Điều kiện if-else và switch-case trong JavaScript

* Các loại vòng lặp while, do-while, for trong JavaScript

* Cách sử dụng document.write(), tạo mảng, thêm phần tử mảng, truy cập các phần tử của mảng; Các cách xóa và lọc phần tử mảng trong JavaScript

* Truy cập các thành phần của đối tượng với for-in

* Điều hướng với location; Cách enable thẻ SELECT

* Biểu thức chính quy, thao tác với form, sự kiện onsubmit; Bắt dữ liệu FORM trong JavaScript

* Cách xây dựng và sử dụng biểu thức chính quy, hàm test(); Các metacharacter: ^ $ * + . [a-z] [A-Z] [0-9] \d \s \w \t [^] () {} | ? \

* Các phương thức exec(), match(), search(), replace(), split() trong JavaScript

* Tạo hiệu ứng đối tượng di chuyển theo chuột

* Tạo và sử dụng đơn giản đối tượng trong JavaScript

* Lưu trữ web với localStorage

* Các loại hộp thoại alert(), confirm(), prompt() trong JavaScript