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)是升华前端职业。
行情是这样的(“精通”理解为相对概念即可,无需转牛角尖):
- html/css精通、js精通,3年工作经验,北京20k+
- html/css精通、js熟练,2年工作经验,北京15k+
- html/css精通、js熟练,2年工作经验,成都9k+
- html/css精通、js不会,北京5k+
- html/css精通、js不会,成都3k+
ps:node.js的团队已解散,大概会被新的分支io.js代替。

偷来的图
话说哪个大学有这种专业? 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日更新
有人说我在误人子弟,恩,你太聪明了。
所以。上面其实是我周日一个人加班的时候随手扯淡的。小朋友们不要当真。
不过呢,这篇扯淡比“知道”的一些文章还是要好一点的。起码我随手塞进去了好几个梗。
当然,“知道”也有人在认真答题的,一棒子打死一百度人不好。
人生逆旅,有趣一点又不会早死。
唉,这年头有点幽默感真难。 钱难挣,屎难吃 现在大学还有前端开发这个专业了? 难道只有我以为前端都是要全栈了嘛。。。 你大学只要不闲着,认真学什么以后都有前途,感兴趣的话就认真学完这门课,然后之后你自己就可以判断了吧,目前前端还是比较火热的,社区也比较活跃

핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제











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

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

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

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

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

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

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

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