Khai phá lộ trình học Front-end dành cho sinh viên FPT Mạng cá cược bóng đá

14:40 28/05/2023

Tại FPT Mạng cá cược bóng đá Cần Thơ, sinh viên Công nghệ thông tin sẽ được định hướng chuyên ngành Front-end và Back-end ở những học kỳ cuối, giúp sinh viên tập trung phát triển đúng thế mạnh để có thể tự tin tìm đến các doanh nghiệp.

Front-End là gì?

Front-end là những gì mà người dùng nhìn thấy khi truy cập vào các trang web hay ứng dụng web. Hiểu một cách đơn giản, Front-end chính là giao diện của một website. Nó mang lại cho người sử dụng các trải nghiệm tương tác (nghe, nhìn) trên trang web đó. Vì thế, Front-end còn được gọi là “Client-side”.

Front-end gồm các yếu tố tạo nên giao diện của các trang web

Trong thiết kế web, Front-end được tạo ra bởi 3 loại ngôn ngữ cơ bản là HTML, CSS và JavaScript. Các lập trình viên Front-end sẽ cần đảm bảo nội dung hiển thị tốt trên mọi nền tảng khác nhau.

Thông thường, Front-end của một trang web sẽ được người dùng tương tác trực tiếp theo các khía cạnh như:

  • Nhận biết màu sắc chủ đạo, logo
  • Khai thác thông tin trên web (văn bản, hình ảnh, âm thanh…)
  • Sử dụng các button, toolbars…

Phân biệt Front-End và Back-End

Back-end và Front-end hoạt động song song với nhau để đảm bảo một ứng dụng hoặc website hoạt động bình thường. Sự khác biệt giữa Front-end và Back-end liên quan đến người dùng. Trong khi Front-end là những gì người dùng nhìn thấy được, Back-end là thứ giúp Front-end trở nên khả thi.

Front-End và Back-End

Front-end có những ngôn ngữ thông dụng:

  • HTML: HTML là viết tắt của Hypertext Markup Language, là ngôn ngữ đánh dấu được sử dụng để thiết kế phần giao diện người dùng.
  • CSS: Là ngôn ngữ đi kèm với HTML, quyết định các yếu tố về bố cục, màu sắc, phông chữ của một website.
  • Javascript: Được sử dụng để cải thiện và nâng cao chức năng của một trang web.

Back-end có những ngôn ngữ thông dụng:

  • Java: Là ngôn ngữ lập trình được sử dụng phổ biến nhất cho các trang web và ứng dụng như Netflix, Tinder, Google Earth và Uber.
  • Ruby on Rails (RoR): Đây là ngôn ngữ được ưa chuộng bởi các Developer, nó giúp việc lập trình BackEnd trở nên dễ dàng hơn.
  • Python: Python là một trong những ngôn ngữ lập trình được sử dụng phổ biến nhất trên thế giới. Một số trang web và ứng dụng sử dụng ngôn ngữ Python: Spotify, Google, Instagram, Reddit, Dropbox.
  • PHP: Ngôn ngữ lập trình này khá dễ học. Đây cũng là ngôn ngữ lập trình được sử dụng cho các website như Facebook, Wikipedia, Tumblr, MailChimp và Flickr.

Các giai đoạn cần cho sinh viên theo hướng Front-End

Giai đoạn 1: Front – End dành cho người mới

  • Kiến thức về thiết kế giao diện website UX/UI Design
  • Cách sử dụng các công cụ thiết kế như Photoshop, Figma (đo đạc text, size, màu sắc, font chữ, resize, crop, export hình)
  • Chrome Dev Tool
  • Kiến thức HTML, SEO cơ bản
  • Đặt tên class chuẩn BEM
  • Kiến thức CSS/CSS3
  • Chia layout với CSS Flexbox, CSS Grid.
  • Kiến thức Javascript cơ bản, Javascript ES6.
  • Đến đây, bạn nên thực hành code giao diện 1-2 dự án landing page theo bản thiết kế, dựa trên những kiến thức đã học để biết cách chia bố cục, code HTML, CSS/CSS3, Javascript để luyện tập tư duy và ghi nhớ tốt hơn.

Giai đoạn 2: Web Responsive (Tầm trung)

  • SASS/SCSS
  • Responsive Website (bạn có thể học thêm thư viện như Bootstrap, Tailwind CSS nhưng cần ưu tiên học cách code giao diện web responsive thuần bằng Media Query, Flexbox, Grid, rồi sau đó mới học thư viện, không nên lạm dụng mà không biết cách code thuần)
  • Git/Github
  • Công cụ Grunt/Gulp/Webpack/Vite và Cấu trúc dự án, phân tách file.
  • Javascript DOM, BOM và các thư viện Javascript
  • Javascript nâng cao
  • Các kỹ thuật tối ưu tốc độ website phía người dùng
  • Đến đây, bạn nên thực hành code giao diện 2 dự án responsive website khoảng 7-10 trang theo bản thiết kế bằng những kiến thức đã học. Code phải rõ ràng, tối ưu, phân tách cấu trúc file một cách tốt nhất.

Giai đoạn 3: Reactjs Master (Nâng cao)

  • Tìm hiểu về API, JSON
  • Xử lý bất đồng bộ với Javascript
  • Chọn 1 trong 3 thư viện/framework ReactJS, Vue Js, Angular Js để học
  • Next JS
  • Đến đây, bạn nên thực hành code ít nhất 2 dự án với 1 trong 3 thư viện / framework đã học ở trên.

Từ những chia sẻ trên, hy vọng các bạn sinh viên sẽ lựa chọn được định hướng phù hợp, có được lộ trình học tập để hoàn thiện bản thân, học tập các kỹ năng cần thiết cũng như kiến thức bổ ích để trang bị cho bản thân nhằm áp dụng trong thực tiễn sau khi hoàn tất chương trình học ở trường, tự tin tìm được một công việc tốt nhất.

Giảng viên Huỳnh Thanh Hoàng

Bộ môn Công nghệ thông tin

Trường Cao đẳng FPT Mạng cá cược bóng đá cơ sở Cần Thơ

Cùng chuyên mục

Đăng Kí học Fpoly 2023

Bình Luận