Học Front End, Học HTML/CSS/JS dễ ợt như ăn ớt

Học front end ??? Front end là cái QQ gì thế? Đối với mình front end là làm giao diện, xử lý các tác vụ ở giao diện web hoặc mobile :v… À Mình cũng từng làm front end đó.

Công ty đầu tiên mình làm toàn CSS với HTML, cắt giao diện từ PSD (Photoshop) chuyển sang HTML/CSS họ kêu mình là front end. Làm được một thời gian, về chém gió với mấy đứa sinh viên khóa dưới, tụi nó khen quá trời… Anh Huy là thánh Front End… Tưởng thánh thiệt nên nghỉ việc công ty thứ nhất qua làm công ty thứ 2, cũng vị trí Front end và cuộc đời đen tối bắt đầu ở đây :))). Vào công ty sếp giao việc làm toàn JS, cụ thể là ReactJS & AngularJS… cuối cùng làm được 3 tuần tự xin rút :D.

Dù lên bờ xuống ruộng nhưng dù sao cũng có tí kinh nghiệm. Sau đây mình xin chia sẻ những điều cần chuẩn bị để học Front End.

Chuẩn bị tư tưởng:

• Bạn muốn học lập trình web nhưng ko biết bắt đầu từ đâu? HTML và CSS là 2 “ngôn ngữ” bắt buộc bạn phải biết khi muốn trở thành 1 Web Devoloper. Vì thế nên bắt đầu từ chúng nhé.
• HTML và CSS là 2 “ngôn ngữ” khá dễ, không yêu cần kiến thức gì trước, ngoài việc bạn biết gõ bàn phím.
• Tình hình việc làm front end như thế nào? Thiếu trầm trọng các thím ạ.
• Lương ? trên chục chai nhé. Nói chung tùy vào trình nữa. Nhưng ko thấp đâu nhé.
• Nếu học chuyên sâu js như AngularJS, ReactJS, VUEJS thì nó ko dễ đâu, FUC* TẠP hơn cả Back End luôn đó 😀
• Tinh thần làm việc: Nhanh, đẹp, tương thích với mọi hệ điều hành, mọi màn hình =))

Chuẩn bị công cụ:

• Công cụ soạn thảo code: Mình khuyên các bạn dùng Sublime Text 3, nó nhẹ, nhanh, nhiều plugin hỗ trợ code và nó Free.
• Các plugin nên cài khi dùng sublime text 3: HTML5, JQUERY, EMMET, BOOTSTRAP 3. (XEM HƯỚNG DẪN)
• Cài đặt trình duyệt google chrome, nó có tool dev hỗ trợ rất nhiều để làm front end.
• Tìm hiểu GIT, GITHUB, các công cụ để quản lý phiên bản code tốt hơn.

** Phía trên là những công cụ để code giao diện web đơn giản. Còn nếu học JS chuyên sau như Angularjs, ReactJS, VUEJS thì cần các công cụ khác nhé như (Webstorm, node, gulp…)

Tài liệu học front end ở đâu:

• Tài liệu học html css rất nhiều trên mạng, bạn có thể tìm kiếm với từ khóa “Học HTML”, “Học CSS”… Mình khuyên các bạn nên học theo seri video sẽ hiệu quả hơn.
• Sau đây là 1 số trang web nước ngoài để bạn học html css.
  • https://www.w3schools.com/
  • http://html.net/
  • http://www.learn-html.org/
  • https://www.tutorialspoint.com/html/
  • https://developer.mozilla.org/en-US/docs/Web
  • http://www.htmldog.com/
  • https://cssguidelin.es/
  • http://www.snoopcode.com/
• Không có học chổ nào hiệu quả bằng tự học, tự nghiên cứu 😀

Tóm lại:

Học front end nói riêng hay lập trình nói chung cần phải thực hành nhiều thì mới lên tay được. Mình chỉ làm frond end trong một thời gian ngắn nên bài viết này chỉ mang tính chia sẽ kinh nghiệm bản thân. Bạn nên tìm học nhiều tại liệu về front end khác nữa.

Bài viết này dành riêng cho các bạn lớp 14SPT.

Chúc các bạn thành công!