| HTML (Hypr Tx Markup Languag) và CSS (Cascang Syl Shs) là các bulng blocks cơ bản nhấ rong wb cong. Nếu không có ha hứ này, bạn không hể hế kế rang wb, và ấ cả những gì đạ được chỉ là mộ mớ văn bản chưa định ạng rên màn hình. Bạn hậm chí không hể hêm hình ảnh vào mộ rang nếu không có HTML! Trước kh bắ đầu bấ kỳ con đường sự nghệp phá rển wb nào, cần phả hành hạo cong vớ HTML và CSS. Tn ố là bạn có hể hành hạo 1 rong 2 loạ này (HTML và CSS) chỉ rong và uần. Phần quan rọng nhấ đó là chỉ cần có 1 rong 2 kến hức về HTML hoặc CSS là sẽ xây ựng được rang wb cơ bản. 2. JavaScrp/jQury avaScrp cho phép hêm hàng ấn chức năng cho rang wb. Bạn hậm chí có hể ạo ra rấ nhều các ứng ụng wb cơ bản mà chỉ cần sử ụng HTML, CSS và JavaScrp (JS). Ở cấp độ cơ bản nhấ, JS hỗ rợ hêm rấ nhều lmn ương ác cho rang wb – những yếu ố được sử ụng để ạo ra những hứ như bản đồ, các nracv flms và các rò chơ rực uyến. Các rang wb như Pnrs sử ụng JavaScrp rấ nhều để gao ện ngườ ùng (UI) ễ sử ụng hơn. JS cũng là ngôn ngữ lập rình phổ bến nhấ rên hế gớ, vì vậy bấ kể kế hoạch nghề nghệp của bạn là gì, hì JS là 1 nộ ung gá rị cần ìm hểu. Qury là mộ hư vện JavaScrp: mộ ập hợp các plugns và phần xnsons gúp vệc phá rển vớ JavaScrp nhanh hơn và ễ àng hơn. Thay vì phả cong ấ cả mọ hứ ừ đầu, nhờ có jQury, bạn có hêm các yếu ố có sẵn vào ự án và ùy chỉnh kh cần hế. 3. Các framworks của JavaScrp Các framworks của Javascrp (bao gồm AngularJS, Backbon, Embr, và RacJS) cung cấp srucur có sẵn cho co Javascrp. Có nhều framworks khác nhau phù hợp vớ ừng yêu cầu khác nhau nhưng 4 framworks rên là ưu ên hàng đầu. Những framworks này hực sự gúp ăng ốc độ lập rình, có hể sử ụng cùng vớ các hư vện như jQury để gảm hểu vệc phả co lạ ừ đầu. 4. Fronn framworks CSS và các framworks fron-n (phổ bến nhấ chính là Boosrap) hỗ rợ CSS như chính những gì mà các framworks JS hỗ rợ cho JavaScrp: đểm khở đầu để co nhanh hơn. Vì CSS hường bắ đầu vớ các lmns gống nhau ừ ự án này đến ự án khác, nên chúng a cần 1 framwork để fns rước những lmns này. Hầu hế các công vệc hện này cho fron-n v đều cần bạn am hểu và vận ụng ố các framworks này. 5. CSS Prprocssng Prprocssors là yếu ố khác mà có hể ăng ốc độ cong CSS. Mộ CSS Prprocssors bổ sung hêm funconaly cho CSS để CSS scalabl được và ễ làm vệc hơn. Nó xử lý co rước kh bạn publsh lên wbs, và bến nó hành 1 CSS hân hện vớ cross-browsr và có forma ố. Tho job lsngs hực ế hì SASS và LESS là ha prprocssors có nhu cầu cao nhấ. 6. Các hệ hống quản lý G và Vrson Các sysms quản lý vrson gúp bạn ho õ các hay đổ đã được ạo ra rong co ho hờ gan, cũng như quay rở lạ phên bản rước ễ àng hơn. Ví ụ bạn hêm mộ plugn jQury ùy bến và độ nhên mộ nửa các co bị brak. Thay vì phả “uno” và sửa chữa ấ cả các lỗ, bạn có hể rở lạ phên bản rước đó và sau đó hử lạ vớ mộ gả pháp khác. G được sử ụng rộng rã nhấ rong các hệ hống quản lý kểm soá vrson. Bế cách sử ụng G là 1 yêu cầu bắ buộc rong công vệc lập rình. 7. Thế kế Rsponsv và Thế kế Mobl Chỉ rêng ạ Mỹ, lượng ruy cập Inrn ừ hế bị động đã cao hơn ừ skop, vì vậy không có gì ngạc nhên kh kỹ năng hế kế mobl đóng va rò quan rọng rong mắ các nhà uyển ụng. Rsponsv sgn chính là là bố rí của rang wb (và đô kh chức năng và nộ ung) hay đổ ựa rên kích hước màn hình và hế bị đang ùng. Ví ụ, kh 1 rang wb được ruy cập ừ skop vớ màn hình lớn, ngườ ùng sẽ nhận được nhều cộ, các đồ họa lớn và ương ác được ạo ra rêng cho chuộ và bàn phím sử ụng. Trên hế bị động, rang wb gống nhau sẽ xuấ hện 1 cộ uy nhấ được ố ưu hóa cho ương ác ouch nhưng sử ụng cùng các bas fls. Thế kế mobl có hể bao gồm hế kế rsponsv, cũng như các hế kế mobl cụ hể rêng bệ. Đô kh rả nghệm của usr mà bạn muốn kh họ vào rang wb rên skop sẽ hoàn oàn khác vớ những rả nghệm xảy ra rên mobl. Ví ụ, mộ rang wb ngân hàng vớ onln bankng sẽ được hưởng lợ ừ 1 mobl s rêng bệ cho phép ngườ ùng xm những hứ như vị rí ngân hàng gần nhấ và kểm ra à khoản. 8. Tsng và Dbuggng Có 1 hực ế rong lập rình wb không hể ránh khỏ: đó chính là bug. Vì vậy, bạn phả làm qun vớ quy rình sng và bug. Un sng là quá rình hử nghệm nvual blocks của sourc co, và un sng các framworks đm đến 1 mho và srucur rêng để hực hện đều đó. Loạ sng phổ bến chính là sng UI (hay còn gọ là accpanc sng, browsr sng hoặc funconal sng) – đây chính là để bạn chắc chắn rằng các rang wb đáp ứng đúng nhu cầu của ngườ ùng. Bạn có hể wr ss để nó ìm kếm những hứ như HTML rên mộ rang wb (gống như nếu 1 usr quên đền form hì form rror sẽ pop up lên). Các công y khác nhau sử ụng các quy rình bug khác nhau nhưng nếu bạn đã ừng làm qun vớ bug hì sẽ ễ àng hích ngh hơn. 9. Cross-Browsr Dvlopmn Những rình uyệ hện đạ đang hển hị rang wb 1 cách nhấ quán, nhưng vẫn có sự khác bệ rong cách “hông ịch” co. Cho đến kh ấ cả các rình uyệ hện đạ làm vệc hoàn hảo vớ các êu chuẩn wb, bạn cần bế cách làm hế nào để làm cho mỗ loạ rình uyệ đó uân ho ý muốn của mình. Đây chính là rọng âm chính của lập rình cross-browsr 10. Các kĩ năng gả quyế vấn đề Bế cách mplmn 1 sgn như hế nào là ố nhấ, bế cách fx bug, bế cách nhận ện hoạ động của fronn co vớ backn co đang được mplmn… ấ cả đều lên quan đến kĩ năng gả quyế vấn đề. Ví ụ bạn đã ạo ra mộ wbs fron-n hoàn hảo, và bạn đưa nó cho các back-n v để họ ích hợp nó vớ các hệ hống quản lý nộ ung. Nhưng sau đó, mộ nửa các ính năng uyệ vờ của bạn ngừng làm vệc. Mộ fron-n v gỏ sẽ xm đây là mộ câu đố cần gả quyế. Tấ nhên mộ fron-n v gỏ sẽ ự đoán những vấn đề này và cố gắng để ngăn chặn chúng ừ đầu. |
