Lợi ích từ khoá học
- Sau khi học xong thì bạn cũng không thêm nhiều kiến thức mới gì, nhưng sẽ vững vàng trong việc thiết kế web responsive và frontend nói chung.
- Kiến thức trong khóa học này về lâu dài là để chuẩn bị cho các kiến thức nâng cao về frontend (Angular js) và backend lập trình bằng PHP sắp tới. Để học được những thứ đó, bạn cần nền tảng front vững.
Phù hợp với
- Sinh viên muốn đi sâu vào lĩnh vực lập trình frontend.
- Những người muốn tự thiết kế website của mình.
- Những người đã có kiến thức căn bản về công cụ frontend muốn làm nó một cách hệ thống hơn thông qua bài tập thực tế.
- Những người có ý tưởng về làm web nhưng không biết cách tự làm thế nào.
Mô tả tổng quát
Nội dung và lộ trình khóa học:
- Lợi ích của học viên khi mua:
1 - Học lập trình frontend bài bản để cho ra sản phẩm hoàn thiện.
2 - Hiểu được cách kết nối các kiến thức phân tán về html/css/jquery/javascript... để thực hiện một sản phẩm thực tế.
Yêu cầu khoá học
- Phần mềm cần có : chrome . Các phần mềm khác được hướng dẫn cài đặt và đính kèm trong khóa.
- Kiến thức cần có là kiến thức frontend cơ bản bootstrap 4, HTML5, CSS3.
Giới thiệu khóa học và lý thuyết cơ bản
Giới thiệu khóa học
5:49 phút
Cài đặt 2 phần mềm cần thiết
13:34 phút
Project số 1 tổng hợp lại các phần kiến thức css3 cơ bản
Nhắc lại thuộc tính CSS3 translate
12:42 phút
Thuộc tính CSS3 zoom
8:55 phút
Áp dụng thuộc tính transition delay
15:46 phút
Áp dụng thuộc tính rotateY và Backface để làm hiệu ứng
18:59 phút
Project số 2 tổng hợp lại kiến thức jquery cơ bản qua bài tập
Giới thiệu project hiệu ứng và các bước xừ lý
8:19 phút
Xử lý CSS cho phần mặt trước
13:19 phút
Xử lý CSS hoàn thiện cho phần hiệu ứng đầu tiên
10:02 phút
Xử lý HTML cho phần hiệu ứng TAB
5:37 phút
Xử lý CSS cho phần hiệu ứng Tab
12:22 phút
Xử lý Jquery cho phần nút
6:28 phút
Xử lý Jquery cho phần nội dung
10:23 phút
Tự tạo hiệu ứng cho phần slide
5:34 phút
Viết hiệu ứng slide nhanh
Project số 3 Lựa chọn slide và xử lý HTML
13:50 phút
Xử lý CSS ban đầu cho khối giao diện - Phần 1
11:58 phút
Xử lý phần CSS cho khối giao diện - Phần 2
7:40 phút
Viết hiệu ứng JQUERY - Xử lý bộ đếm
14:03 phút
Hoàn thành hiệu ứng slide ảnh cho sản phẩm
5:13 phút
Nâng cấp version cho slide ảnh
5:42 phút
Tóm tắt lại các hàm Jquery sử dụng trong slide ảnh
9:05 phút
Xử lý hiệu ứng Quick View phần HTML
3:16 phút
Xử lý hiệu ứng Quick View phần CSS
3:57 phút
Xử lý hiệu ứng Quick View phần Jquery
5:11 phút
Sử dụng hàm jquery cho thao tác trên bàn phím
3:08 phút
Nâng cấp Version 3 cho slide ảnh
9:13 phút
Tổng kết các hàm quan hệ trong JQuery
5:01 phút
Xử lý số lượng thay đổi bằng hàm quan hệ
4:24 phút
Project số 4 xử lý hiệu ứng isotope
Giới thiệu giao diện kiểu Masonry
1:51 phút
Tạo giao diện cho gallery - phần HTML
9:17 phút
Tạo giao diện cho gallery - Phần CSS
4:31 phút
Tạo giao diện cho gallery - Phần Jquery
8:10 phút
Xử lý việc load ảnh bằng thư viện Image Load
7:39 phút
Xử lý responsive
2:52 phút
Xử lý lọc dữ liệu theo danh mục - phần HTML
7:06 phút
Xử lý hiệu ứng chọn cho nút
6:33 phút
Xử lý hiệu ứng lọc dữ liệu theo danh mục khi click vào nút
8:20 phút
Project thefox full từ file thiết kế photoshop
Xử lý Html cho phần top bằng bootstrap
19:26 phút
Xử lý CSS cho phần Top
19:26 phút
Xử lý CSS cho màn hình di động
10:21 phút
Xử lý HTML cho trang contact
4:31 phút
Xử lý CSS cho phần menu
6:37 phút
Xử lý CSS cho phần menu hiển thị trên di động
6:09 phút
Xử lý HTML cho phần bản đồ
5:58 phút
Xử lý CSS cho khối thông tin liên hệ
9:21 phút
Xử lý phần hiệu ứng
5:51 phút
Xử lý CSS cho phần thông tin liên hệ trên di động
3:14 phút
Xử lý phần form liên hệ
9:06 phút
Xử lý phần CSS cho Form
9:50 phút
Xử lý HTML cho phần footer
4:35 phút
Xử lý CSS cho phần footer
6:40 phút
Xử lý HTML cho phần lastest news
6:02 phút
Xử lý CSS cho phần lastest news
16:37 phút
Phương pháp sử dụng after và before trong css
9:02 phút
Xử lý phần HTML cho khối tag widget
4:01 phút
Xử lý phần CSS cho khối TAG WIDGET
6:19 phút
Xử lý phần CSS cho khối BLOG CATEGORY
10:28 phút
Xử lý phần HTML cho phần NEWSLETTER
6:37 phút
Xử lý phần CSS cho phần NEWSLETTER
10:16 phút
Xử lý phần HTML_CSS cho khối BOTTOM FOOTER
8:00 phút
Xử lý hiệu ứng load cho trang CONTACT
11:52 phút
Xử lý giao diện trang contact cho di động
9:09 phút
Xử lý import giao diện cho trang chủ
2:17 phút
Xử lý HTML cho khối giới thiệu trang chủ
5:26 phút
Xử lý CSS cho khối giới thiệu
10:13 phút
Xử lý HTML cho khối slide
10:08 phút
Xử lý CSS cho phần news
7:37 phút
Xử lý HTML trang tin tức
4:51 phút
Xử lý bố cục tin bằng card column
4:51 phút
Xử lý CSS cho các cột thông tin
6:41 phút
Xử lý CSS và hiệu ứng cho trang tin tức
5:57 phút
