Khóa học lập trình Frontend nâng cao qua project thực tế

Frontend đóng vai trò rất quan trọng, nó là yếu tố quyết định đến sự thành công của website bởi khách hàng sẽ nhìn vào mặt frontend để đánh giá website đẹp hay xấu, chuyên nghiệp hay nghiệp dư. Họ không đủ trình độ để đánh giá về mặt code và họ cũng không cần quan tâm tới điều đó.

Thường mỗi lập trình viên sẽ chọn cho mình một con đường, một là làm backend và hai là làm frontend. con đường nào cũng gian nan đầy chông gai và phải học nhiều thứ hết, không có con đường nào dễ và khó.

Để trở thành một lập trình viên giỏi thì bạn phải thực hành thật nhiều, cách nhanh nhất là học qua video và tiếp nhận những kinh nghiệm từ người đi trước, đó chính là lí do mình giới thiệu khóa học này.

Thông tin

Khóa học thuộc đơn vị nào?

Khóa học thuộc đơn vị FEDU, một trong những nơi học trực tuyến tốt nhất tại Việt nam.

Tôi sẽ học ở đâu?

Khóa học thuộc bản quyền của fedu.vn, vì vậy bạn sẽ được học trên hệ thống của họ.

Giảng viên dạy là ai?

Giảng viên là anh Nguyễn Đức Việt, sinh năm 1986, tốt nghiệp Đại học Bách khoa, khoa Công nghệ thông tin. Anh hiện đang là Giảng viên Thiết kế web.

Khóa học có bằng cấp không?

Không, đây là khóa học bổ trợ kiến thức nên sẽ không có bằng cấp.

Đối tượng học là ai?

Những bạn đã có kiến thức HTML, CSS và JS căn bản, muốn trở thành một frontend developer.

Có phải Cường mua rồi bán lại không?

Không, đây hoàn toàn là mua mới vì mình sẽ gửi mã kích hoạt trưc tiếp cho bạn.

Có được hỗ trợ trong quá trình học hay không?

Mỗi khóa học trên FEDU đều có một nhóm hỗ trợ giải đáp riêng cho chính giảng viên đảm nhận, vì vậy các bạn an tâm nhé.

Bảng giá

Nhóm giá Giá
Giá gốc 649,000đ
Bán tại tại FEDU 349,000đ XEM
Bán tại freetuts 280,000đ MUA

Nội dung khóa học

  1. Giới thiệu

    • Giới thiệu khóa học (19:37)
  2. Bài mở đầu : khởi động

    • Thông tin về group support trong quá trình học và phần mềm sử dụng trong khóa
    • Nhắc lại thuộc tính CSS3 translate (12:49)
    • Thuộc tính CSS3 quay và tâm quay (16:20)
    • Thuộc tính CSS3 zoom (08:55)
    • Áp dụng thuộc tính CSS3 quay, zoom, origin và transition-Phần 1.mp4 (12:05)
    • Áp dụng thuộc tính CSS3 quay, zoom, origin và transition-Phần 2.mp4 (12:05)
    • Select 05 – Áp dụng thuộc tính rotateY và Backface để làm hiệu ứng.mp4 (18:58)
    • Áp dụng thuộc tinh transition delay (15:45)
  3. Project số 1 : Random project từ themeforest

    • Giới thiệu project hiệu ứng và các bước xử lý (08:18)
    • Xử lý CSS cho phần mặt trước (13:19)
    • Xử lý CSS hoàn thiện cho phần hiệu ứng đầu tiên (10:02)
    • Xử lý HTML cho phần hiệu ứng TAB (05:37)
    • Xử lý CSS cho phần hiệu ứng Tab (12:22)
    • Xử lý Jquery cho phần nút (06:28)
    • Xử lý Jquery cho phần nội dung (10:23)
    • Tự tạo hiệu ứng cho phần slide (05:33)
  4. Project số 2 viết hiệu ứng slide nhanh

    • Project số 3 Lựa chọn slide và xử lý HTML (13:49)
    • Xử lý CSS ban đầu cho khối giao diện (11:57)
    • Xử lý phần CSS cho khối giao diện (07:40)
    • Viết hiệu ứng JQUERY – Xử lý bộ đếm (14:03)
    • Hoàn thành hiệu ứng slide ảnh cho sản phẩm (05:13)
    • Nâng cấp version cho slide ảnh (05:42)
    • Xử lý hiệu ứng Quick View phần HTML (03:15)
    • Xử lý hiệu ứng Quick View phần CSS (03:57)
    • Xử lý hiệu ứng Quick View phần Jquery (05:10)
    • Sử dụng hàm jquery cho thao tác trên bàn phím (03:07)
    • Nâng cấp Version 3 cho slide ảnh (09:13)
    • Tổng kết các hàm quan hệ trong JQuery (05:00)
    • Xử lý số lượng thay đổi bằng hàm quan hệ (04:23)
  5. Project số 3 xử lý hiệu ứng isotope

    • Giới thiệu giao diện kiểu Masonry (01:50)
    • Tạo giao diện cho gallery – phần HTML (09:17)
    • Tạo giao diện cho gallery – Phần CSS (04:30)
    • Tạo giao diện cho gallery – Phần Jquery (08:09)
    • Xử lý việc load ảnh băng thư viện Image Load (07:39)
    • Xử lý responsive (02:52)
    • Xử lý lọc dữ liệu theo danh mục – phần HTML (07:06)
    • Xử lý hiệu ứng chọn cho nút (06:33)
    • Xử lý hiệu ứng lọc dữ liệu theo danh mục khi click vào nút (08:19)
  6. Project số 4 THEFOX – Full frontend thực hiện cắt web và làm giao diện responsive

    • Xử lý Html cho phần top bằng bootstrap (05:41)
    • Xử lý CSS cho phần Top (19:17)
    • Xử lý CSS cho màn hình di động (10:21)
    • Xử lý HTML cho trang contact (04:30)
    • Xử lý CSS cho phần menu (06:36)
    • Xử lý CSS cho phần menu hiển thị trên di động (06:09)
    • Xử lý HTML cho phần bản đồ (05:57)
    • Xử lý CSS cho khối thong tin liên hệ (09:20)
    • Xử lý phần hiệu ứng (05:51)
    • Xử lý CSS cho phần thông tin liên hệ trên di động (03:14)
    • Xử lý phần form liên hệ (09:06)
    • Xử lý phần CSS cho Form (09:50)
    • Xử lý HTML cho phần footer (04:34)
    • Xử lý CSS cho phần footer (06:40)
    • Xử lý HTML cho phần lastest news -Phần 1 (06:02)
    • Xử lý HTML cho phần lastest news – Phần 2 (16:36)
    • Phương pháp sử dụng after và before trong css (09:01)
    • Xử lý phần HTML cho khối tag widget (04:00)
    • Bài giảng mới
    • Xử lý phần CSS cho khối TAG WIDGET
    • Xử lý phần CSS cho khối BLOG CATEGORY
    • Xử lý phần HTML cho phần NEWSLETTER (06:37)
    • Xử lý phần CSS cho phần NEWSLETTER (10:16)
    • Xử lý phần HTML_CSS cho khối BOTTOM FOOTER (08:00)
    • Xử lý hiệu ứng load cho trang CONTACT (11:51)
    • Xử lý giao diện trang contact cho di động (09:09)
    • Xử lý import giao diện cho trang chủ (02:16)
    • Xử lý HTML cho khối giới thiệu trang chủ (05:26)
    • Xử lý CSS cho khối giới thiệu (10:13)
    • Xử lý HTML cho khối slide (10:08)
    • Xử lý CSS cho phần news (07:36)
    • Xử lý HTML trang tin tức (04:51)
    • Xử lý bố cục tin bằng card column (04:50)
    • Xử lý CSS cho các cột thông tin (06:40)
    • Xử lý CSS và hiệu ứng cho trang tin tức (05:56)
    • File đính kèm project
  7. Project số 5 ARTICA

    • Xử lý HTML cho phần Top Header (08:00)
    • Xử lý CSS cho phần Top Header (13:37)
    • Xử lý CSS cho Top Header trên màn hình di động (10:17)
    • Xử lý HTML cho phần Menu và Logo (05:17)
    • Xử lý CSS cho phần Menu và Logo (07:08)
    • Xử lý CSS cho phần Menu và Logo trên màn hình đi động (07:19)
    • Xử lý phần HTML cho phần slide (06:54)
    • Xử lý phần CSS cho phần slide (09:26)
    • Xử lý CSS cho phần hiệu ứng slide hiển thị trên di động (07:27)
    • Xử lý phần HTML cho khối dịch vụ (05:13)
    • Xử lý Css cho khối 3 dịch vụ (09:27)
    • Xử lý css cho khối 3 dịch vụ trên màn hình di động (07:57)
    • Xử lý html cho khối tiêu đề thực đơn (05:54)
    • Xử lý css cho khối tiêu đề menu (12:37)
    • Xử lý css cho tiêu đề thực đơn trên di động (03:03)
    • Tự viết hiệu ứng lọc cho phần thực đơn (09:20)
    • Xử lý phần HTML cho khối thực đơn chi tiết (10:32)
    • Xử lý phần CSS cho khối thực đơn chi tiết (17:20)
    • Xử lý phần responsive cho khối thực đơn (03:04)
    • Xử lý phần hiệu ứng sắp xếp khi thay đổi cỡ màn hình (03:51)
    • Xử lý phần hiệu ứng load ảnh và truyền dữ liệu qua thuộc tính data của HTML5 (05:23)
    • Xử lý phần hiệu ứng lọc dữ liệu cho thực đơn bằng javascript (05:52)
    • Xử lý phần phần tiêu đề chi tiết của khối thực đơn (04:34)
    • Xử lý phần HTML cho hiệu ứng slide trượt (07:43)
    • Xử lý phần CSS cho carousel – Phần 1 (08:17)
    • Xử lý phần CSS cho carousel – Phần 2 (10:48)
    • Xử lý responsive cho phần hiệu ứng slide (18:37)
    • Xử lý HTML cho phần giới thiệu đầu bếp (06:12)
    • Xử lý CSS cho phần giới thiệu đầu bếp (10:30)
    • Xử lý css Responsive cho phần giới thiệu đầu bếp (04:23)
    • Xử lý khối slogan (06:55)
    • Xử lý HTML cho khối đặt bàn – Phần 1 (06:05)
    • Xử lý CSS cho khối đặt bàn – Phần 2 (07:22)
    • Xử lý hiệu ứng fake loader (12:40)
    • Xử lý form cho khối đặt bàn (11:59)
    • Xử lý phần HTML cho khối phản hồi người dùng (07:47)
    • Xử lý CSS cho phần phản hồi người dùng (05:37)
    • Xử lý HTML cho phần Tin tức cập nhật (08:27)
    • Xử lý CSS cho phần Tin tức cập nhật (09:23)
    • Check giao diện trên màn di động (02:07)
    • Xử lý HTML cho phần footer cột 1 (06:35)
    • Xử lý css cho phần footer cột 1 (08:40)
    • Xử lý HTML cho cột 2 footer (02:28)
    • Xử lý CSS cho cột 2 footer (07:34)
    • Xử lý css cho phần cột 4 footer (06:28)
    • Xử lý footer và check giao diện trên di động (05:56)
    • Tạo trang about bằng cách sử dụng lại code (03:38)
    • Tạo HTML bằng cách sử dụng lại code (06:07)
    • Tạo CSS cho khối thông tin đầu tiên trang about (05:31)
    • Tạo khối thông tin thứ 2 bằng cách sử dụng lại code (02:04)
    • Tạo khối thông tin thứ 3 trang about (07:39)
    • Hoàn chỉnh trang about bằng cách xử dụng lại code (05:12)
    • Tạo trang thực đơn trong 5 phút (05:39)
    • Hoàn thiện trang thực đơn trong 10 phút (11:45)
    • Tạo trang tin tức (03:32)
    • Tạo cột trái cho trang tin tức (06:40)
    • Xử lý phần tim kiếm cột phải (05:09)
    • Xử lý khối danh mục (07:39)
    • Hoàn thiện giao diện trang tin tức (12:17)
    • Hoàn thiện giao diện trang tin chi tiết (12:17)
    • Tạo trang contact phần form (09:29)
    • Hoàn thiện trang contact (06:47)
    • Tổng kết và đóng gói front end (05:30)
    • Xử lý phần css cho khối contact form (06:47)

ĐĂNG KÝ KHÓA HỌC









###########################

Bạn phải nhập đúng địa chỉ bên dưới vì mình sẽ gửi mã kích hoạt qua đường bưu điện, thanh toán tận nhà.


Số tiền: 305,000đ. Trong đó 25,000đ là phí gửi bưu điện

Gửi $ đến địa chỉ paypal: thehalfheart@gmail.com.

Số tiền: 13,023$ (1$ = 21.500đ)

Thanh toán qua ví với số điện thoại: 0979306603.

Số tiền: 280,000đ

  • Ngan Hang Vietcombank : Chi nhánh: Bình Tây, Q6, TP HCM
    Số tài khoản: 0251002704529
    Chỉ tài khoản: Nguyễn Văn Cường
  • Ngan Hang Sacombank : Chi nhánh: Cưkuin Đăklăk
    Số tài khoản: 050053235619
    Chỉ tài khoản: Nguyễn Văn Cường

Số tiền: 280,000đ


Lưu ý: Nội dung gửi tiền là [SĐT] mà bạn đã nhập ở trên.

Nếu có thắc mắc vui lòng gọi đến số điện thoại 0979306603, hoặc liên hệ qua skype thehalfheart hoặc fanpage.

Khóa học liên quan