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 Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

運行 H5 項目需要以下步驟:安裝 Web 服務器、Node.js、開發工具等必要工具。搭建開發環境,創建項目文件夾、初始化項目、編寫代碼。啟動開發服務器,使用命令行運行命令。在瀏覽器中預覽項目,輸入開發服務器 URL。發布項目,優化代碼、部署項目、設置 Web 服務器配置。

H5 頁面製作是指使用 HTML5、CSS3 和 JavaScript 等技術,創建跨平台兼容的網頁。其核心在於瀏覽器解析代碼,渲染結構、樣式和交互功能。常見技術包括動畫效果、響應式設計和數據交互。為避免錯誤,應使用開發者工具調試;而性能優化和最佳實踐則包括圖像格式優化、減少請求和代碼規範等,以提高加載速度和代碼質量。

製作 H5 點擊圖標的步驟包括:在圖像編輯軟件中準備方形源圖像。在 H5 編輯器中添加交互性,設置點擊事件。創建覆蓋整個圖標的熱點。設置點擊事件的操作,如跳轉頁面或觸發動畫。導出 H5 文檔為 HTML、CSS 和 JavaScript 文件。將導出的文件部署到網站或其他平台。

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5不是獨立編程語言,而是HTML5、CSS3和JavaScript的集合,用於構建現代Web應用。 1.HTML5定義網頁結構和內容,提供新標籤和API。 2.CSS3控製樣式和佈局,引入動畫等新特性。 3.JavaScript實現動態交互,通過DOM操作和異步請求增強功能。

H5(HTML5)適合應用於輕量級應用,如營銷活動頁面、產品展示頁面和企業宣傳微網站。它優勢在於跨平台性和豐富的交互性,但局限性在於復雜的交互和動畫、本地資源訪問和離線功能。

H5 彈窗製作步驟:1. 確定觸發方式(點擊式、時間式、退出式、滾動式);2. 設計內容(標題、正文、行動按鈕);3. 設置樣式(大小、顏色、字體、背景);4. 實現代碼(HTML、CSS、JavaScript);5. 測試和部署。

H5 頁面製作的優勢包括:輕量級體驗,加載速度快,提升用戶留存率。跨平台兼容性,無需針對不同平台適配,提升開發效率。靈活性和動態更新,無需審核,便於內容修改和更新。成本效益,開發成本比原生 App 低。
