목차
回复内容:
웹 프론트엔드 H5 튜토리얼 Web 前端分为哪几个大方向,工资待遇如何,辛苦吗?

Web 前端分为哪几个大方向,工资待遇如何,辛苦吗?

Jun 07, 2016 am 08:42 AM

我的专业是「电子出版技术专业」,在学「网页布局与制作」这门课。我比较想走网页设计这条路,但是需要美术功底吗?前景如何?这职业可以赚赚外快之类的不?

原描述:

我是这个专业的大学生,想看看这个职业钱途怎么样

回复内容:

Web 前端分为哪几个大方向,工资待遇如何,辛苦吗?@朴灵
来自Github#JacksonTian/fks · GitHub
路漫漫长; 1. 大学学的课程基本是落后于行业十年的水平,如果你拿那些东西出来面试,分分钟被鄙视。
2. 外快是可以的哦,而且非常多,这点放心就好,不过基本是做劳力用,,,因为前端就是简单,比农民工干的活还简单。
3. 前端通常不带设计师的,别理解混了,学校交给你的是10年前的分工。
4. 前端技术变化很快 ,人间1年,前端则会走100年,那技术瞬息万变,很多还没来得及学就过时了,所以你要学的东西很多很多非常多,而且大多数都是轮子轮子轮子,而且还tm是不靠谱的轮子,学会了之后立马就被人淘汰了。
5. 薪资方面,千差万别,反正低的一两千,高的现在业界好几个年薪百万的,像 @winter 这样年薪百万还有无数阿里股票的,已经不能用钱来衡量了。 稍微大一些的公司都不需要美工基础。有专业美工设计网页;有的公司有专门的builder切页面,写html、css。js由前端人员年开发。
当然大多数公司的前端都是要会切图的。写html、css是必须且精通的。不要在乎切不切图,前端高手都是切过图。不要以为切图浪费你的时间。
你可以写个jsx自动切图啊。有人觉得是体力活、无技术含量的。你要从中找到机会,用技术解决问题。 前端的中心在于围绕脚本语言javascript而展开,其余html、css、photoshop都是基础必掌握。

换句话说html、css、photoshop、php是入门级别前端,而js(宽泛的包含H5/CSS3/JSON/各种前端框架/Io.js)是升华前端职业。

行情是这样的(“精通”理解为相对概念即可,无需转牛角尖):
  1. html/css精通、js精通,3年工作经验,北京20k+
  2. html/css精通、js熟练,2年工作经验,北京15k+
  3. html/css精通、js熟练,2年工作经验,成都9k+
  4. html/css精通、js不会,北京5k+
  5. html/css精通、js不会,成都3k+

ps:node.js的团队已解散,大概会被新的分支io.js代替。 Web 前端分为哪几个大方向,工资待遇如何,辛苦吗?

偷来的图

话说哪个大学有这种专业? web 前端,主要有 HTML 前端,H5前端,CSS前端,Java 前端,Java Script 前端,Node.JS 前端,Javascript 前端,HTML4前端,Photoshop 前端,PS 前端,PHP 前端,Flash 前端,Div 前端,Table 前端,JSON 前端,以及 DIV+TABLE 融合前端,等等。

注意上面虽然出现了很多 J 和很多 S,但它们是完全不一样的,一定要注意区别。

前端工资没有后端高,工作上非常辛苦。

比如,后端随随便便写几条命令就把服务器部署好了,前端这边却要和设计师吵半天一个像素的事情。

再比如,后端他们干活搞个全黑的文字编辑器(有点像记事本的那种)敲来敲去就把活干完了,我们前端却要开 N 个窗口,什么 Dreamweaver 什么 Photoshop 什么浏览器,有时候还要 !自!己!切!图!还要自己写 CSS!那个 Dreamweaver 居然都不会自己生成!什么破工具。

最讨厌的是我们那个 PHP 前端,整天都说 PHP 是世界上最好的语言,可我觉得 HTML 才是!但又说不赢他。唉……

不过 HTML 也很讨厌,弄个 HTML4,又出来个 H5!还有以前的一些什么 XHTML,还有 DOM 什么的,让人学很多东西,每个浏览器又不一样,搞得我经常要安装好几个版本的 IE6,360经常提醒我电脑有病毒,开机速度也不能秒杀全国90%以上的电脑了。

不过让我有优越感的就是后端他们经常连鼠标都不能用,而且干活的界面上都是黑的(我觉得好惨啊,一点也不好看)。不过有个后端把字调成绿色的了,看起来很阴森。

还有就是就是我们的前端电脑配置总是比后端好一些的,后端经常要用一些很破旧的电脑,键盘也很稀烂,死沉死沉的,敲起来还有那种机械响声,听他们说好像是青车由牌的红樱桃牌的,你看,多俗的名字,肯定是深圳小厂做的。

有一天我看到一个后端的电脑,居然有16个 cpu,可我不信,因为那个数字是显示在他们的编辑器里面的。

还有就是后端经常被半夜叫起来解决问题,前端就没这个困扰。

反正钱很少就是啦。不过听说有很牛的前端拿到50W 的。











=========== 误人子弟的分割线

2015年02月05日更新

有人说我在误人子弟,恩,你太聪明了。

所以。上面其实是我周日一个人加班的时候随手扯淡的。小朋友们不要当真。

不过呢,这篇扯淡比“知道”的一些文章还是要好一点的。起码我随手塞进去了好几个梗。
当然,“知道”也有人在认真答题的,一棒子打死一百度人不好。
人生逆旅,有趣一点又不会早死。
唉,这年头有点幽默感真难。 钱难挣,屎难吃 现在大学还有前端开发这个专业了? 难道只有我以为前端都是要全栈了嘛。。。 你大学只要不闲着,认真学什么以后都有前途,感兴趣的话就认真学完这门课,然后之后你自己就可以判断了吧,目前前端还是比较火热的,社区也比较活跃
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

H5 페이지 제작은 정확히 무엇을 의미합니까? H5 페이지 제작은 정확히 무엇을 의미합니까? Apr 06, 2025 am 07:18 AM

H5 Page 프로덕션은 HTML5, CSS3 및 JavaScript와 같은 기술을 사용하여 크로스 플랫폼 호환 웹 페이지의 생성을 말합니다. 핵심은 브라우저의 구문 분석 코드, 렌더링 구조, 스타일 및 대화식 기능에 있습니다. 일반적인 기술에는 애니메이션 효과, 반응 형 디자인 및 데이터 상호 작용이 포함됩니다. 오류를 피하려면 개발자를 디버깅해야합니다. 성능 최적화 및 모범 사례에는 이미지 형식 최적화, 요청 감소 및 코드 사양 등이 포함됩니다. 로딩 속도 및 코드 품질을 향상시킵니다.

H5 프로젝트를 실행하는 방법 H5 프로젝트를 실행하는 방법 Apr 06, 2025 pm 12:21 PM

H5 프로젝트를 실행하려면 다음 단계가 필요합니다. Web Server, Node.js, 개발 도구 등과 같은 필요한 도구 설치. 개발 환경 구축, 프로젝트 폴더 작성, 프로젝트 초기화 및 코드 작성. 개발 서버를 시작하고 명령 줄을 사용하여 명령을 실행하십시오. 브라우저에서 프로젝트를 미리보고 개발 서버 URL을 입력하십시오. 프로젝트 게시, 코드 최적화, 프로젝트 배포 및 웹 서버 구성을 설정하십시오.

H5를 만드는 방법 아이콘을 클릭하십시오 H5를 만드는 방법 아이콘을 클릭하십시오 Apr 06, 2025 pm 12:15 PM

H5 클릭 아이콘을 생성하는 단계에는 다음이 포함됩니다. 이미지 편집 소프트웨어에서 정사각형 소스 이미지 준비. H5 편집기에 상호 작용을 추가하고 클릭 이벤트를 설정하십시오. 전체 아이콘을 덮는 핫스팟을 만듭니다. 페이지로 점프하거나 애니메이션 트리거링과 같은 클릭 이벤트의 동작을 설정하십시오. h5 문서를 HTML, CSS 및 JavaScript 파일로 내보내십시오. 내보내는 파일을 웹 사이트 또는 기타 플랫폼에 배포하십시오.

H5 프로그래밍 언어는 무엇입니까? H5 프로그래밍 언어는 무엇입니까? Apr 03, 2025 am 12:16 AM

H5는 독립형 프로그래밍 언어가 아니라 최신 웹 애플리케이션을 구축하기위한 HTML5, CSS3 및 JavaScript 모음입니다. 1. HTML5는 웹 페이지 구조와 컨텐츠를 정의하고 새로운 태그와 API를 제공합니다. 2. CSS3은 스타일과 레이아웃을 제어하고 애니메이션과 같은 새로운 기능을 소개합니다. 3. JavaScript는 동적 상호 작용을 구현하고 DOM 작업 및 비동기 요청을 통해 기능을 향상시킵니다.

H5로 팝업 창을 만드는 방법 H5로 팝업 창을 만드는 방법 Apr 06, 2025 pm 12:12 PM

H5 팝업 창 생성 단계 : 1. 트리거링 메소드를 결정합니다 (클릭, 시간, 종료, 스크롤); 2. 디자인 컨텐츠 (제목, 텍스트, 액션 버튼); 3. 세트 스타일 (크기, 색상, 글꼴, 배경); 4. 코드 구현 (HTML, CSS, JavaScript); 5. 테스트 및 배포.

H5 페이지 제작에 적합한 응용 프로그램 시나리오 H5 페이지 제작에 적합한 응용 프로그램 시나리오 Apr 05, 2025 pm 11:36 PM

H5 (HTML5)는 마케팅 캠페인 페이지, 제품 디스플레이 페이지 및 기업 프로모션 마이크로 웨스 사이트와 같은 가벼운 응용 프로그램에 적합합니다. 그것의 장점은 교차 성형 및 풍부한 상호 작용에있어 있지만, 그 한계는 복잡한 상호 작용 및 애니메이션, 로컬 리소스 액세스 및 오프라인 기능에 있습니다.

H5는 html5와 동일합니까? H5는 html5와 동일합니까? Apr 08, 2025 am 12:16 AM

"H5"와 "HTML5"는 대부분의 경우 동일하지만 특정 시나리오에서는 다른 의미를 가질 수 있습니다. "HTML5"는 새로운 태그와 API를 포함하는 W3C 정의 표준입니다. "H5"는 일반적으로 HTML5의 약어이지만 모바일 개발에서는 HTML5를 기반으로 한 프레임 워크를 참조 할 수 있습니다. 이러한 차이를 이해하면 프로젝트 에서이 용어를 정확하게 사용하는 데 도움이됩니다.

H5는 무엇을 언급합니까? 맥락 탐색 H5는 무엇을 언급합니까? 맥락 탐색 Apr 12, 2025 am 12:03 AM

h5referstohtml5, apivotaltechnologyinwebdevelopment.1) html5introducesnewelements 및 dynamicwebapplications.2) itsupp ortsmultimediawithoutplugins, enovannangeserexperienceacrossdevices.3) SemanticLementsImproveContentsTructUreAndSeo.4) H5'Srespo

See all articles