Review quá trình đạt được Certificate của khóa học Responsive Web Design trên freeCodeCamp

freeCodeCamp thì quá nổi tiếng rồi. Kênh Youtube dạy lập trình mà có tới 9,64 Triệu người đăng ký, thì anh em biết nó khủng như thế nào rồi đấy 🌟

Nhưng ngoài kênh Youtube đó ra thì họ cũng có trang freeCodeCamp.org, cung cấp các khóa học (có certificate) HOÀN TOÀN MIỄN PHÍ rất chất lượng dành cho anh em học tập 💯

Trước đây tôi từng chia sẻ bài viết về việc đạt được các chứng chỉ trên Viblo Learning. Thế nhưng mà để so với chứng chỉ của freeCodeCamp thì quả thực là còn cách xa về chất lượng nhiều lắm 👀

Không hiểu sao thời sinh viên khả năng kiên nhẫn của mình kém đến mức KHÔNG THỂ BỎ RA 5 NGÀY để hoàn thiện certificate này được 😵‍💫

Một phần có thể cũng vì ngày đó chưa thực sự thích mảng Web Development, một phần là lười, phần nữa là do sợ tiếng Anh 🫠 Nên chỉ làm được hết 1/5 giai đoạn đã bỏ cuộc rồi.

Nhưng không sao, vậy thì mới có thứ để so sánh cho sự cố gắng của bản thân ngày hôm nay 💪

Đây là khóa học Frontend chi tiết nhất mà tôi từng học. Với tôi thì nó sự tổng hợp hài hòa ưu điểm của 3 phương pháp đọc sách, xem video tutorial trên Youtube và thực hành code mini project.

Tức là vẫn đầy đủ kiến thức như một quyển sách xịn xò. Và cung cấp giao diện đẹp đẽ, cùng với rất nhiều mini project để các bạn có thể thực hành code trực tiếp luôn 👨‍💻

Các bạn sẽ học theo kiểu: đọc gợi ý và giải thích từ freeCodeCamp, sau đó code áp dụng theo. Nó chi tiết trên từng dòng code luôn ấy. Cứ thực hành lần lượt như vậy, chúng ta sẽ tiến gần đến cái đích cuối cùng 🛤️

Có thể hiểu rằng: họ đang áp dụng phương pháp CHIA ĐỂ TRỊ. Thay vì việc các bạn xem video youtube hướng dẫn làm project 1 lèo, thì ở đây họ break project đó thành nhiều bước nhỏ. Mỗi bước lại áp dụng những kiến thức cần thiết. Cảm giác học code mà như đang chơi Candy Crush vậy á, nhảy qua từng màn một để đến các mốc quan trọng (hoàn thành mini project) 🏁

✍️ CHI TIẾT:

Trong khóa “Responsive Web Design” này, tổng cộng có 20 mini project để các bạn có thể thực hành.

Trong đó có 5 project ở cuối của 5 giai đoạn, là các project mà các bạn phải tự làm theo yêu cầu được giao, bao gồm:

1. Code 1 survey form để làm khảo sát.
2. Code 1 tribute page để tưởng nhớ 1 vĩ nhân nào đó.
3. Code 1 technical documentation page.
4. Code 1 landing page để quảng cáo sản phẩm.
5. Code 1 trang portfolio cho bản thân.

Còn lại là 15 mini project được freeCodeCamp hướng dẫn từ A đến Z, mỗi project các bạn sẽ học được những kiến thức mới, cũng như ôn lại các kiến thức cũ của những bài trước đó.

Nó còn chi tiết đến mức hướng dẫn bạn sử dụng các phương pháp mà anh em developer thường sử dụng khi làm việc thực tế luôn mà. Ví dụ như:

• Sử dụng * { border: 1px solid #000 } để dễ dàng căn chỉnh các thành phần trên trang. Khi đã layout ổn rồi thì có thể xóa bỏ border này đi.
• Đặt tên id, tên class dễ hiểu (bắt buộc theo tên id, class mà nó yêu cầu), chứ không được tự đặt tên khó hiểu kiểu x, y, m, n. Qua đó giúp anh em làm quen với 1 trong những điều quan trọng trong việc viết clean code.
• Dùng CSS variables để tái sử dụng và đồng nhất giao diện, ví dụ như định nghĩa –primary-color, –secondary-color, …
• Tạo animation với CSS.
• v.v..

Sau khi làm hết từng bài một và đạt được certificate của khóa học này, cộng với góc nhìn của một người thường xuyên phỏng vấn anh em Fresher Web, tôi thấy anh em nào đang muốn học về HTML, CSS thì chỉ cần làm hết khóa này là đảm bảo tự tin. Đương nhiên là phải học nghiêm túc, đọc kỹ các giải thích của freeCodeCamp để hiểu đúng, hiểu đủ, cộng với việc quan sát sự thay đổi của màn hình preview để cho dễ hình dung 💡

Chứ đừng đọc lướt để code cho nhanh nhanh đạt certificate, như vậy thì sẽ dễ quên lắm 😵‍💫

❌ NHƯỢC ĐIỂM:

• Nhược điểm thứ nhất mà có thể nhiều anh em sẽ sợ, có lẽ khóa học được thiết kế full tiếng Anh. Cũng có hỗ trợ một số ngôn ngữ khác, nhưng tiếc là trong đó không gồm tiếng Việt. Anh em nào không biết tiếng Anh, nhưng biết tiếng Tây Ban Nha, tiếng Tàu, tiếng Italia hay tiếng Nga thì sẽ là một lợi thế 😅
• Nhược điểm thứ hai (cũng không biết có nên gọi là nhược điểm không) là nó quá chi tiết, thực ra đến tầm mini project thứ 5, thứ 6 thì tôi nghĩ có thể lược bớt một số hướng dẫn cơ bản đã thực hành nhiều ở những project trước rồi. Nhưng không, nó vẫn break thành từng bước nhỏ, kể cả dễ, trung bình hay khó, đều như vắt tranh. Theo thống kê của tôi thì riêng khóa “Responsive Web Design” này đã có khoảng hơn 1.000 cái step nhỏ nhỏ như thế để anh em hoàn thiện. Thế nên là ông nào thiếu kiên nhẫn (như tôi hồi đại học) là dễ đứt gánh giữa đường lắm (mà khéo còn chẳng trụ được đến giữa đường nữa)

🔜 WHAT’S NEXT?

Sau khóa này sẽ là khóa “JavaScript Algorithms and Data Structures” – theo như mô tả tôi đọc được thì sẽ học các kiến thức cơ bản của JavaScript như: variables, arrays, objects, loops, functions, DOM, v.v.. Sau đó đến Object Oriented Programming (OOP), Functional Programming, algorithmic thinking, how to work with local storage, and how to fetch data using an API.

Rồi tiếp đến là khóa “Front End Development Libraries” học code React.

Nếu anh em nào đã từng đọc bài viết “Bộ câu hỏi phỏng vấn Fresher Web” trên blog này, thì sẽ thấy 3 khóa học này của freeCodeCamp nó bao hàm đầy đủ luôn nha. Xịn vđ 💯

Thế nên các anh em sinh viên mà muốn chuẩn bị kiến thức cho việc đi thực tập hoặc apply vị trí Fresher Web, thì tôi recommend anh em nên học ở trên trang freeCodeCamp này. Học tử tế thì đảm bảo sẽ rất tự tin luôn. Mà có bị người phỏng vấn hỏi câu “trình bày về project mà em đã làm”, rồi “những kiến thức mà em đã áp dụng để hoàn thành project đó” thì cũng có luôn. Chiến hết mấy chục cái mini project rồi cơ mà 😎

2 khóa “JavaScript Algorithms and Data Structures” và “Front End Development Libraries” tôi cũng sẽ sắp xếp để giật nốt cái certificate và review cho anh em nhé!

Hi vọng chút ít review này sẽ có ích với anh em.

Lời nhắn

Follow mình trên Facebook “CLB Lập trình – THPT Ngọc Tảo” hoặc kênh Youtube “Tờ Mờ Sáng học Lập trình” để cùng nhau học tập, chia sẻ những kiến thức công nghệ và lập trình hoàn toàn miễn phí nhé!

Facebook CLB Lập trình – THPT Ngọc Tảo: https://www.facebook.com/clb.it.ngoctao/

Youtube Tờ Mờ Sáng học Lập trình: https://www.youtube.com/@tmsanghoclaptrinh

Hẹn gặp lại 👋

Tags: CertificateCSSfreeCodeCampFresherHTMLKinh nghiệmProjectWeb Development