(getProduct) #button=(Buy Now) #price=(700.000đ) #sale=(599.000đ)
Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế: Khi mình bắt đầu trong sự hoang mang
Thú thật là lúc mới tìm hiểu về làm web, mình bị ngợp kinh khủng. Lên mạng xem tutorial thì mỗi người nói một kiểu, chỗ thì bảo học React, chỗ thì bảo học Vue, trong khi mình thậm chí còn chẳng biết cái thẻ div là cái gì.
Hồi đó bàn học của mình dọn lại mà vẫn bừa bộn, đủ thứ giấy nháp với ghi chú dán lung tung. Mình cứ loay hoay mãi, không biết nên bắt đầu từ đâu cho đúng lộ trình để không bị lạc lối.
Xong rồi mình tìm thấy khóa Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế của anh Nguyễn Đức Việt. Lúc đó tâm lý mình đơn giản lắm, chỉ muốn tìm một cái gì đó cầm tay chỉ việc, đừng nói lý thuyết cao siêu quá vì mình không chịu nổi.
Những ngày đầu vật lộn với những thứ cơ bản nhất
Tuần đầu học, mình thề là gần như chưa thấy gì thay đổi. Cứ tưởng mình chậm tiêu hay sao ấy. Mấy cái thẻ HTML cơ bản nhìn thì dễ nhưng lúc gõ vào editor cứ bị sai chính tả hoặc thiếu dấu đóng thẻ.
Có những đoạn mình mất gần 5 phút chỉ để nhớ xem cái này là căn lề trái hay lề phải. Nghe thì buồn cười nhưng với người mới như mình lúc đó, việc định vị một khối nội dung trên trang web đúng là một cực hình.
Có hôm mình đang ngồi code dở thì phải đứng dậy chuẩn bị cơm tối cho gia đình. Quay lại bàn máy tính, nhìn vào màn hình mà tự hỏi nãy giờ mình đang viết cái gì, rồi lại loay hoay debug mãi vì thiếu một dấu chấm phẩy.
Nỗi sợ mang tên CSS và những lần căn giữa hụt
CSS đối với mình lúc đó giống như một ma trận. Mình cứ viết thuộc tính này vào thì cái kia lại nhảy lung tung. Việc căn giữa một cái div thực sự là một nỗi ám ảnh.
Mình từng thử tự mò trên mấy trang hướng dẫn miễn phí nhưng càng đọc càng rối. Cảm giác như mình đang cố giải một bài toán mà không có công thức vậy.
Trong khóa học, phần hướng dẫn về CSS được chia nhỏ ra. Dù có vài chỗ mình thấy hơi cơ bản, nhưng chính cái sự chậm rãi đó lại giúp mình không bị sốc. Những ai đã biết sơ về web có lẽ sẽ thấy hơi chậm, nhưng với mình thì lại vừa đủ để ngấm.
Cứu cánh từ Bootstrap 4 và tư duy chia cột
Đến đoạn học về Bootstrap 4 thì mình mới bắt đầu thấy ánh sáng cuối đường hầm. Thay vì phải ngồi vật lộn với từng pixel, việc sử dụng hệ thống grid của Bootstrap làm mọi thứ nhanh hơn hẳn.
Mình nhớ lúc mới tiếp cận cái class row và col, mình cứ lúng túng không biết chia 12 cột là chia thế nào. Nhưng khi thực hành gõ trực tiếp và thấy giao diện tự nhảy theo đúng ý, cảm giác đó khá là sướng.
Tuy nhiên, cũng có lúc mình bị lạm dụng Bootstrap quá mức, cái gì cũng muốn gọi class cho nhanh mà quên mất bản chất CSS bên dưới. Đó là lỗi mà mình nghĩ nhiều bạn mới học hay mắc phải.
Nếu bạn đang loay hoay không biết ghép nối các kiến thức lẻ tẻ lại thế nào, thì việc theo một lộ trình bài bản tại Học online 24h sẽ giúp tiết kiệm thời gian mò mẫm hơn nhiều.
Thực tế khi cắt web từ file thiết kế
Đây mới là phần mình mong đợi nhất nhưng cũng là phần gây stress nhất. Khi nhìn vào một file thiết kế hoàn chỉnh, mình hoàn toàn đứng hình. Không biết nên viết HTML cho cái menu trước hay cái banner trước.
Khóa học cho thực hành trên các trang như VnExpress, Dantri, Kenh14... Điều này rất hay vì nó là những trang thực tế, không phải mấy cái ví dụ lý thuyết trong sách.
Mình nhớ lần đầu tập cắt layout trang báo, mình làm sai be bét phần header. Các thành phần cứ chồng chéo lên nhau. Phải xem đi xem lại video hướng dẫn của anh Việt mấy lần mới hiểu ra cách phân tích file thiết kế thành các khối nhỏ.
Chuẩn bị các công cụ, file thiết kế ban đầu cũng hơi mất thời gian cho người không rành máy tính. Có lúc mình cảm thấy hơi nản vì sao làm cái web đơn giản mà lại phức tạp thế này.
Những chi tiết nhỏ làm nên sự khác biệt
Mình khá thích phần hướng dẫn về font icon và các hiệu ứng hover. Những thứ này nhìn thì nhỏ nhưng khi áp dụng vào web, trông nó chuyên nghiệp hơn hẳn.
Mình từng dành cả buổi chiều chỉ để chỉnh cho cái nút bấm khi di chuột vào nó đổi màu mượt mà một chút. Có vẻ hơi lãng phí thời gian nhưng chính những lúc đó mình mới hiểu CSS hoạt động ra sao.
Điểm mình thấy chưa hài lòng lắm là đôi khi nội dung đi hơi nhanh ở những đoạn chuyển tiếp. Có vài chỗ mình phải dừng video lại, tự tra cứu thêm trên Google thì mới hiểu hết ý của giảng viên.
Kết luận thực tế về khóa Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế
Nhìn chung, đây không phải là một khóa học biến bạn thành siêu nhân lập trình sau một đêm. Nó đơn giản là một cái bản đồ cho những người đang bị lạc như mình.
Nó không quá hàn lâm, không nói nhiều về triết lý lập trình mà tập trung vào việc làm sao để ra được cái giao diện giống như file thiết kế. Với mình, điều đó là đủ cho giai đoạn bắt đầu.
Nếu bạn cần một quy trình làm việc rõ ràng, từ lúc mở file thiết kế đến lúc xuất ra file .html, thì khóa học này giải quyết đúng chỗ ngứa đó.
Học phí khóa này có đáng tiền không?
Với mình là đáng, vì nó bán cái lộ trình. Thay vì mất cả tháng trời xem video rời rạc trên Youtube mà không biết mình đang ở đâu, thì bỏ ra một khoản phí để có mọi thứ sắp xếp sẵn sẽ đỡ mệt đầu hơn.
Người không biết một chút gì về code có theo được không?
Theo được, vì nó đi từ con số 0. Nhưng bạn phải chấp nhận là sẽ có những lúc thấy nản hoặc thấy chậm ở giai đoạn đầu. Đừng mong đợi là học xong 1-2 video là cắt được web ngay.
Học xong cái này có đi làm được luôn không?
Thẳng thắn là chưa đủ để đi làm chuyên nghiệp ngay. Bạn sẽ biết cắt web, nhưng để làm ra một sản phẩm thương mại thực sự thì cần thực hành thêm rất nhiều project thực tế khác để rèn luyện tư duy xử lý lỗi.
