Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Publishing

Lý thuyết cốt lõi về JavaScript & jQuery dành cho nhà xuất bản web với các ví dụ thực tế (Sách giáo khoa, Phiên bản đầy đủ)

Sách giáo khoa và bản hoàn chỉnh về lý thuyết cốt lõi và ví dụ thực tế JS dành cho nhà xuất bản web được tạo thành dưới dạng tài liệu giảng dạy PDF. Tài liệu này giúp nhà xuất bản web có thể nắm vững kiến thức cơ bản về JavaScript và jQuery. Điểm nổi bật của tài liệu này là bạn có thể củng cố kiến thức lý thuyết thông qua các nhiệm vụ nhỏ (Small Mission) liên quan đến lý thuyết. Đặc biệt, tài liệu này cũng có nhiều ví dụ thực tế sử dụng tất cả các lý thuyết đã học. Toàn bộ PDF này có hơn 320 trang về JavaScript thuần túy (Vanlila JavaScript) và jQuery, với nhiều lời giải thích bổ sung để CodingWorks dễ hiểu. Đặc biệt, bạn có thể học các ví dụ thực tế về tương tác jQuery cần thiết để tạo trang web.

(4.6) 11 đánh giá

186 học viên

  • codingworks
전자책 제공
웹퍼블리셔
미션
이론 실습 모두
JavaScript
jQuery
HTML/CSS

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Lý thuyết và ví dụ ứng dụng thực tế bắt buộc của JavaScript

  • Lý thuyết và ví dụ ứng dụng thực tế về jQuery

  • JavaScript & jQuery HTML+CSS+JS bản hoàn chỉnh

<Sách giáo khoa Lý thuyết cốt lõi JS và ví dụ thực tế và phiên bản đầy đủ cho các nhà xuất bản web>

Một cuốn sách giáo khoa cơ bản về JS được Coding Works biên soạn cẩn thận.
Mô tả và nhiệm vụ nhỏ dành riêng cho nhà thiết kế web, nhà xuất bản web và nhà phát triển web.
Và những ví dụ thực tế và thú vị cho công việc của bạn,
Hãy tự tin với JavaScript và jQuery!!

Đặc biệt, đối với các nhà xuất bản để tạo ra các trang web
Bạn sẽ học được những ví dụ thực tế về các tương tác thiết yếu của jQuery.

'Học JS, một ngôn ngữ khó hiểu đối với các nhà thiết kế web và nhà xuất bản web, giờ đây trở nên dễ hiểu hơn!'

Đây là sách giáo khoa PDF về các lý thuyết cốt lõi của JS và các ví dụ thực tế mà Coding Works đã dày công biên soạn. Không giống như những cuốn sách thông thường, Coding Works là cuốn sách không thể thiếu đối với các nhà thiết kế web và nhà xuất bản khi họ thấy JavaScript và jQuery quá khó sử dụng! Chúng tôi đã đưa ra những giải thích đầy đủ để giúp bạn dễ dàng hiểu được nội dung bạn cần. Khi biên soạn cuốn sách giáo khoa này, tôi đã rất vất vả suy nghĩ : 'Làm sao tôi có thể giải thích điều này để học sinh có thể hiểu dễ dàng hơn?'

'Học lý thuyết từng bước một và sau đó áp dụng vào các nhiệm vụ nhỏ!'

Các sách giáo khoa JavaScript và jQuery hiện có đề cập đến nhiều chủ đề không thực sự cần thiết nhưng lại thiếu sự phân biệt và giải thích về nội dung cốt lõi. Theo quan điểm của người đọc, thật khó để biết nên tập trung vào điều gì, như thế nào và như thế nào khi học. Đặc biệt, có rất ít ví dụ thực tế về lý thuyết này. Có những ví dụ, nhưng chúng thường khó có thể được coi là ví dụ thực tế. Tuy nhiên, <Sách giáo khoa Lý thuyết cốt lõi và Ví dụ thực tế JS cùng Phiên bản đầy đủ dành cho Nhà xuất bản web> do Coding Works biên soạn chỉ sắp xếp những nội dung cốt lõi có thể sử dụng ngay trong thực tế. Và khi bạn nghiên cứu một lý thuyết mới, nó được cấu trúc sao cho bạn có thể thực hiện một ví dụ về việc áp dụng lý thuyết đó, tức là một nhiệm vụ nhỏ.

'Tôi tự hỏi điều này có thể được sử dụng ở đâu... À~ Thì ra đây là lúc tôi có thể sử dụng lý thuyết tôi đã học!'

Tạo các ví dụ thực tế bằng cách sử dụng tất cả các lý thuyết bạn đã học. Bạn sử dụng điều này ở đâu khi học lý thuyết? Bạn có thể nghĩ, 'Ồ, đây chính là lúc tôi có thể sử dụng lý thuyết mình đã học!' trong khi tạo ra một số nhiệm vụ nhỏ và ví dụ thực tế ở phần cuối. Bạn có thể nghĩ vậy. Điều này sẽ giúp bạn nhớ lý thuyết một cách chắc chắn hơn. Đặc biệt, bằng cách tạo ra các ví dụ thực tế, thực tế, bạn sẽ nhận ra rằng JavaScript và jQuery không chỉ là những thứ khó khăn và nặng nề đối với các nhà phát triển , điều này sẽ thúc đẩy bạn học JavaScript và jQuery thú vị hơn trong tương lai.

'Thật tuyệt vì đây là sách giáo khoa PDF nên tôi có thể tra cứu mọi lúc, mọi nơi và file hoàn chỉnh cũng rất hữu ích!'

Trước đây, tôi thường mua sách ở hiệu sách để học về xuất bản hoặc lập trình. Tôi cũng vậy. Tuy nhiên, khi bạn cần đọc một cuốn sách, bạn luôn cần phải có nó bên mình, nhưng lại khó mang theo nên hầu hết thời gian bạn chỉ để nó ở nhà. Vì vậy, sách điện tử rất tuyệt vời vì bạn có thể đọc chúng ngay lập tức bất cứ khi nào và bất cứ nơi đâu bạn muốn.

Một lưu ý nữa là việc học xuất bản và phát triển web mà không có sách giáo khoa không phải là thói quen tốt. Bạn tìm kiếm và tiếp thu kiến ​​thức từ nhiều người thông qua YouTube hoặc blog, nhưng cuối cùng, bạn thường chỉ thu được kiến ​​thức rời rạc. Cho dù ở dạng sách thường hay sách điện tử, sách tham khảo đều rất cần thiết để nâng cao kỹ năng của bạn.

Tất cả các nhiệm vụ nhỏ và các tệp ví dụ thực tế được giải thích trong sách giáo khoa đều có thể tải xuống ở định dạng tệp HTML+CSS+JS. Vì vậy, trước khi mã hóa nội dung trong sách giáo khoa, trước tiên bạn có thể mở tệp dưới dạng bản xem trước và thực hành với sách giáo khoa, và bạn có thể kiểm tra các phần bạn đã bỏ lỡ trong sách giáo khoa bằng tệp đã hoàn thành.


📖 Nội dung sách giáo khoa PDF (JavaScript, 212 trang)

01. Ngữ pháp JavaScript cơ bản

  • Liên kết ngôn ngữ JavaScript
  • Thêm bình luận
  • Đầu ra dữ liệu
  • Kiểu dữ liệu
  • Toán tử số học và toán tử so sánh

02. Biến JavaScript

  • Khai báo biến, gán, khởi tạo, đầu ra trình duyệt
  • Quy tắc đặt tên biến
  • Kiểu dữ liệu được lưu trữ trong biến
  • Khai báo lại các biến
  • Lý do sử dụng biến
  • Tạo chương trình sử dụng các biến và hàm (tính toán trung bình)
  • Dấu ngoặc kép ngược ES2015 (`) và chuỗi mẫu

03. Câu lệnh điều kiện JavaScript if, câu lệnh switch

  • Câu lệnh điều kiện if else cơ bản
  • Nhiều câu lệnh điều kiện if
  • Toán tử logic
  • Các câu lệnh điều kiện if lồng nhau
  • câu lệnh chuyển đổi
  • Toán tử ba ngôi
  • Xử lý có điều kiện sử dụng if và '?'

04. Vòng lặp JavaScript - vòng lặp while, vòng lặp do while, vòng lặp for

  • Toán tử gán hợp chất
  • Toán tử tăng/giảm
  • vòng lặp while
  • vòng lặp while
  • vòng lặp for
  • Vòng lặp lồng nhau

05. Mảng JavaScript và câu lệnh for in

  • Mảng
  • Mảng và vòng lặp for
  • cho trong cửa
  • phá vỡ từ khóa
  • tiếp tục từ khóa

06. Hàm JavaScript

  • Khai báo và gọi hàm
  • Tham số và từ khóa trả về
  • Khai báo biến hàm
  • Các chức năng tích hợp
  • Chức năng được thực hiện ngay lập tức
  • Biểu thức hàm, hàm mũi tên

07. Đối tượng JavaScript và hàm xây dựng

  • Loại đối tượng
  • Khai báo và gọi đối tượng
  • So sánh các khái niệm biến, mảng và đối tượng
  • từ khóa này
  • Các hàm dựng và nguyên mẫu

08. Đối tượng tích hợp cơ bản của JavaScript

  • Chuỗi chuỗi
  • Số & Toán
  • Thuộc tính và phương thức của mảng
  • Ngày Ngày
  • Phương thức Getter và Setter của đối tượng Date

09. BOM(Browser Object Model): Đối tượng trình duyệt

  • BOM (Mô hình đối tượng trình duyệt)
  • thuộc tính và phương pháp của đối tượng cửa sổ

10. DOM(Document Object Model): Đối tượng tài liệu

  • Đối tượng tài liệu DOM là gì?
  • Phương pháp để lấy đối tượng tài liệu DOM
  • Phương pháp cú pháp chuẩn bị đối tượng tài liệu DOM (onload)
  • Thuộc tính và phương thức của đối tượng tài liệu
  • Thuộc tính và phương thức của đối tượng sự kiện
  • Thuộc tính và phương thức của đối tượng sự kiện chuột và bàn phím

11. Nút DOM HTML

  • Nút HTML DOM là gì?
  • Điều hướng giữa các nút HTML DOM

12. JavaScript - Thuộc tính đối tượng tài liệu

  • Đối tượng tài liệu - Biểu mẫu
  • Đối tượng tài liệu - Thuộc tính lớp
  • Đối tượng tài liệu - Thuộc tính khu vực
  • Đối tượng tài liệu - thuộc tính tập dữ liệu

13. Ví dụ thực tế về JavaScript

  • Di chuyển mượt mà bằng cách nhấp chuột
  • Làm đồng hồ kỹ thuật số (phương pháp 1)
  • Làm đồng hồ kỹ thuật số (phương pháp 2)
  • Modal nổi (1)
  • Modal nổi (2)
  • Tạo Đồng hồ bấm giờ (phút:giây:mili giây)
  • Tạo Đồng hồ bấm giờ (giờ:phút:giây)
  • Tạo trò chơi kéo búa bao
  • Tạo Máy tính với Lưới (JavaScript Nội tuyến)
  • Tạo máy tính với Grid (gọi tham số hàm)

📖 Nội dung sách giáo khoa PDF (jQuery, 112 trang)

01. Kết nối jQuery và ngữ pháp cơ bản

  • jQuery Linking - Liên kết sau khi tải xuống
  • jQuery Linking - Phương pháp liên kết CDN
  • jQuery Basic Grammar - Viết tập lệnh Vị trí/Bình luận

02. Các phương pháp thiết yếu của jQuery Phần 1

  • Phương pháp thay đổi kiểu CSS
  • Tìm phương pháp phần tử
  • Tạo các hàm sự kiện chuột và biến jQuery
  • Thêm/Xóa Phương thức Lớp
  • Phương pháp hiệu ứng
  • Phương pháp liên quan đến văn bản
  • Các phương pháp liên quan đến thuộc tính
  • Chèn/xóa các phần tử html một cách động
  • Phương pháp liên quan đến chiều rộng và chiều cao
  • Phương pháp liên quan đến vị trí
  • Phương pháp cuộn vị trí của một phần tử
  • Các phương pháp liên quan đến sao chép và bao bọc
  • Các loại sự kiện (sự kiện chuột, sự kiện bàn phím, sự kiện liên quan đến biểu mẫu)

03. Các phương pháp thiết yếu của jQuery Phần 2

  • Hiệu ứng hoạt hình animate()
  • Phương thức load() để tải từng tài liệu vào vị trí mong muốn trên trang.

04. Ví dụ thực tế về JQuery

  • Tạo 3 Type Image Slider jQuery Tab Menu Nội dung
  • nội dung accordion jquery
  • Footer Family Site Hộp chọn tùy chỉnh
  • Thay đổi màu nền bằng cách sử dụng màu đầu vào
  • Khi bạn di chuyển chuột xuống, CSS sẽ thay đổi và nó sẽ di chuyển mượt mà lên trên cùng
  • Điều hướng đến từng phần bằng cách cuộn mượt mà
  • Tạo thanh tăng/giảm kích thước phông chữ
  • Tạo nút để tăng hoặc giảm kích thước phông chữ
  • Chuyển đổi giữa chế độ sáng và chế độ tối
  • Tạo biểu mẫu tải tệp lên
  • Tạo biểu mẫu tải ảnh đại diện
  • Hiển thị các trường nhập vô hình khi hộp kiểm được chọn
  • Nhấp vào nút Xem thêm để tải nội dung ẩn
  • Thư viện ảnh nơi bạn có thể xem hình ảnh lớn hơn bằng cách nhấp vào hình ảnh thu nhỏ
  • Hiển thị/Ẩn Giá trị Nhập Mật khẩu với Biểu tượng Phông chữ
  • Kiểm tra số ký tự trong hộp nhập văn bản (textarea)
  • Tạo một kính lúp theo con trỏ chuột
  • Hiệu ứng thị sai theo chuyển động cuộn chuột
  • Tạo thanh điều hướng với các tab biểu tượng ở cuối thiết bị di động
  • Tạo danh sách việc cần làm
  • Thanh trượt (Các nút Trước Tiếp theo, Các nút Điều khiển Phát tự động)
  • Thanh trượt (Tự động phát, dừng khi di chuột qua và tiếp tục khi di chuột ra)
  • Hoạt ảnh văn bản hiện lên khi nhấp vào trường nhập biểu mẫu
  • Tạo hiệu ứng di chuột qua hình ảnh bằng jquery animate
  • Mở nội dung ẩn với điều hướng thanh bên
  • Tạo Lightbox Thư viện ảnh
  • Khởi chạy modal hoạt hình phản hồi
  • Màn hình chuyển đổi trước sau

05. Cách sử dụng plugin jQuery

  • Cách sử dụng plugin jQuery slider Slick Slider
  • Cách sử dụng plugin gõ jQuery Typed.js
  • Cách sử dụng plugin jQuery Lightbox featherlight.js
  • Plugin jQuery Countdown Timer Đếm ngược cuối cùng

※ Sách giáo khoa jQuery này không đề cập đến cách sử dụng Ajax.


🚩 Ảnh chụp màn hình xem trước sách giáo khoa PDF ( JavaScript)

🚩 Ảnh chụp màn hình xem trước sách giáo khoa PDF ( jQuery)



⚡ Xem trước ví dụ thực tế về JavaScript đầy đủ

Thanh trượt (Nút Trước Tiếp theo, Nút Điều khiển Phát tự động)

Thanh trượt (Tự động phát, dừng khi di chuột qua và bắt đầu lại khi di chuột ra)


▲ Di chuyển mượt mà bằng cách nhấp chuột (phương pháp JavaScript)


[Phút, giây, mili giây] Tạo đồng hồ bấm giờ


Tạo trò chơi kéo búa bao


Tạo máy tính với Grid


Thay đổi màu nền bằng các sự kiện chuột


Phương thức nổi (Phương pháp 2)

Xem trước dụ thực tế jQuery đầy đủ

▲ Di chuyển mượt mà bằng cách nhấp chuột (phương pháp jQuery)


Tạo danh sách việc cần làm


Tạo biểu tượng điều hướng thanh tab ở cuối màn hình di động (Điều hướng thanh tab)


Tạo chức năng kính lúp theo con trỏ chuột


Chuyển đổi giữa chế độ sáng và chế độ tối


Tạo thanh để tăng hoặc giảm kích thước phông chữ


Kiểm tra số ký tự trong hộp nhập văn bản (textarea)


▲ Hiển thị/Ẩn giá trị nhập mật khẩu bằng biểu tượng phông chữ


▲ Tạo biểu mẫu tải ảnh đại diện


▲ Hoạt ảnh văn bản nổi lên khi nhấp vào trường nhập biểu mẫu


▲ Tạo hộp đèn thư viện ảnh


▲ Tạo hiệu ứng di chuột trên hình ảnh với jQuery animate


▲ Mở nội dung ẩn với điều hướng thanh bên


▲ Màn hình chuyển tiếp trước sau thay đổi


▲ Cách sử dụng plugin jQuery slider Slick Slider


▲ Cách sử dụng plugin gõ jQuery Typed.js


▲ Cách sử dụng plugin jQuery Featherlight


▲ Cách sử dụng plugin đếm ngược thời gian jQuery The Final Countdown


🌈 Xem trước toàn bộ tệp JavaScript & jQuery


Những điều cần lưu ý trước khi tham gia lớp học 📢

Cuốn sách giáo khoa này dành cho những người chuẩn bị làm việc với tư cách là nhà xuất bản web hoặc những người hiện đang làm việc với tư cách là nhà xuất bản web. Đây không phải là khóa học có chiều sâu mà các nhà phát triển front-end hoặc back-end mong muốn. Điều đó không có nghĩa là tôi đang trình bày các lý thuyết cốt lõi của JavaScript và jQuery một cách kém cỏi. Nó bao gồm tất cả những điều cần thiết. Đối với các khóa học JS chuyên sâu mà các nhà phát triển front-end hoặc back-end mong muốn, hiện có nhiều sách giáo khoa JavaScript từ trung cấp đến nâng cao trên thị trường.

🟢 Trước khi tham gia khóa học này, bạn nên đọc bài đăng trên blog Coding Works bên dưới.
Tại sao các nhà thiết kế web và nhà xuất bản web nên biết JQuery tốt hơn JavaScript: https://www.inflearn.com/blogs/3527

Kiến thức và ghi chú của người chơi

  • Vì đây là giáo trình học JS không tập trung vào việc xuất bản nên các kỹ năng HTML+CSS cơ bản là đủ.

Giới thiệu người chia sẻ kiến ​​thức ✒️

Hiện tại) Nhà xuất bản quốc gia & Giảng viên Front-end
Hiện tại là một nhà xuất bản front-end tự do
Hiện tại, tôi đang điều hành kênh YouTube xuất bản HTML+CSS+JQUERY 'Coding Works'
Giảng viên xuất bản web của Học viện máy tính xanh
Jo Eun Computer Academy Giảng viên xuất bản web
Hiện là Giảng viên Xuất bản Web của Học viện Máy tính
Nhà xuất bản front-end, chuyên gia xuất bản front-end
Khóa học thiết kế danh mục đầu tư web UI/UX
Khóa học chứng nhận thực hành kỹ thuật viên thiết kế web
Thiết kế và xuất bản UI/UX Frontend Easy & Edu

🌏Danh sách bài giảng của Coding Works Inflearn - https://www.inflearn.com/users/@codingworks

🌏Inflearn Coding Works Lecture Learning Order (Sơ đồ lộ trình học tập) - https://www.inflearn.com/blogs/2351

🌏Blog xuất bản của Coding Works Inflearn - https://www.inflearn.com/users/@codingworks/blogs

🌏Kênh YouTube của Coding Works Publishing - https://www.youtube.com/codingworks

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • PDF giáo trình về những nội dung cốt lõi cần thiết của JavaScript & jQuery dành cho những ai muốn tìm hiểu

  • 웹 디자iner, nhà xuất bản web, nhà phát triển web cần nâng cao kỹ năng JavaScript & jQuery

Cần biết trước khi bắt đầu?

  • JS học tập tài liệu không phải là mục đích chính nên chỉ cần có kiến thức cơ bản về HTML+CSS là đủ

Xin chào
Đây là

12,541

Học viên

737

Đánh giá

2,105

Trả lời

4.9

Xếp hạng

23

Các khóa học

■ [현재] 국비 퍼블리싱 & 프론트엔드 강사 
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱

 

🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704

Chương trình giảng dạy

Tất cả

5 bài giảng

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

11 đánh giá

4.6

11 đánh giá

  • fromzerodev님의 프로필 이미지
    fromzerodev

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    お金が惜しくないほど気付いています

    • codingworks
      Giảng viên

      受講評ありがとうございます〜^^

  • navercom님의 프로필 이미지
    navercom

    Đánh giá 10

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    最終プロジェクトのときに多くの助けになりました。 本当にありがとうございました。

    • codingworks
      Giảng viên

      5つ星をありがとう〜^^

  • hanjewan10082님의 프로필 이미지
    hanjewan10082

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    80% đã tham gia

    理論と本当に様々な実務例が盛り込まれており、追ってみながらすぐに実力が増えると思います!インターネット講義ではなく電子書籍なので、いつでも確認しやすく定められた講義時間があるのではなく、私のスピードに合わせて勉強できるという点も本当にいいようですが、一生懸命勉強してみましょう!

    • codingworks
      Giảng viên

      受講評ありがとうございます〜^^

  • kky9616tt5619님의 프로필 이미지
    kky9616tt5619

    Đánh giá 32

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    まとめ すごく上手くできて満足です!

    • codingworks
      Giảng viên

      受講評ありがとうございます〜!

  • wjdals9927946님의 프로필 이미지
    wjdals9927946

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    これまでYouTubeや無料講義などでJavaScriptを勉強したが失速はない理論だけでしたが、この講義を購入してみてはJavaScriptについてもっと深く理解できるようになりました。

    • codingworks
      Giảng viên

      不足している講義をよく見てくれてありがとう〜!

716.373 ₫

Khóa học khác của codingworks

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!