32歲了想重新做網頁設計或ui設計的工作？

01-07

先介紹一下自己的情況，女，二本動畫專業畢業，2006年畢業後在一個公司做了一段時間建築動畫就沒工作了，經同學介紹，然後自己做英文網站賺取廣告費，我做的東西比較簡單設計和代碼方面簡單的就可以，那時候收入也還可以，後來漸漸不好做就轉站淘寶做店鋪裝修，雖然沒有做英文廣告收入高，但好的時候有1w+收入。2016年我寶寶出生，本來淘寶店生意也還好，但我因為我孩子的原因就沒怎麼管自己的店鋪，生意不如以前了，也覺得不太穩定，現在孩子大了想重新規劃自己未來，覺得前十年我都浪費了一直在家，所以想外出工作，問了同學她說現在h5可以，但是得會代碼。希望高人給我建議

你問題說做設計做ui，內容描述又是說做h5，想明白要做什麼了嘛？

咱們年齡相仿，我比你稍大一些，專業也差不多，畢業也比你早一點兒，也有一些感同身受。我簡單說幾句:

年齡不是問題，心態最重要，興趣是個關鍵，別在乎別人眼光，一開始別想著能掙錢。

不要在意有的答案的冷嘲熱諷。這裡都是精英，你放低姿態，用心學習，誰也不是一開始什麼都能懂，下一個十年，一晃而過，後悔或者不後悔，大家都在跟著萬物消逝而已。

從你的描述來看，感覺你並沒有思考或者強烈追求你心裡所真正喜歡的工作。

人的一生很短暫，

如果你現在已經認為過去浪費了很多時間，那為什麼不現在開始想想未來？

未來你想要什麼樣子的工作狀態？

什麼事情可以使你心動？

什麼事情可以讓你心甘情願付出努力與時間？

你喜歡的事情，才是適合你的工作。

知乎還是比較準確的，如果是前兩年你問這個問題，答案幾乎是「年齡不是問題，學好仍有出路」之類的，現在大家都不建議你搞這個了。因為現實很殘酷，行業飽和、泡沫蒸發，大量企業倒閉，很多有經驗的想找一份工作都已經很難了。

建議還是想好再決定，

學習H5（就姑且這麼叫吧，因為估計你的朋友也不了解現在互聯網開發行情，或者什麼是H5，什麼是前端，什麼是代碼），不管是你現在培訓還是自學，要達到市場上能夠找到工作的標準，你需要投入比管理淘寶店鋪還多3、4倍的精力；大概需要學習4個月以上，也就大概半年吧；

題主的年齡在這個行業也不具有優勢，（不是說32歲就不能編碼了，而是你32歲才選擇入行，你如果不拿出絕對完美精湛的技術，找工作幾乎毫無可能性）；可以嘗試多了解一下互聯網開發這個行業，可以說是很飽和了，至少中低層次已經爆炸，頂端的大神倒是好很多；

類似的問題有很多，也有很多同齡人轉行成功的，有的留下一些雞湯，說什麼相信自己，……

那我建議，想好喲~~因為入門真的是很痛苦的；

高級WEB前端工程師精品班 (2018體系)

第一階段（設計軟體技能）

1、Photoshop：Adobe公司大師級圖像軟體入門講解。掌握該軟體在平面廣告、網頁設計、UI設計以及室內設計等專業中的相關操作。

2、Illustrator：Adobe公司專業級矢量軟體入門講解。掌握該軟體在創意廣告設計、印刷出版與web網路創作、多媒體和UI圖標界面設計的相關操作。

3、Dreamweaver：講解DW的人性化功能以及在頁面架構和前端開發應用領域的使用技巧，HTML基礎應用，快速入門，CSS樣式表的應用，模板布局的使用技巧，如何管理網站並上傳。

4、Fireworks：講解FW在網頁切片、圖層、幀、gif動畫、畫布設置中的應用以及配合其他軟體進行使用

第二階段（WEB前端布局與交互開發）

一、WEB前端HTML5/CSS3

布局與樣式

1、HTML標籤：HTMl5簡介與入門、文本、圖像、鏈接、表格、列表、智能表單、結構化標籤等內容

隨堂項目：

1.文章頁面的結構化布局。包括文章標題、正文、圖片、頁面背景、作者、發表時間等信息

2.利用table標籤課程表的實現

3.利用form、input表單標籤實現簡單登錄註冊頁面

2、CSS基礎語法

常見樣式：CSS3簡介、css3引入方式、常見樣式、文字與文本、顏色、背景色、精靈圖片等

隨堂項目：首頁導航欄的製作

3、CSS選擇器：css選擇器:標籤選擇器、類選擇器、ID選擇器、後代選擇器、群組選擇器、偽類選擇器、結構化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器

4、CSS盒子模型：盒模型簡介、盒模型組成部分、盒模型常用場景、彈性盒模型

隨堂項目：導航欄的製作，利用盒子模型拉開間距、hover效果添加後的內邊距設定

5、浮動與定位：浮動：float、clear、恢復塌陷的父容器高度。定位：一動不動的(static)，跟著別人跑的(absolute)，以自己為中心的(relative)，固定的(fixed)

隨堂項目：導航欄左右布局的定位、二級菜單的實現、回到頂部的按鈕

6、響應式布局與頁面優化處理：移動頁面與PC端頁面布局時候需要注意點、媒體查詢在響應式布局中的應用、響應式布局中彈性盒模型的設計技巧、各種瀏覽器對於CSS樣式的支持情況、頁面優化需要注意的地方、解決跨瀏覽器兼容性問題

隨堂項目：移動端的用戶註冊頁面、PC端的用戶註冊頁面。

7、靜態頁面切圖項目實戰：

1）企業站實訓：1.首頁導航、二級菜單 2.banner輪播圖 3.產品展示 4.成功案例 5.新聞中心 6.聯繫方式 7.友情鏈接 8.版權申明 9.總結

2）商城實訓：1.首頁（頭部導航、分類搜索、秒殺產品、猜你喜歡、推薦商品）2.用戶中心（訂單、個人信息、收貨地址、賬單）3.商品詳情頁（展示圖、描述信息、促銷價格、細節展示、產品詳情） 4.登錄註冊頁面

二、WEB前端JavaScript 交互

1、核心語法：

1）JavaScript的前世今生、javascript語法、介紹html5認識JavaScript、javascript中的對象、數組、變數、.流程式控制制（if…else switch…case while for）

2)隨堂項目：九九乘法表、閏年計算、誰是高富帥（if…else.. Switch…case）

2、BOM與DOM操作：DOM操作：讓一成不變的網頁動起來；BOM操作：瀏覽器也有話要說

隨堂項目：網頁時鐘的製作、回到頂部

3、事件編程：

1)javascript的事件機制：讓網頁回應你的問候；常見的JS事件：單擊、雙擊、移動、懸停、焦點的獲取與失去、瀏覽器的關閉與載入

2)隨堂項目：1.選不中的按鈕的實現 2.做一個計算器怎樣？3.商品圖片放大鏡效果

4、正則表達式：

1）正則表達式的語法、利用正則表達式做字元匹配、面向對象編程：脫離過程走向對象

2）

隨堂項目：郵箱格式的驗證、編寫一個獲取常見輸入數據的格式驗證類。

5、面向對象編程

1）面向對象編程簡介、對象的創建、繼承的實現、原型與原型鏈。

2)隨堂項目：仿windows屏保氣泡

6、JQuery

1）JQuery基礎語法、JQuery選擇器、JQuery的BOM與DOM操作、事件編程、常見動畫與自定義動畫編程、常見Jquery插件使用。

2）隨堂項目：打地鼠遊戲、抽獎輪盤製作

7、JQuery

項目實戰：圖片輪播、利用jQuery製作拼圖、貪吃蛇等項目實訓

8、Ajax技術

1）Ajax技術介紹、json格式與XML格式詳解、Ajax的post與get兩種提交方式詳解、伺服器端的數據反饋機制說明、如何利用jQuery實現Ajax提交、跨域訪問的實現

2）

隨堂項目：用戶註冊、登錄的Ajax無刷新實現、淘寶收貨地址中省市級聯的實現

8、Bootstrap：bootstrap介紹、bootstrap的柵格系統、CSS樣式、組件、bootstrap的javascript插件

隨堂項目：利用bootstrap構建移動商城首頁、用戶註冊、登錄等頁面

9、ECMAScript6

：1.webpack介紹 2.webpackg管用配置 3.模塊處理module 6.3種載入器loaders的使用 4.編譯器babel 5.插件plugins 6.熱更新次操作 7.打項目最終包

隨堂練習：新前端開發環境搭建

第三階段（WEB前端-移動端開發）

一、WEB前端

移動端開發

1、HTML5

高級功能：

1）canvas標籤的使用、多媒體在網頁中的使用、HTML5中的智能表單、HTML5中API的詳解（定位、資料庫存儲）

2）隨堂項目：利用智能表單實現註冊頁面、利用canvas繪製小星星、利用HTML5中新功能實現一個最近超市搜索頁面。

2、CSS3

動畫詳解

1）CSS3新增選擇器、彈性盒模型、伺服器字體、多重背景、邊框圖片、過渡動畫與關鍵幀動畫

2）隨堂項目：1.Running Man 2.天天跑酷 3.css旋轉魔方

3、WEBAPP開發

1、1.移動端頁面的設計要求

2.HTML5動畫的常見使用場景

3.多媒體在頁面中的使用

4.商城項目首頁、用戶註冊、登錄、商品列表等頁面的實現

5.weui框架的介紹與使用

2）

隨堂項目：京東商城移動端首頁在線答題系統

4、微信公眾號

開發（JSSDK

1.微信公眾號介紹與申請開發賬號

2.微信公眾號項目的官方文檔與demo樣例全解析

3.調用微信官方API介面函數

4.利用H5的新特性構建更富有表現力的活動頁面

5.常見微信分享、投票、活動、抽獎頁面的設計與實現

隨堂練習：非凡學院公眾號項目實踐

5、微信小程序

開發

1.小程序相關介紹及賬號申請

2.小程序開發環境搭建

3.小程序布局原理

4.小程序組件、API使用

5.weUI使用

隨堂練習：商城小程序項目實戰

6、Vue.js

1.Vue.js 簡介

2.模板語法

3.指令系統

4.組件開發

5.生命周期

6.腳手架工具

7.路由

8.數據請求

隨堂練習：1.To Do List 項目實踐 2. Vue.js 博客實戰

第四階段（WEB高級框架與後台交互）

1、Angular.js

1.angular.js 簡介

2.MVC概念

3.指令系統

4.表達式

5.數據綁定

6.作用域

隨堂練習：京東商城項目

2、React.js

1.react.js簡介

2.開發環境搭建

3.jsx語法

4.組件編程

5.組件生命周期

6.路由使用

隨堂練習：餓了么點餐項目實戰

3、PHP入門

1.PHP語法簡介

2.函數

3.會話控制

4.面向對象編程

5.常用MySQL語句

6.PHP鏈接資料庫

7.通信介面api開發

4、DedeCMS

詳細講解織夢系統軟體的安裝、模板、插件等使用；修改頁面布局及細節；dede標籤的使用方法；及如何替換、製作、修改、美化模板；熟練使用各類功能插件如社會化登錄、在線客服等技術；結業後可快速製作常見商業網站

第五階段（崗前強化與就業指導）

管理與溝通：心態與服務、職場商務禮儀、溝通與口才強化、職業素養提升、團隊合作

就業指導：畢業作品整理、行業規範與合同、職場與行業分析、企業觀模與規劃、職場崗位實戰模擬、創業指導、實習與預工作

特別說明

1.報名課程，贈送視頻包、軟體包、素材包、材料包

2.報名課程，在學習過程中，學員有機會參加學院派接的訂單實戰

3.零基礎，可以達到高級網頁前端開發和移動端開發的程度，相當於具有半年左右的工作經驗。

4.保證學會：出勤率達90%以上，可享受1年內免費重新學習

5.考試認證：《網路設計師》、《網頁前端工程師》（費用另付）

6.學習周期：平日班4個月；業餘制10個月

7.課時：共592課時（45分鐘/課時）

8.招生要求：大學以上學歷（能力優秀者可適當放寬條件）

IT行業其實有點像吃青春飯的，三十多歲其實也是一個門檻了

我27歲也是學動畫的 H5我有在做就是平面設計我不知道你說得代碼H5和我一不一樣我也有想過我未來得問題，到你年齡得問題。我這家公司，淘汰了許多比我年紀大得人。我覺得也許不是我有多好，而是同樣得設計，請一個老得不如請一個年輕一點得

32不算晚，做出改變總好過現在的死水一潭

怎麼說呢，UI和前端確實是兩個領域完全不同的。但樓主的意思應該是說網頁設計用HTML5做，因為現在主流做網站大多都比較偏向HTML5和響應式網站。

我剛大學畢業那會以為自己會點PS就可以做平面UI，會寫點代碼就可以做前端開發，其實現實沒有那麼簡單，想做UI你對產品的理解還有手繪功底尤其重要，前端開發範圍很廣，要對前台頁面布局功能實現和後台程序代碼與前台交互有一定的技能和了解，需要掌握的東西非常多。所以現在也是一直在做網站，介於設計和前端之間，略尷尬的位置。

樓上說：「感覺你並沒有思考或者強烈追求你心裡所真正喜歡的工作。什麼事情可以使你心動？什麼事情可以讓你心甘情願付出努力與時間？你喜歡的事情，才是適合你的工作」。

其實大道理都懂，人這一生誰不想只做自己喜歡又有意義的工作，而從工作中取得成就感。

但是樓主的情況是，自己從畢業所接觸過的就是網站和店鋪裝修，自己能想到並且會的只有這些

如果以前樓主做過網頁設計還是可以嘗試的，因為個人認為網頁設計門檻並不是特別高，而且樓主又一定的基礎，自己看一些教程，多學習一些現在主流的技術。

就算會了h5又能怎麼樣呢，做前端只會一個h5是不夠的

30多歲從零開始從事技術類的工作，現在35歲以上的基礎崗位大部分公司都不會要的

沒用了。現在計算機行業飽和了。不要大齡新人。我90年。今年自學Java，沒有一個簡歷回復。

你這個朋友給你這樣說，或許是害了你

找點好產品渠道繼續做淘寶店吧，不要再做設計了

如果自己喜歡還是可以去學習的！還是做UI設計比較好的！