웹 프론트엔드 엔지니어를 만나보세요

"프론트엔드 엔지니어의 가치는 어디에 있는가?"라는 아주 오래된 주제입니다. 어떤 사람은 "웹사이트에 대한 프론트엔드 엔지니어의 가치는 스타에 대한 메이크업 아티스트의 가치와 같다"고 말했습니다. 좋은 웹사이트 프론트엔드개발 엔지니어는 지식 시스템의 폭과 깊이를 모두 갖추어야 합니다. 물론 웹프론트엔드 엔지니어가 매일 가장 많이 접하는 것은 디자이너가 아닙니다. 이와 관련하여 귀하는 어떻게 생각하십니까? 당신의 가치가 잘 반영될 수 있을까요? 오늘은 개발자들과 프론트엔드 엔지니어의 가치에 대해 논의하고 싶어서 예전 이야기를 다시 꺼내보았는데, 조금이나마 인사이트를 얻을 수 있었으면 좋겠습니다.

프론트엔드 엔지니어의 가치는 무엇인가요?

프론트엔드 엔지니어에 대한 업계 선배 전문가들의 의견을 살펴보겠습니다.

장커준두반 프론트 -end Engineer :

개인적으로는 프론트엔드 엔지니어가 점점 제품 엔지니어로 발전하고 있는 것 같아요. WAP App, 반응형 UI 등은 HTML5 기술을 기반으로 개발되었습니다. 제품의 크로스 플랫폼, 크로스 디바이스 구현 문제를 해결하는 것이 프론트엔드 엔지니어의 주요 업무 내용이 될 것입니다. Javascript, HTML, CSS 이 프런트 엔드 엔지니어는 개방형 표준이 다양한 플랫폼에서 지원되기 때문에 수년 동안 언어를 사용해 왔습니다. 제품형태와 데이터의 분리가 대세입니다. 모바일 시대의 다양한 제품 형태에 대한 요구 사항은 다양한 기술을 통해 달성할 수 있지만 이를 위해서는 막대한 비용이 소요됩니다. 04 에서 제안한 표준인 HTML5가 최근 2년만에 인기를 끌게 된 이유이기도 합니다.

현재 가치도 훌륭합니다.

웹 제품 상호작용은 점점 더 복잡해지고 있으며, 사용자 경험과 웹사이트 프런트엔드 성능 최적화를 해결하려면 전문 프런트엔드 엔지니어가 필요합니다. 또한 프로젝트에서는 디자이너의 인터랙션 디자인의 단점을 보완해야 합니다. 프론트엔드 엔지니어는 개발 과정에서 중요한 역할을 합니다. 한두 명의 프런트엔드 엔지니어가 전체 개발을 병렬화하고 설계에서 구현까지 보다 원활하게 전환할 수 있습니다. 현명한 기업은 프런트엔드 엔지니어링 리소스를 비축해야 합니다.

프론트엔드 엔지니어와 제품 관리자는 서로 아무런 관련이 없다고 생각합니다. 좋은 프론트엔드 엔지니어는 분명 좋은 인터랙션 디자이너가 될 것입니다. 프론트엔드 엔지니어는 전문적인 인터랙션 디자이너뿐만 아니라 정보 아키텍처도 이해해야 합니다.

Zhang Jingwei

프론트엔드 엔지니어:

1. 프론트엔드 엔지니어가 마스터해야 할 기본 기술:

HTML CSS

JavaScript

PHP/ASP/

또는 기타 널리 사용되는 웹 분야의 프로그래밍 언어

예술, 시각

2. 프론트 엔드 엔지니어는 다음을 지향합니다:

사용자

브라우저

데이터 인터페이스

3. 그러면 프론트엔드 엔지니어의 가치는 어디에 있는가?

사용자 사용을 단순화하기 위한 기술 지원(대화형 부분) 제공

다중 브라우저 호환성 지원 제공

웹킷

을 기반으로 하는 크로스 플랫폼 또는 기타 사용자 탐색 속도(브라우저 성능) 향상 지원

또는 지원 제공 기타 렌더링 엔진 애플리케이션용

디스플레이 데이터(데이터 인터페이스) 지원 제공

Yuanyan 클라우드 엔지니어:

프론트 엔드 공성 사단의 가치는 주로 다음과 같은 측면에 달려 있다고 생각합니다.

1

사용자에게 가장 가깝습니다. , 가장 사용자에 대해 추측하려는 사람은 엔지니어 중에서 사용자를 가장 잘 아는 사람입니다

2.

혁신이 가득한 프런트 엔드

3.

프론트엔드 스킬 JavaScript, HTML, CSS....시작하기는 쉽지, 심화하기는 어렵다

4.

다양한 프론트엔드가 있습니다. 및 백엔드 상호 작용 방법이 있으며 다양한 시나리오에 적용할 수 있습니다. Ajax( Post, Get ), Comet(회전, 긴 회전, 영구 프레임, 많은 기술 솔루션이 프런트 엔드를 선호하기 시작했습니다 6. 프론트엔드는

데스크탑,

뿐만 아니라 모바일

,

패드, TV...Plateau웹 엔지니어:

프론트엔드 엔지니어의 핵심 가치 또는 책임은 자신의 모든 노력과 노력을 사용자에게 완벽하게 제공하는 것입니다. 기술개발팀에서 사용자와 가장 가까운 사람은 당연히 프론트엔드이고, 그 다음은 UI, UE , 제품 순이다. , 그리고 백엔드, DBA 및 시스템 엔지니어.

기술 개발팀이 축구팀과 같다면 프런트엔드 엔지니어는 의심할 바 없이 팀 동료가 발로 전달한 공을 받아내는 포워드입니다. 해야 할 일은 공이 정확하게 상대의 골대를 실수 없이 쳐야 한다는 것... 매우 명확해야 합니다. 두 가지 포인트: 1.상대 골과 자신 사이에 어떤 장애물이 있는지 알아야 합니다.2.파괴하는 방법을 알아야 합니다. ....역시 팀원 중 이 두 가지 점을 가장 잘 아는 사람이겠죠.

모든 팀에는 스트라이커, 미드필더, 슈퍼 수비수, 마법의 골키퍼, 심지어 소방 코치가 될 수 있는 자신만의 스타가 있습니다. 그리고 저는 코트 위 어떤 포지션에서든 뛰어난 선수라면 누구나 백코트에서 공을 훔치고, 장거리 드리블을 하고, 슛을 날리고 득점할 수 있다고 믿습니다! 하지만 훌륭한 팀이라면 두 가지 유형의 분업이 있어야 합니다. 프론트 코트 선수들은 경기에서 이기고 싶어하고, 백코트 선수들은 각자의 임무를 수행해야만 탁월해질 수 있습니다. 유능한 포워드로서 팀 내에서 가장 많은 골을 넣고 최고의 슈팅 능력을 갖춘 선수여야만 합니다. 그렇지 않다면 당신이 가진 가치는 무엇입니까? >기술 구현 추세가 어떻게 변화하든 사용자를 위한 대화형 인터페이스는 누군가가 구현해야 합니다..... 앞으로도 그렇지 않다면 말이죠. 인간-컴퓨터 정보 상호 작용은 비전에 의존하지 않습니다

(사고 링크에 직접 의존). 그러면 프런트 엔드가 just do 정보의 구성과 표현은 디자인만큼이나 훌륭합니다. 그러므로 프론트엔드의 궁극적인 가치는 인간과 컴퓨터의 상호작용을 디자인하고 구현하는 것입니다. Li Chunping, Baidu R&D 엔지니어: 세 가지 방법이 있다고 해야 할까요. 하나는 앞으로 나아가는 것이고, 하나는 뒤로 이동하고 다른 하나는 프런트 엔드에서 계속 작업하고 더 깊이 들어가는 것입니다. 앞으로 나아가는 것은 앞서 언급한 것처럼 사용자 경험과 인터랙션 디자인, 심지어는 제품 디자이너로 나아가는 것을 의미합니다. 이는 프런트엔드, 즉 사용자 경험의 가치를 반영하는 가장 좋은 방법입니다.

거꾸로 가는 것은

웹 개발을 하고, 데이터베이스와 백엔드 개발로 나아가며, 더 이상 프론트엔드와 백엔드를 구분하지 않고, 모두가 제품 개발 및 구현에 깊이 들어갑니다. 소프트웨어 엔지니어와의 통합 가치는 비즈니스 기능 구현에 반영됩니다.

마지막으로 여전히 심층적인 전선이 있습니다. -다양한 프론트엔드 라이브러리, 프레임워크 등 아키텍처 설계, W3C 다양한 표준에 대한 심층 연구,

JavaScript 언어 자체에 대한 연구, 브라우저의 원리 분석, 네트워크 전송 프로토콜의 원리 분석 등. 이 길은 많은 원리와 근본적인 것들이 관련되어 있어서 깊게 들어가기가 쉽지 않아서 받아들이는 사람이 많지 않습니다. . 물론 프론트엔드나 심지어 소프트웨어 개발까지 완전히 그만두고 제품이나 사업 운영에 특화하기 위해 경력을 전환한 사람들도 있습니다. 어쩌면 좋은 기술적 배경을 가지고 있기 때문에 특정한 이점이 있을 수도 있습니다. 후진푸 프론트엔드 개발자:

프론트엔드 엔지니어들은 각자의 가치를 두 가지 방향에서 바라볼 필요가 있다고 생각합니다.

첫 번째 방향: 사용자가 더욱 편리하게 정보를 얻을 수 있도록 하세요. 이는 대부분의 회사의 프런트엔드 엔지니어가 잘 ​​수행하기 위해 노력해야 하는 부분입니다. psd

를 다운로드하여 온라인 코드를 생성하세요. 이 과정의 모든 세부 사항은 귀하의 진지한 태도에 합당합니다. 형태의 다양한 상호작용과 페이지의 다양한 요소(영역) 간의 정보 상호작용은 반드시 평범하지는 않습니다. ID

를 통해 안내할 수 있습니다. 사용자 요구 사항에 대한 자신의 인식을 바탕으로 완료하세요. 이 방향의 가치는 정보를 얻는 것이 더 편리한가에 반영됩니다. 결과적으로 사용자 기반이 증가했나요? 온라인 예약이 늘었나요? 두 번째 방향: 프런트 엔드를 더욱 전문적으로 만드는 것입니다. 이것이 연구 기관의 유명 인사들이 매일 하는 일입니다. 사양을 읽고, 버전 간의 차이점을 비교하고, 새로운 기능 도입의 의미(기술적 또는 비즈니스)에 대해 생각해 보십시오. 업계의 최신 발전에 주목하고 몇 가지 혁신을 찾아보세요. 가능하다면 거인의 어깨 위에 서서 맹목적으로 바퀴를 재발명하지 마세요. 마지막으로, 그것이 당신 자신의 혁신이든, 특정 문제에 대해 당신 자신이 편집한 현재 최고의 솔루션이든, 이는 전체 업계와 회사의 다른 프론트엔드 학생들의 작업에 더 많은 지원을 가져올 것입니다.

이 방향의 가치는 보다 기술적이며 단기적으로는 직접적으로 정량화할 수 없지만 일정 시간이 지나면 개인 생산성 향상, 새로운 모델에 반영됩니다. 페이지 상호 작용 등. 심지어 새로운 제품으로 이어질 수도 있습니다.

Yuan Liang프론트엔드 엔지니어:

제품 엔지니어-웹 제품 APP 화를 위해서는 프런트 엔드가 제품의 디자인 및 상호 작용 구현 세부 사항을 이해해야 프런트 엔드 코드 구조가 합리적이고 확장 가능합니다!

다양한 브라우저의 크로스 플랫폼 호환성뿐만 아니라 크로스 플랫폼 장치 구현. 요즘에는 다양한 물리적 장치가 있고, 사용자와 직접적으로 상호 작용하는 모든 구현 작업을 프런트 엔드라고 부를 수 있습니다!

상호작용 및 디자인 세부사항의 완벽하고 우아한 구현 - 가장 효율적인 코드와 최소 비용으로 상호작용 및 디자인 세부사항을 복원하여 사용성과 접근성을 향상시킵니다!

사용자 경험과 신기술의 결합 - HTNL5의 개발로 웹 및 모바일 애플리케이션은 더 훌륭하고 합리적인 구현 방법을 제공합니다

웹사이트 프런트엔드 성능 최적화 - 사용자 비용 및 회사 비용 절감

확장 가능 표준 인터페이스-시맨틱 페이지는 SEO 관점과 기계가 읽을 수 있는 라인에서 웹 사이트를 더욱 개선하고, 표준화되고 확장 가능한 데이터 인터페이스는 백엔드와의 연결을 더욱 원활하게 만듭니다! 동시에 개발 효율성도 크게 향상될 것입니다.

업계 홈페이지 이미지홍보 - 회사 홈페이지와 회사 이미지를 가장 직관적이고 눈에 잘 띄게 표시!

Front-end 요구사항

제품의 로직과 형성과정을 이해하고 싶으신 분 - 원하시는 분 제품 페이지 개발에 참여합니다. 사람들은 제품 토론 단계에 참여하고 제품 요구 사항을 이해합니다. 그리고 제품의 미래를 이해해야 하는 암묵적인 필요성! 그냥 참석하세요!

인터랙션 내용에 대한 이해가 필요합니다. - 상품 페이지 개발에 참여하는 관련 인력이 인터랙션 토론에 참여하여 인터랙션 및 디자인 내용을 이해할 수 있었으면 좋겠습니다! 페이지를 구조화되고 확장 가능하게 만드세요! 그냥 참석하세요! 합리적인 제안이 있다면 제안할 수 있습니다!

데이터 인터페이스에 대한 이해가 필요합니다 - 제품 관련 모듈에 필요한 데이터를 이해하고 관련 기술 인력과 소통하여 문서를 작성합니다.

기술 축적과 신기술 학습이 필요합니다. 팀 내에서 소통 활동과 브레인스토밍이 있었으면 좋겠습니다! 최신 산업 기술을 배우고 산업 교류에 참여하세요!

성취감과 만족감이 필요합니다.

결론:

프론트 엔드는 백엔드 구현과 시각적 성능 사이의 연결고리이며 전체 제품을 관통하는 링크입니다. 훌륭한 프론트 엔드 엔지니어는 사용자 경험에 대한 제품 관리자의 요구 사항을 잘 이해할 수 있으며, 데이터 로직 분리에 대한 백엔드 엔지니어의 요구 사항도 잘 이해할 수 있습니다. 프로그램 로직을 작성하고 이러한 요구사항을 통합하여 프런트엔드 개발 작업으로 변환합니다. 프론트엔드는 웹사이트의 얼굴이며 그 가치는 다른 클라이언트 개발보다 훨씬 큽니다.

무료로 받으세요

LAMP밴드 오브 브라더스오리지널PHP동영상 튜토리얼CD/《자세히 보기 PHP》Essential 버전, 자세한 내용은 공식 웹사이트 고객 서비스에 문의하세요: http://www.lampbrother.net

PHPCMS

2차 개발http://yun.itxdl.cn/online/phpcms/index.php?u=5

WeChat 개발

           http://yun.itxdl.cn/online/weixin/index.php?u=5

모바일 인터넷 서버측 개발

http://yun.itxdl.cn/online/server/index.php?u=5

Javascript

강좌 http://yun.itxdl.cn/online/js/index.php?u=5

CTO

교육 캠프                 ://yun.itxdl.cn/online/cto/index.php?u=5

위에서는 콘텐츠 측면을 포함하여 웹 프런트엔드 엔지니어를 알아가는 방법을 소개했습니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.