front-end developer là gì? tìm hiểu thêm về front-end developer

1/ HTLM & CSSHTML (Hyper Text Markup Language) và CSS (Cascading phong cách Sheets) là các building blocks cơ bản nhất trong website coding. Nếu k có hai thứ này, bạn không thể design web, và tất cả những gì đạt được chỉ là một mớ văn bản chưa định hình trên màn ảnh. Bạn thậm chí k thể thêm hình ảnh vào một trang nếu k có HTML!

Trước khi bắt đầu bất kỳ con đường sự nghiệp phát triển website nào, cần phải thành thạo coding với HTML và CSS. Tin tốt là bạn đủ sức thành thục 1 trong 2 loại này (HTML và CSS) chỉ trong vài tuần.

Phần quan trọng nhất đó là chỉ nên có 1 trong 2 kiến thức về HTML hoặc CSS là sẽ thiết lập được website cơ bản.

2/ JavaScriptJavaScript cho phép thêm hàng tấn tính năng cho web. Bạn thậm chí đủ nội lực xây dựng rất nhiều các áp dụng website cơ bản mà chỉ cần sử dụng HTML, CSS và JavaScript (JS). Ở mức độ cơ bản nhất, JS hỗ trợ thêm rất nhiều element tương tác cho trang web – những yếu tố được dùng để tạo ra những thứ giống như bản đồ, các interactive films và các trò chơi online. Các website như Pinterest sử dụng JavaScript rất nhiều để giao diện user (UI) easy sử dụng hơn.

JS cũng là ngôn ngữ lập trình thông dụng nhất trên thế giới, thành ra bất kể kế hoạch ngành nghiệp của bạn là gì, thì JS là 1 content trị giá cần tìm hiểu.

3/ jQueryjQuery là một thư viện JavaScript: một tập hợp các plugins và phần extensions giúp việc tăng trưởng với JavaScript mau hơn và đơn giản hơn. Thay vì phải coding toàn bộ mọi thứ từ đầu, nhờ có jQuery, bạn có thêm các yếu tố có sẵn vào dự án và tùy chỉnh khi quan trọng. Bạn đủ sức dùng jQuery cho những thứ như countdown timers, kiếm tìm form autocomplete, và thậm chí là các grid layouts được tự động rearranging và resizing.

4/ Các frameworks của JavaScript

Các frameworks của Javascript (bao gồm AngularJS, Backbone, Ember, và ReactJS) cung cấp structure có sẵn cho code Javascript. Có nhiều frameworks không giống nhau thích hợp với từng yêu cầu khác nhau nhưng 4 frameworks trên là ưu tiên hàng đầu. Những frameworks này thực sự giúp tăng tốc độ lập trình, đủ nội lực sử dụng cùng với các thư viện giống như jQuery để bớt đi việc phải code lại từ đầu.

5/ Các Frontend frameworksCSS và các frameworks front-end (phổ biến nhất chính là Bootstrap) hỗ trợ CSS giống như chính những gì mà các frameworks JS support cho JavaScript: điểm khởi đầu để code mau hơn. Vì CSS thường khởi đầu với các elements giống nhau từ dự án này đến dự án không giống, nên chúng ta cần 1 framework để defines trước những elements này. Hầu hết các công việc hiện này cho front-end dev đều cần bạn am hiểu và vận dụng tốt các frameworks này.

6/ kinh nghiệm với CSS PreprocessorsPreprocessors là thành phần khác mà có thể tăng tốc độ coding CSS. Một CSS Preprocessors bổ sung thêm functionality cho CSS để CSS scalable được và dễ làm việc hơn. Nó giải quyết code trước khi bạn publish lên web, và biến nó thành 1 CSS thân thiện với cross-browser và có format tốt. Theo job listings thực tiễn thì SASS và LESS là hai preprocessors có nhu cầu cao nhất.

7/ kinh nghiệm với RESTful Services và APIsREST là viết tắt của Representational State Transfer. Về cơ bản, đó là một architecture gọn nhẹ giúp không khó khăn hóa mạng lưới giao tiếp trên trang web. Các RESTful servicse và APIs và là các web services tuân theo architecture REST.

gợi ý bạn muốn viết một ứng dụng với mục đích hiển thị all những người bạn trện mạng xã hội theo thứ tự kết bạn, ai kết bạn trước, ai kết bạn sau. Bạn đủ nội lực call đến RESTful API của Fb để đọc danh sách bạn bè và trả lại dữ liệu đó, tương tự với Twitter (mạng xã hội cũng dùng RESTful APIs). công cuộc chung là giống như nhau cho bất kỳ services nào sử dụng RESTful APIs, chỉ có các dữ liệu trả về là không giống nhau.

Nghe thì hơi khó khăn và nặng về chuyên môn nhưng không khó khăn chỉ là một tụ hội các hướng dẫn và practices xây dựng những yêu cầu và muốn, để bạn biết phương pháp communicate với 1 web services. Những hướng dẫn và practices này giúp website services làm việc hiệu quả hơn, scale tốt hơn, đáng tin cậy hơn và dễ modify hoặc di chuyển hơn.

8/ thiết kế Responsive và design MobileChỉ riêng tại Mỹ, lượng truy cập Internet từ thiết bị di động đã cao hơn từ desktop, do vậy k có gì bất ngờ khi kỹ năng design mobile đóng vai trò cần thiết trong mắt các nhà tuyển dụng. Responsive design chính là là sắp đặt của website (và thỉnh thoảng chức năng và nội dung) cải thiện dựa trên kích thước màn hình và thiết bị đang dùng.

gợi ý, khi 1 trang web được truy cập từ desktop với màn ảnh to, user sẽ nhận được nhiều cột, các đồ họa to và tương tác được xây dựng riêng cho chuột và bàn phím dùng. Trên thiết bị di động, trang web giống nhau sẽ xuất hiện 1 cột duy nhất được tối ưu hóa cho tương tác touch nhưng sử dụng cùng các base files.

design mobile đủ nội lực gồm có thiết kế responsive, cũng như các thiết kế mobile cụ thể riêng biệt. thỉnh thoảng trải nghiệm của user mà bạn muốn khi họ vào web trên desktop sẽ hoàn toàn không giống với những thử nghiệm xảy ra trên mobile. ví dụ, một website bank với online banking sẽ được hưởng lợi từ 1 mobile site riêng biệt cho phép người dùng xem những thứ giống như vị trí bank gần nhất và rà soát tài khoản.

9/ Cross-Browser DevelopmentNhững trình duyệt hiện đại đã hiển thị trang web 1 cách nhất quán, nhưng luôn luôn có sự khác biệt trong mẹo “thông dịch” code. Cho đến khi toàn bộ các trình duyệt hiện đại làm việc hoàn hảo với các tiêu phù hợp website, bạn cần biết hướng dẫn làm sao để làm cho mỗi loại trình duyệt đó tuân theo ý muốn của mình. Đây chính là trọng điểm chính của lập trình cross-browser.

10/ Các nền móng nội dung Management và hệ thống E-commerce PlatformsHầu hết các trang web được thiết lập trên nền móng thống trị content (CMS). hệ thống thương mại điện tử là một loại ảnh cụ thể của CMS. CMS đa dạng nhất trên toàn thế giới là WordPress đứng đằng sau hàng triệu web (bao gồm Skillcrush!) – hầu như 60% các trang web có sử dụng một CMS là sẽ sử dụng WordPress.

Các CMS đa dạng khác bao gồm Joomla, Drupal và Magento.

11/ Testing và DebuggingCó 1 thực tế trong lập trình web k thể tránh khỏi: đó chính là bug. do vậy, bạn phải làm quen với quy trình testing và debug.

Unit testing là công cuộc trải nghiệm individual blocks của source code, và unit testing các frameworks mang đến 1 method và structure riêng để thực hiện điều đó.

Loại tesing thông dụng chính là testing UI (hay còn gọi là acceptance testing, browser testing hoặc functional testing) – đây chính là để bạn tất nhiên rằng các web đáp ứng đúng nhu cầu của người dùng. Bạn đủ nội lực write tests để nó kiếm tìm những thứ giống như HTML trên một website (giống như nếu 1 người dùng quên điền form thì form error sẽ pop up lên).

Các doanh nghiệp không giống nhau sử dụng các quy trình debug khác nhau nhưng nếu bạn đã từng làm quen với debug thì sẽ dễ dàng thích nghi hơn.

12/ Các nền tảng quản lý Git và VersionCác systems thống trị version giúp bạn theo dõi các refresh vừa mới được xây dựng trong code theo thời gian, cũng như quay trở lại phiên bản trước đơn giản hơn. gợi ý bạn thêm một plugin jQuery tùy biến và đột nhiên một nửa các code bị break. Thay vì phải “undo” và sửa chữa tất cả các lỗi, bạn đủ sức trở lại phiên bản trước đây và sau đó thử lại với một giải pháp không giống.

Git được sử dụng rộng rãi nhất trong các nền tảng cai quản làm chủ version. Biết cách sử dụng Git là 1 yêu cầu bắt buộc trong công việc lập trình.

13/ Các kĩ năng khắc phục chủ đềBiết cách implement 1 thiết kế ntn là tốt nhất, biết hướng dẫn fix bug, biết mẹo nhận diện hoạt động của frontend code với backend code đang được implement… toàn bộ đều liên quan đến kĩ thuật giải quyết vấn đề.

ví dụ bạn đã tạo ra một website front-end hoàn hảo, và bạn đưa nó cho các back-end dev để họ tích hợp nó với các nền tảng cai quản content. Nhưng sau đó, một nửa các chức năng hào hứng của bạn ngừng làm việc. Một front-end dev giỏi sẽ nhìn thấy đây là một câu đố cần khắc phục. hiển nhiên một front-end dev giỏi sẽ dự đoán những chủ đề này và cố gắng để ngăn chặn chúng từ đầu.

=====================

Trên lý thuyết là như thế, nhưng việc ứng dụng những kỹ năng trên trong công việc chưa chắc đang không khó khăn, nhưng chỉ cần dành ra 3 tiếng tại sự kiện FRONT-END TALK: tăng cao ĐỂ website CỦA BẠN LOAD DƯỚI 5 GIÂY? , chắc chắn bạn sẽ biết hướng dẫn tốt nhất để tăng cao web của mình để vượt mặt đối thủ đó. Chỉ với một nhấn tại https://meetup.vn/e/nvM , đừng bỏ lỡ cơ hội hiếm này nhé!!!

Nguồn: Techtalk via Skilcrush.com