Học lập trình frontend nâng cao thông qua project thực tế (Bootstrap nâng cao)

Nguyễn Đức Việt / chuyên gia thiết kế website
0 (0 đánh giá)
19 học viên đăng ký học
Học lập trình frontend nâng cao thông qua project thực tế (Bootstrap nâng cao)

Học lập trình frontend nâng cao thông qua project thực tế (Bootstrap nâng cao)

Nguyễn Đức Việt / chuyên gia thiết kế website
0 (0 đánh giá)
19 học viên đăng ký học

Giới thiệu khoá học

HƠN 95% DOANH NGHIỆP ĐÃ CÓ WEBSITE CHO RIÊNG MÌNH!

CÒN BẠN THÌ SAO?

BẠN MUỐN TỰ MÌNH THỰC HIỆN GIAO DIỆN WEB HOẶC TỰ TẠO TRANG TRÌNH BÀY SẢN PHẨM

HAY BẠN MUỐN TỰ THIẾT KẾ TRANG BLOG CHO CÁ NHÂN, TỰ LÀM TRANG WEB GIỚI THIỆU CÔNG TY, CỬA HÀNG?

Ba tiêu chuẩn bắt buộc của website:

Giao diện, hình ảnh thể hiện tinh thần thương hiệu

Cung cấp đẩy đủ thông tin về công ty, sản phẩm và khách hàng

Đủ khả năng mang lại trải nghiệm tuyệt vời cho khách hàng

Và nếu bạn là:

❗ Chủ doanh nghiệp muốn phát triển website chuyên nghiệp

❗ Trưởng phòng IT, CNTT hay Marketing muốn xây dựng thương hiệu qua website

❗ Chuyên viên IT hoặc digital marketing muốn thiết kế và tối ưu website

❗ Bất kể là ai nhưng có đam mê tạo lập một website chuyên nghiệp

Và bạn có những câu hỏi như:

Các thuộc tính quan trọng của CSS3 sẽ được thực hiện như thế nào?

Cách xử lý HTML và Jquery để giúp tạo hiệu ứng chuyên nghiệp cho website?

Cách thực hiện đối với các hiệu ứng slide nhanh và hiệu ứng isotope?

---------------------------------------------

Hãy tìm câu trả lời cho mình ngay trong khóa học:

Học lập trình frontend nâng cao thông qua project thực tế (Bootstrap nâng cao) được hướng dẫn và thực hiện bởi Chuyên gia Nguyễn Đức Việt (Giảng viên Thiết kế web tại FPT – Arena)

-----------------------------------------------------------

Nội dung chính của khóa học:

1. Hướng dẫn thao tác áp dụng các thuộc tính: SS3 quay, zoom, origin và transition

2. Sử dụng CSS, HTML, Jquery để thực hiện cho các hiệu ứng tab và phân nút, nội dung và slides

3. Thực hiện  viết hiệu ứng slide nhanh cho project thực tế

4. Hướng dẫn thao tác với Project xử lý hiệu ứng isotope

-----------------------------------------------------------

Lợi ích sau khóa học:

Tường tận về các khái niệm và cấu trúc của website liên quan tới frontend

Thấu hiểu và có khả năng thực hiện các tính năng từ căn bản đến nâng cao

Sử dụng thư viện jquery, css3, wordpress, photoshot ra HTML

Biết một số quy tắc và các tips để giúp thực hiện frontend chuyên nghiệp

Bên cạnh các kiến thức kể trên, Kyna.vn còn đem đến cho bạn một trải nghiệm học tập vô cùng thú vị:

Được học linh hoạt mọi lúc, mọi nơi trên nhiều thiết bị như máy tính, điện thoại, máy tính bảng,...

Được tham gia thảo luận và đặt câu hỏi cho giảng viên không khác gì các khóa học trực tiếp.

Chỉ cần thanh toán học phí một lần để sở hữu khóa học trọn đời, có thể học lại bất cứ khi nào tùy thích.

Hãy đăng ký ngay để nắm bắt xu hướng marketing trong thời đại mới. Chúc bạn có được nhiều kiến thức bổ ích khi học tại kyna.vn.

Chi tiết khóa học

  • Chương 1: Bài mở đầu

    • Bài 1: Nhắc lại thuộc tính CSS3 translate
    • Bài 2: Thuộc tính CSS3 quay và tâm quay
    • Bài 3: Thuộc tính CSS3 zoom
    • Bài 4: Áp dụng thuộc tính CSS3 quay, zoom, origin và transition
    • bài 5: Áp dụng thuộc tính rotateY và Backface để làm hiệu ứng
    • Bài 6: Áp dụng thuộc tính transition delay
    • Tài liệu chương 1
  • Chương 2: 02 Project so 2

    • Bài 7: Giới thiệu project hiệu ứng và các bước xử lý
    • Bài 8: Xử lý CSS cho phần mặt trước
    • Bài 9: Xử lý CSS hoàn thiện cho phần hiệu ứng đầu tiên
    • Bài 10: Xử lý HTML cho phần hiệu ứng TAB
    • Bài 11: Xử lý CSS cho phần hiệu ứng TAB
    • Bài 12: Xử lý Jquery cho phần nút
    • Bài 13: Xử lý Jquery cho phần nội dung
    • Bài 14: Tự tạo hiệu ứng cho phần slide
    • Tài liệu chương 2
  • Chương 3: 02 Project so 3 viết hiệu ứng slide nhanh

    • Bài 15: Project số 3 Lựa chọn và xử lý HTML
    • Bài 16: Xử lý CSS ban đầu cho khối giao diện - Phần 1
    • Bài 17: Xử lý CSS ban đầu cho khối giao diện - Phần 2
    • Bài 18: Viết hiệu ứng JQUERY - Xử lý bộ đếm
    • Bài 19: Hoàn thành hiệu ứng slide ảnh cho sản phẩm
    • Bài 20: Nâng cấp version cho slide ảnh
    • Bài 21: Tóm tắt lại cấc hàm Jquery sử dụng trong slide ảnh
    • Bài 22: Xử lý hiệu ứng Quick View phần HTML
    • Bài 23: Xử lý hiệu ứng Quick View phần Jquery
    • Bài 24: Xử lý hiệu ứng Quick View phần CSS
    • Bài 25: Sử dụng hàm jquery cho thao tác trên bàn phím
    • Bài 26: Nâng cấp Version 3 cho slide ảnh
    • Bài 27: Tổng kết các hàm quan hệ trong Jquery
    • Bài 28: Xử lý số lượng thay đổi hàm quan hệ
    • Tài liệu chương 3
  • Chương 4: 04 Project so 4 xử lý hiệu ứng isotope

    • Bài 29: Giới thiệu giao diện kiểu Masonry
    • Bài 30: Tạo giao diện cho gallery - Phần HTML
    • Bài 31: Tạo giao diện cho gallery - Phần CSS
    • Bài 32: Tạo giao diện cho gallery - Phần Jquery
    • Bài 33: Xử lý việc load ảnh bằng thư viện Image Load
    • Bài 34: Xử lý reponsive
    • Bài 35: Xử lý lọc dữ liệu theo danh mục - Phần HTML
    • Bài 36: Xử lý hiệu ứng chọn cho nút
    • Bài 37: Xử lý hiệu ứng lọc dữ liệu theo danh mục khi click vào nút
    • Tài liệu chương 4
  • Chương 5: 05 Project thefox

    • Bài 38: Xử lý HTML cho phần top bằng bootstrap
    • Bài 39: Xử lý CSS cho phần Top
    • Bài 40: Xử lý CSS cho màn hình di động
    • Bài 41: Xử lý HTML cho trang contact
    • Bài 42: Xử lý CSS cho phần menu
    • Bài 43: Xử lý CSS cho phần menu hiển thị trên di động
    • Bài 44: Xử lý HTML cho phần bản đồ
    • Bài 45: Xử lý CSS cho khối thông tin liên hệ
    • Bài 46: Xử lý phần hiệu ứng
    • Bài 47: Xử lý CSS cho phần thông tin trên di động
    • Bài 48: Xử lý phần from liên hệ
    • Bài 49: Xử lý phần CSS cho From
    • Bài 50: Xử lý HTML cho phần footer
    • Bài 51: Xử lý CSS cho phần footer
    • Bài 52: Xử lý HTML cho phần lastest
    • Bài 53: Xử lý HTML cho phần lastest news
    • Bài 54: Phương pháp sử dụng after và before trong css
    • Bài 55: Xử lý phần HTML cho khối tag widget
    • Bài 56: Xử lý phần CSS cho khối tag widget
    • Bài 57: Xử lý phần CSS cho khối Blog Category
    • Bài 58: Xử lý phần HTML cho phần Newsletter
    • Bài 59: Xử lý phần CSS cho phần Newsletter
    • Bài 60: Xử lý phần HTML_CSS cho khối Bottom Footer
    • Bài 61: Xử lý hiệu ứng load cho tràn Contact
    • Bài 62: Xử lý giao diện trang Contact cho di động
    • Bài 63: Xử lý import giao diện cho trang chủ
    • Bài 64: Xử lý HTML cho khối giới thiệu trang chủ
    • Bài 65: Xử lý CSS cho khối giới thiệu
    • Bài 66: Xử lý HTML cho khối slide
    • Bài 67: Xử lý CSS cho phần news
    • Bài 68: Xử lý HTML trang tin tức
    • Bài 69: Xử lý bố cục bằng card column
    • Bài 70: Xử lý CSS cho các cột thông tin
    • Bài 71: Xử lý CSS và hiệu ứng cho trang tin tức
    • Tài liệu chương 5
  • Chương 6: 06 Project artica

    • Bài 72: Xử lý HTML cho phần Top Header
    • Bài 73: Xử lý CSS cho phần Top Header
    • Bài 74: Xử lý CSS cho Top Header trên màn hình di động
    • Bài 75: Xử lý HTML cho phần menu và Logo
    • Bài 76: Xử lý CSS cho phần Menu và Logo
    • Bài 77: Xử lý CSS cho phần Menu và Logo trên màn hình di động
    • Bài 78: Xử lý phần HTML cho phần slide
    • Bài 79: Xử lý phần CSS cho phần slide
    • Bài 80: Xử lý CSS cho phần hiệu ứng slide hiển thị trên di động
    • Bài 81: Xử lý phần HTML cho khối dịch vụ
    • Bài 82: Xử lý CSS cho khối 3 dịch vụ
    • Bài 83: Xử lý CSS cho khối 3 dịch vụ trên màn hình di động
    • Bài 84: Xử lý html cho khối tiêu đề thực đơn
    • Bài 85: Xử lý css cho khối tiêu đề menu
    • Bài 86: Xử lý css cho tiêu đề thực đơn trên di động
    • Bài 87: Tự viết hiệu ứng lọc cho phần thực đơn
    • Bài 88: Xử lý phần HTML cho khối thực đơn chi tiết
    • Bài 89: Xử lý phần CSS cho khối thực đơn chi tiết
    • Bài 90: Xử lý phần responsive cho khối thực đơn
    • Bài 91: Xử lý phần hiệu ứng sắp xếp khi thay đổi cỡ màn hình
    • Bài 92: Xử lý phần hiệu ứng load ảnh và truyền dữ liệu qua thuộc tính data của HTML5
    • Bài 93: Xử lý phần hiệu ứng lọc dữ liệu cho thực đơn bằng javascript
    • Bài 94: Xử lý phần phần tiêu đề chi tiết của khối thực đơn
    • Bài 95: Xử lý phần HTML cho hiệu ứng slide trượt
    • Bài 96: Xử lý phần CSS cho carousel - Phần 1
    • Bài 97: Xử lý phần CSS cho carousel - Phần 2
    • Bài 98: Xử lý responsive cho phần hiệu ứng slide
    • Bài 99: Xử lý HTML cho phần giới thiệu đầu bếp
    • Bài 100: Xử lý CSS cho phần giới thiệu đầu bếp
    • Bài 101: Xử lý css Responsive cho phần giới thiệu đầu bếp
    • Bài 102: Xử lý khối slogan
    • Bài 103: Xử lý HTML cho khối đặt bàn
    • Bài 104: Xử lý CSS cho khối đặt bàn
    • Bài 105: Xử lý hiệu ứng fake loader
    • Bài 106: Xử lý form cho khối đặt bàn
    • Bài 107: Xử lý phần HTML cho khối phản hồi người dùng
    • Bài 108: Xử lý CSS cho phần phản hồi người dùng
    • Bài 109: Xử lý HTML cho phần Tin tức cập nhật
    • Bài 110:Xử lý CSS cho phần Tin tức cập nhật
    • Bài 111: Check giao diện trên màn di động
    • Bài 112: Xử lý HTML cho phần footer cột 1
    • Bài 113: Xử lý CSS cho phần footer cột 1
    • Bài 114: Xử lý HTML cho cột 2 footer
    • Bài 115: Xử lý CSS cho cột 2 footer
    • Bài 116: Xử lý CSS cho phần cột 4 footer
    • Bài 117: Xử lý footer và check giao diện trên di động
    • Bài 118: Tạo trang about bằng cách sử dụng lại code
    • Bài 119: Tạo HTML bằng cách sử dụng lại code
    • Bài 120: Tạo CSS cho khối thông tin đầu tiên trang about
    • Bài 121: Tạo khối thông tin thứ 2 bằng cách sử dụng lại code
    • Bài 122: Tạo khối thông tin thứ 3 trang about
    • Bài 123: Hoàn chỉnh trang about bằng cách xử dụng lại code
    • Bài 124: Tạo trang thực đơn trong 5 phút
    • Bài 125: Hoàn thiện trang thực đơn trong 10 phút
    • Bài 126: Tạo trang tin tức
    • Bài 127: Tạo cột trái cho trang tin tức
    • Bài 128: Xử lý phần tim kiếm cột phải
    • Bài 129: Xử lý khối danh mục
    • Bài 130: Hoàn thiện giao diện trang tin tức
    • Bài 131: Hoàn thiện giao diện trang tin chi tiết
    • Bài 132: Tạo trang contact phần form
    • Bài 133: Xử lý phần css cho khối contact form
    • Bài 134: Hoàn thiện trang contact
    • Bài 135: Tổng kết và đóng gói front end
    • Tài liệu chương 6
    • Đánh giá góp ý cho khóa học
    • Khóa học liên quan
    • Trắc nghiệm cuối khóa học

Thông tin giảng viên

  • Nguyễn Đức Việt
    Nguyễn Đức Việt
    chuyên gia thiết kế website
  • Nguyễn Đức Việt chuyên gia thiết kế website

    Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm.
    Anh Nguyễn Đức Việt hiện đang là Giảng viên Thiết kế web tại FPT - Arena.
    Anh đã có 5 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web và có hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.
    Ngoài ra, anh Nguyễn Đức Việt còn tham gia rất nhiều dự án web cho FPT và các dự án Freelance khác về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

  • 0 lượt đánh giá
  • 0
    • 5 sao
    • 0
    • 4 sao
    • 0
    • 3 sao
    • 0
    • 2 sao
    • 0
    • 1 sao
    • 0

Đánh giá của bạn

Để đánh giá khóa học, bạn cần đăng nhập Kyna.vn và là học viên của khóa này.

0 Khóa học

Kyna.vn

Góp ý cho Kyna.vn-

Số điện thoại*
Email*

Bạn có sẵn sàng giới thiệu Kyna.vn với người thân và bạn bè?

Bạn có góp ý gì về phiên bản mới của Kyna.vn?

GÓP Ý

Góp ý cho Kyna.vn-

Cảm ơn bạn đã đóng góp ý kiến cho Kyna. Chúc bạn một ngày học tập và làm việc nhiều năng lượng.