(getProduct) #button=(Buy Now) #price=(850.000đ) #sale=(699.000đ)
Học jQuery từ cơ bản đến nâng cao khi bắt đầu từ con số 0
Có một khoảng thời gian mình cảm thấy cực kỳ bế tắc khi tự mày mò làm web. Giao diện mình dựng bằng HTML CSS nhìn thì cũng tạm, nhưng nó cứ đơ đơ. Muốn cái menu xổ xuống mượt một chút, hay cái ảnh click vào thì phóng to ra, mà nhìn vào JavaScript thuần thì mình thấy như nhìn vào ma trận.
Thú thật là lúc đó mình khá hoang mang. Cứ lên YouTube tìm tutorial, xem được vài phút là bắt đầu mất tập trung. Có hôm mình ngồi vào bàn học, vừa dọn lại cho gọn nhưng chỉ sau nửa tiếng là giấy tờ, cốc cafe lại bày bừa ra hết vì vừa code vừa vò đầu bứt tai.
Mình không biết nên bắt đầu từ đâu. Cứ copy code trên mạng về dán vào, chạy được thì mừng, không chạy được thì không biết sai ở đâu. Đó là lý do mình tìm đến khóa Học jQuery từ cơ bản đến nâng cao của thầy Nguyễn Đức Việt để hy vọng có một cái lộ trình nào đó rõ ràng hơn.
Những ngày đầu làm quen với ký hiệu dollar
Ban đầu mình thấy hơi mất thời gian. Kiểu như phải làm quen lại với tư duy chọn phần tử. Mình cứ thắc mắc tại sao phải dùng jQuery trong khi đã có JS thuần. Nhưng khi bắt đầu vào bài học, mình mới nhận ra cái sự ngắn gọn của nó.
Thay vì viết một chuỗi dài dằng dặc để tìm một cái ID rồi thay đổi nội dung, thì giờ chỉ cần dấu $ là xong. Tuy nhiên, không phải hôm nào học cũng suôn sẻ. Có những hôm con mình cứ đòi xem YouTube, cứ 5 phút lại hỏi một câu làm mình bị ngắt quãng tư duy, code chạy sai logic mà tìm mãi không ra.
Mình nhớ có lần mất cả tiếng đồng hồ chỉ vì quên chưa nhúng thư viện jQuery vào file HTML. Cứ ngồi debug, check console liên tục mà không hiểu sao mọi hàm đều báo lỗi. Lúc đó chỉ muốn bỏ cuộc vì thấy mình quá chậm.
Khi các selector bắt đầu trở nên dễ hiểu
Điểm mình thích là cách tiếp cận khá đơn giản. Mình bắt đầu hiểu về selector, cách chọn class, chọn ID hay chọn các phần tử con. Lúc này mình mới nhận ra trước đây mình hay bị rối vì không phân biệt được khi nào dùng . và khi nào dùng #.
Mình tập trung vào những thứ thực tế như cách thay đổi CSS trực tiếp bằng jQuery. Ví dụ như khi di chuột qua một cái box thì nó đổi màu hoặc dịch chuyển nhẹ. Cảm giác nhìn thấy cái trang web nó bắt đầu có sự tương tác, không còn là một tờ báo tĩnh, khiến mình thấy hứng thú hơn hẳn.
Có những đoạn mình thấy hơi lặp lại, nhưng có lẽ với người mới như mình thì việc lặp lại là cần thiết để ngấm. Mất gần 2 tuần mình mới thực sự quen với nhịp viết code của jQuery.
Xử lý sự kiện và những lỗi ngớ ngẩn
Đến phần event, mình bắt đầu làm được những thứ như click để ẩn hiện nội dung, hay tạo các slide đơn giản. Nhưng đúng là trẻ con dễ làm mình xao nhãng, có hôm mình đang code dở cái hàm click() thì bị con làm phiền, quay lại nhìn màn hình không nhớ mình định viết gì tiếp theo.
Lỗi phổ biến nhất mình hay gặp là sai cú pháp trong các hàm callback. Chỉ thiếu một dấu đóng ngoặc hoặc sai một dấu phẩy là cả đoạn code im lặng không hoạt động. Những lúc này, kỹ thuật check lỗi mà thầy Việt hướng dẫn trong khóa học thực sự cứu cánh.
Thay vì đoán mò, mình học được cách dùng console.log để xem dữ liệu đang chạy đến đâu. Việc này giúp mình bớt hoang mang hơn khi đối mặt với những đoạn code dài.
Nếu bạn cũng đang trong tình trạng xem tutorial rời rạc rồi tự ghép lại mà vẫn thấy loạn, thì việc theo một lộ trình có hệ thống tại Học online 24h sẽ giúp tiết kiệm thời gian mò mẫm hơn nhiều.
Tạo hiệu ứng động và quản trị giao diện
Phần mình mong chờ nhất là các hiệu ứng như slideUp, slideDown hay fadeToggle. Mình bắt đầu thử áp dụng vào cái menu điều hướng của web. Thay vì hiện ra cái rụp, giờ nó trượt xuống từ từ nhìn chuyên nghiệp hơn hẳn.
Mình cũng tập cách đọc tài liệu jQuery. Lúc đầu đọc tiếng Anh khá ngán, nhưng khi đã nắm được các từ khóa cơ bản từ khóa học, mình thấy việc tra cứu API không còn là cực hình nữa.
Có một sự mâu thuẫn là lúc đầu mình thấy học mấy cái hiệu ứng này hơi thừa, nhưng khi làm thực tế cho khách hoặc làm project cá nhân, mình mới thấy chính những chi tiết nhỏ này lại làm người dùng thích trang web hơn.
Khả năng tự đọc hiểu và vận dụng
Sau một thời gian, mình không còn cảm giác sợ khi mở một file .js của người khác lên. Mình có thể nhìn ra đoạn này đang dùng jQuery để xử lý sự kiện gì, đoạn kia đang tác động vào element nào trong DOM.
Tất nhiên là vẫn có những lúc mình bị kẹt. Có những hiệu ứng phức tạp trên mạng mình vẫn chưa làm lại y hệt được 100%, nhưng ít nhất mình biết hướng để tìm kiếm và sửa lỗi thay vì ngồi im chịu chết.
Mình nhận ra rằng, không cần phải là một thiên tài lập trình, chỉ cần có một quy trình học đúng và chịu khó thực hành, thì những thứ tưởng chừng như khó nhằn cũng trở nên dễ tiếp cận.
Nhìn nhận lại sau khóa Học jQuery từ cơ bản đến nâng cao
Nhìn chung, mình không thấy đây là một khóa học thần thánh giúp bạn giỏi ngay lập tức. Nó đơn giản là một cái bản đồ cho những người đang bị lạc giữa rừng kiến thức JavaScript. Với mình, giá trị nhất là việc gỡ bỏ được cảm giác sợ code và biết cách bắt đầu từ đâu.
Nếu bạn chấp nhận được việc đôi khi sẽ thấy hơi chậm ở đoạn đầu và sẵn sàng đối mặt với những lỗi typo ngớ ngẩn, thì đây là lựa chọn ổn để bắt đầu với jQuery.
Học phí của khóa học này có thực sự xứng đáng không?
Với mình thì đáng, vì nó giúp mình hệ thống lại kiến thức thay vì tốn hàng tháng trời xem video miễn phí nhưng không biết áp dụng vào đâu. Tuy nhiên, nếu bạn đã vững JS thuần và biết cách đọc document thì có thể thấy nó hơi cơ bản.
Độ khó thực tế cho người không biết gì về code là thế nào?
Vẫn có độ khó nhất định. Bạn không thể học jQuery mà không biết HTML và CSS cơ bản. Nếu chưa biết hai cái đó, bạn sẽ thấy cực kỳ ngợp và dễ bỏ cuộc sau vài buổi đầu.
Ai là người không phù hợp với khóa học này?
Những bạn muốn học để trở thành Senior Frontend Developer chỉ trong 1 tháng hoặc những người ghét việc phải thực hành gõ code từng dòng. Khóa học này yêu cầu bạn phải tự tay làm bài tập thì mới tiến bộ được.
