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.
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ướcví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,640
Học viên
746
Đánh giá
2,114
Trả lời
4.9
Xếp hạng
23
Các khóa học
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사 ■ [현재] 프리랜서 프론트엔드 퍼블리셔 ■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영 ■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사 ■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사 ■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사 ■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사 ■ UI/UX 웹 디자인 포트폴리오 강의 ■ 웹디자인 기능사 실기 자격증반 강의 ■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
이론과 정말 다양한 실무 예제들이 담겨있어서 따라해 보면서 금방 실력이 늘 수 있을 것 같아요! 인터넷 강의가 아닌 전자책이라서 언제든지 확인하기 쉽고 정해진 강의 시간이 있는 것이 아니라 제 속도에 맞게 공부 할 수 있다는 점도 정말 좋은 것 같아요 열심히 공부해 보겠습니다!