[Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !! - vozForums
vozForums
Go Back   vozForums > Học tập và công việc > Ngành CNTT > Phát triển Phần mềm
Reply
 
Thread Tools
  #1  
Old 28-01-2016, 13:59
KytoSai's Avatar
KytoSai KytoSai is online now
Senior Member
 
Join Date: 06-2008
Posts: 2,174
[Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Hiện nửa năm nay mình cũng đã chuyển dần sang code chuyên về front-end của website thôi, nhưng vì là làm ở cty nhỏ nên ít tiếp xúc nhiều dự án bự, nên chỉ xoay quanh sử dụng jQuery, Boostrap là hết.

Không biết hiện tại nếu muốn phát triển hơn trong hướng front-end thì mình cần học thêm những gì nhỉ, mình có vài thắc mắc nhỏ mong các bạn giúp đỡ

1- Nên học những gì nếu muốn phát triển mạnh hơn về front-end ?

2- Có nên học Angular Js 2.0 ở thời điểm hiện tại không

3- CSS thì ngoài boostrap cần học thêm fw gì nữa ?

4- Có những tool nào các bác hay dùng để hỗ trợ dev Front-end ( không nói tới photoshop, AI gì đó nha...)

+ Hiện mình đang chỉ code bằng Sublime thôi :(

5- Nên theo dõi và học thêm tuts về front-end ở những trang nào,có những trang nào để thảo luận không . VN hiện tại thấy gần như không có trang nào mạnh cho giới front-end thảo luận cả

6- Front-end khi làm ở mức nâng cao có phải là sẽ tập trung vào làm về javascript nhiều hơn phải không ? Nhưng thường xử lý javascript nhiều sẽ dành cho những site kiểu nào nhỉ ?? => đại loại câu hỏi là muốn hỏi 1 front-end lương cao làm việc những dự án lớn sẽ code những gì ấy mà ... !!!
Reply With Quote
  #2  
Old 28-01-2016, 15:14
hardware1254's Avatar
hardware1254 hardware1254 is offline
Senior Member
 
Join Date: 05-2011
Location: Somewhere on internet
Posts: 208
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Bạn nên tìm hiểu nhiều hơn về các javascript framework, css framework. Tập làm quen với các tools built dự án kiểu task runner (glup, grunt) dependency (composer, npm, bower). Học cách sử dụng github
Reply With Quote
  #3  
Old 28-01-2016, 15:24
dark_wing dark_wing is offline
Senior Member
 
Join Date: 07-2013
Posts: 296
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Gởi bạn một cái bookmark về front-end. Bookmark này tổng hợp rất nhiều vấn đề xoay quanh front-end, các nguồn hướng dẫn tốt, sách đọc hay về JS, các thư viện nổi bật hoặc đang phổ biến ...
Reply With Quote
  #4  
Old 28-01-2016, 15:25
Child Child is offline
Member
 
Join Date: 02-2008
Posts: 58
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Javascript, Typescript, Nodejs, Angular, React, CSS3 + HTML5
Tool thì có Sublime, PhantomJS, Webstorm, Visual Studio Code
Reply With Quote
  #5  
Old 28-01-2016, 16:11
KytoSai's Avatar
KytoSai KytoSai is online now
Senior Member
 
Join Date: 06-2008
Posts: 2,174
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Cảm ơn các bác đã tư vấn !!!

Quote:
Originally Posted by hardware1254 View Post
Bạn nên tìm hiểu nhiều hơn về các javascript framework, css framework. Tập làm quen với các tools built dự án kiểu task runner (glup, grunt) dependency (composer, npm, bower). Học cách sử dụng github
Build dự án kiểu task runner là sao bạn, có thể nói rõ được không, thật sự mình còn yếu mấy cái này nên cần định hướng chút

Last edited by KytoSai; 28-01-2016 at 16:18.
Reply With Quote
  #6  
Old 28-01-2016, 21:30
Crystal_Love's Avatar
Crystal_Love Crystal_Love is offline
Senior Member
 
Join Date: 01-2013
Posts: 142
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Quote:
Originally Posted by KytoSai View Post
Cảm ơn các bác đã tư vấn !!!



Build dự án kiểu task runner là sao bạn, có thể nói rõ được không, thật sự mình còn yếu mấy cái này nên cần định hướng chút
Chắc trc giờ code trên source rồi copy source wa host lun hả.
Có bao giờ nghĩ đến việc tại sao có quá nhiều file html, js, dung lượng file lớn quá, làm thế nào để source nhẹ hơn, load nhanh, chạy lẹ, khả năng cache tốt hơn ko, quản lý thư viện tốt hơn ko..
Keywords: npm, grunt task, bower...=> yeoman
Reply With Quote
  #7  
Old 28-01-2016, 21:50
KytoSai's Avatar
KytoSai KytoSai is online now
Senior Member
 
Join Date: 06-2008
Posts: 2,174
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Quote:
Originally Posted by Crystal_Love View Post
Chắc trc giờ code trên source rồi copy source wa host lun hả.
Có bao giờ nghĩ đến việc tại sao có quá nhiều file html, js, dung lượng file lớn quá, làm thế nào để source nhẹ hơn, load nhanh, chạy lẹ, khả năng cache tốt hơn ko, quản lý thư viện tốt hơn ko..
Keywords: npm, grunt task, bower...=> yeoman
Bạn có thể cho mình xin cái sườn tìm hiểu lần lượt theo thứ tự như thế nào để dể tiếp cận học hỏi hơn được không , quả thật là hồi giờ mình chỉ copy source này kia lên host thôi

Cảm ơn bạn trước !!!
Reply With Quote
  #8  
Old 28-01-2016, 22:26
superdong superdong is offline
Senior Member
 
Join Date: 12-2009
Posts: 143
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Cái này là mình nói theo ý của mình thôi nhé, bác nào ko yêu thì đừng nói lời cay đắng

Về CSS

- Học CSS Preprocessor để code CSS. Recommend: Sass http://sass-lang.com/guide

- Đọc các CSS Methodology để CSS ko trở thành một đống bùi nhùi . Recommend: Smacss https://smacss.com/ (mấy phần sau có tính phí, nhưng mình nghĩ đọc phần đầu là đủ)

- Bookmark http://css-weekly.com/archives/

Về JS

- Học lại phần core JS. Recommend https://github.com/getify/You-Dont-Know-JS (khá chi tiết, dễ hiểu và đặc biệt là ko dài dòng). Xong rồi thì tham khảo thêm cuốn javascript: The Good Parts, trang http://bonsaiden.github.io/JavaScript-Garden/

- Bookmark http://javascriptweekly.com/issues, https://github.com/loverajoel/jstips, http://www.echojs.com/

Về workflow, tools

- Đọc cái này https://addyosmani.com/blog/199-slid...ing-workflows/

Về cách cập nhật mấy thứ mới mẻ về Frontend thì ngoài cái trang mình kêu bookmark thì còn cách là mỗi ngày lên xem Github trending https://github.com/trending, thấy cái nào có tag HTML, CSS hay JS thì bay vô coi cho biết, rồi lên trang Bower http://bower.io/search/ bấm vô cột stars coi mấy cái nào mà nhiều stars hay hay thì bookmark lại...

Còn mấy cái framework CSS hay JS gì đó thì bạn đừng quan trọng nó quá, tùy mục đích công việc hay sở thích của bạn nếu cần thì tìm hiểu thôi.

Vậy đi, từ mấy cái đó thì trong quá trình tìm hiểu thì sẽ lòi thêm nhiều cái mới nữa.

Nếu bạn muốn thì có thể add Skype mình pqdong21 để giao lưu
Reply With Quote
  #9  
Old 28-01-2016, 22:41
KytoSai's Avatar
KytoSai KytoSai is online now
Senior Member
 
Join Date: 06-2008
Posts: 2,174
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

quá cảm ơn bạn, tuyệt vời, mình sẽ tham khảo , ráng trong cái tết này rèn các thứ bác nói . Học có người đi trước chỉ lộ trình thì khỏe hơn mò tùm lum chẳng đâu vào đâu -____- !!!

Cho mình hỏi chút, thường mình thấy nhiều người viết front-end hay viết từng file .html rồi ví dụ header, footer gì đó copy ra file khác rồi viết. Mỗi lần chẳng may KH họ đòi sửa 1 chút ở header là sửa hết cả đống file .html trong project.

Mình thì sử dụng 1 cái khung PHP đơn giản để require các thành phần lặp đi lặp lại để tiện sửa demo cho khách hàng xem nhanh không biết như vyậ có đúng khi làm front-end ở các cty không nhỉ ?

Nếu không thì liệu có cách nào khác để xử lý trường hợp này không ?

Last edited by KytoSai; 29-01-2016 at 08:43.
Reply With Quote
  #10  
Old 29-01-2016, 13:22
theghostofyou theghostofyou is offline
Senior Member
 
Join Date: 01-2014
Posts: 1,689
Re: [Front-end] Hiện muốn đi chuyên sâu con đường Front-end cần những gì !!

Quote:
Originally Posted by KytoSai View Post
quá cảm ơn bạn, tuyệt vời, mình sẽ tham khảo , ráng trong cái tết này rèn các thứ bác nói . Học có người đi trước chỉ lộ trình thì khỏe hơn mò tùm lum chẳng đâu vào đâu -____- !!!

Cho mình hỏi chút, thường mình thấy nhiều người viết front-end hay viết từng file .html rồi ví dụ header, footer gì đó copy ra file khác rồi viết. Mỗi lần chẳng may KH họ đòi sửa 1 chút ở header là sửa hết cả đống file .html trong project.

Mình thì sử dụng 1 cái khung PHP đơn giản để require các thành phần lặp đi lặp lại để tiện sửa demo cho khách hàng xem nhanh không biết như vyậ có đúng khi làm front-end ở các cty không nhỉ ?

Nếu không thì liệu có cách nào khác để xử lý trường hợp này không ?
cái này hình như có 1 plugin của gulp làm được, mình k nớ rõ tên lắm, htmlpreprocessor hay preprocessor gì đó
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT +7. The time now is 18:01.
Chịu trách nhiệm nội dung: Bạch Thành Trung © 2019 Công ty TNHH Thật Vi Diệu
ĐC tầng 4, số 6-8 Đường D2, Bình Thạnh, Hồ Chí Minh, Việt Nam - SĐT 0981323799 - MST 0313906593
Giấy phép thiết lập MXH số 334/GP-BTTTT, Ký ngày: 19/08/2019