當前位置:首頁 » 網頁前端 » 產品轉前端
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

產品轉前端

發布時間: 2023-02-08 05:00:11

A. 產品經理轉行做前端可行嗎

說實話,你是產品經理,不算0基礎了。你是有基礎的人啊。聽我分析一下啊。
你是最了解用戶感受的人,你是最懂產品布局和結構的人,最知道產品哪裡體驗不好的人。如果你想轉前端,太沒問題了。至少在布局方面,你就佔了大優勢。長期從事這個行業,多少肯定是了解一些前端是做什麼的,多年從事產品經理的工作,你的圈子裡,多少都認識一些前端,這些是你最好的資源啊,從他們那裡絕對能獲取到很多前端學習的資料和經驗。如果你不認識,沒關系,從你打算轉前端開始,你需要去發展這類的人際關系,對你今後從事前端工作是大有裨益的。俗話說的好,跟什麼人,學什麼藝,你身處IT行業,想轉行,真的比沒有在這個行業的人要容易的多。
聽我說了那麼多,希望能幫到你。

B. 產品經理必懂的前端技術

前端技術是指用來開發和實現客戶端產品的技術

Android、iOS、Windows Phone

Html、Css、JavaScript

Windows、MacOS、Linux

1、移動開發工程師(Android、iOS)

2、web前端開發工程師(H5)

3、桌面客戶端開發工程師(Windows、Mac)

布局原理應用與產品設計:

1、產品設計時考慮每一個控制項的邊界屬性(文本的最長展示範圍,不同屏幕尺寸的適配)

2、內容型控制項需指明內容對齊方式(文本展示框內容的對齊方式,圖片拉伸方式)

UI控制項三要素:

1、大小

2、位置

布局:線性布局、相對布局

3、外觀(內容)

所有的顯示問題,最終都歸結為適配問題,適配問題為移動開發的一大難題之一,產品經理需要了解適配原理,通過適配方案反向推出能降低適配難度的原型設計。

1、界面布局適配(相對布局)

2、應用素材適配

(1)Android:點9圖

(2)iOS:@2x、@3x

3、功能適配

Html頁面是 骨架 ,CSS是給Html頁面裝飾的 衣服 ,同一個Html頁面根據不同的CSS可實現不同的展示效果

Web頁面可實現對PC瀏覽器和手機瀏覽器的 適配 ,一套網頁可在不同的設備上呈現不同的展示效果

修改網頁內容不需要重新發布客戶端產品,只需要網頁重新更新,可進行 熱更新

Html:超文本標記語言

以 標簽 的形式表示網頁組成元素,通過瀏覽器解析還原成視覺頁面

CSS:層疊樣式表

定義統一 樣式風格 ,給Html頁面元素進行展示樣式渲染

Html5應用: 通過網頁 web技術 實現的客戶端產品,具備 輕量化、易維護 的特點

Native應用: 通過各移動平台技術實現的客戶端產品,具備 體驗好、功能豐富 的特點

混合應用: 結合Html5和Native應用混合實現,在Native中嵌套H5頁面代替部分功能,具備 動態擴展,高靈活性 的特點

1、設計產品原型時,結合產品思維與實現思維

2、組件化設計思路,從開發角度思考問題,設計可復用產品模塊

3、明確技術邊界,基於現有技術設計產品原型

C. 資深UI設計如何向WEB前端轉型

UI設計主要偏設計,很多的UI只是負責出圖,並沒有和程序太深度的交流,他更多需要定位使用者、使用環境、使用方式並且為最終用戶而設計。

前端設計在設計的基礎上涉及到HTML5+CSS3的知識,更多的要解決兼容性問題。這是需要同時同步的學習互聯網知識和前端代碼知識。你要考慮清楚你能否願意去學習,因為美術設計和代碼還是有區別的。

H5+CSS3學習不復雜,但是解決兼容性問題需要大量的實踐與經驗,多於程序溝通。再說你所在的公司願不願意讓你往這方向發展?如果你在UI已經做的很好了,我覺得沒必要轉。

再是你要偏策劃的話可以學習一下原型設計的知識,再考慮轉前端設計。比如現在很好用的axure。手機、PC、響應式是都可以模擬實現的,比做靜態頁面快捷的多。跟容易讓客戶看到自己的需求案例,模擬將來自己網站的初步體驗。

其實按工作結構的話,你要是有足夠的溝通能力與專業知識、網站架構知識,完全可以轉原型,經驗足夠了可以勝任產品經理的話就是畫原型圖和客戶談策劃溝通解決需求問題。這樣不是更好么?

D. 30歲的兩年JAVA程序員轉行前端還是產品

累是一個原因,另一個原因是沒人可以一輩子做程序員的,所以有人賺夠了就開始另謀生路了,還有,現在做程序員工資都還可以,深圳七八千的很正常~~

E. 前端轉來的,為什麼各個崗位的人都熱衷於轉產品

1、是不是因為你比較關注產品,所以你覺得很多人轉?我經常聽到別人說要轉運營,也很多人想轉人事,想轉產品的人也很多,很正常啊。
2、你所說的那些人轉產品都是跟產品崗位有過接觸的人,產品崗位從無到有,原本就需要其他崗位轉過來,有一部分人是對產品崗有較深的認識才轉的,當然不排除頭腦一熱要轉的。但沒必要消極的以偏概全。
3、你感覺遍地是產品?產品崗被貶低多是產品人在說,產品崗是一個比較技能需要全面些的,在其他崗位積累的經驗必然能幫助他做產品工作,而且產品相對是一個比較獨立創造性的崗位。而像運營崗位,有特別多的限制因素,限制於資源、團隊、創意等等。從運營崗的角度看,他們也不希望隨隨便便的人進入運營大軍,導致團隊被拖後腿。一樣的。不需要抱著消極的態度去看待產品崗目前的轉行現象

F. 快30了,轉行前端還來得及嗎

年齡不是主要問題,活到老學到老,一切都不算晚。
任何時候,只要你想學習,都是沒有問題的。

WEB前端入門簡單,只需要從HTML/CSS/JS去入手就可以了。
活到老學到老嘛,多少歲都可以參加培訓的。
培訓的雖然大多為應屆生,但也有年齡大一些的人在追求著新的知識。
在這個世界上厲害的人有很多,不必妄自菲薄;如果真的下定決心去踏進這行,那就做好萬全准備,為自己的將來打好基礎。
補充書籍,可以看看,打一下基礎:
《Head First HTML與CSS(第2版)》,入門真的是經典書籍,手把手教學,豐富的案例讓你從 0 開始學前端。
《CSS權威指南(第三版)》,這本書作為 CSS 的經典著作,把原理講得非常的通透,除了 w3c 標准,算最權威的一本了,畢竟權威指南。
《CSS揭秘》神書,47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了,css 進階必備。
《javascript語言精粹》,這本書可以在入門之前了解一下基本語法,以及在學習之前可以了解下 JS 裡面的精粹以及糟粕,雖然這本書很薄很薄,但是值得反復去讀的一本書。
《JavaScript DOM編程藝術(第2版)》,本書在簡潔明快地講述JavaScript和DOM的基本知識之後,通過幾個實例演示了專業水準的網頁開發技術,透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐。
《JavaScript權威指南》:犀牛書是每個FE都繞不過的一本書,可以先大致通讀幾遍,也可以把其當作工具書,時時翻閱。

G. 轉行學習前端好還是後端好

作為一名前端工作者,我當然是首推前端了!

首先,什麼是前端?

Web前端開發也戲稱「web前端開發攻城獅」,目前這個職位也叫「大前端」。這個職位好多人並不知道是怎麼叫出來的,那麼我偷偷告訴你:其實是淘寶團隊,發明出來的本土化的名稱,因為歷史原因,淘寶在2005以後迅速崛起,並且爆發式的訪問量,讓淘寶網的用戶體驗受到巨大考驗和急需前進。

然後淘寶官方第一次有了【web前端開發】這個字眼和招聘職位,或許其他網站也想到了這樣一種描述,但是畢竟知名度巨高的淘寶,受關注度自然高,口碑相傳,就把前端開發這個叫法發揚光大了。

而那時候的網頁設計師如果要入此道,必須要掌握的就是Dreamweaver,並不是說只有他能寫html和css,而是它在當時的自動提示實在太好用、太強大了,簡直不用費腦細胞,你就可以輕輕鬆鬆的完成你所想。在當時前端工具和編輯器貧乏的時代,這個絕對是神奇級別了(當然後來寫的多了都熟悉基本不用提示的)。當年還有很多基於Dreamweaver構建網站的教程,那時候真的是個基情滿滿的年代,這些工具類的歷史產物,有興趣的朋友可以去了解一下就好了.

Web前端工程師主要做什麼?前端工程師需要的知識和技能!

前端工程師是互聯網時代軟體產品研發中不可缺少的一種專業研發角色。

從狹義上講,前端工程師使用HTML、CSS、JavaScript等專業技能和工具將產品UI設計稿實現成網站產品,涵蓋用戶PC端、移動端網頁,處理視覺和交互問題。

從廣義上來講,所有用戶終端產品與視覺和交互有關的部分,都是前端工程師的專業領域。

前端是最接近產品和設計的工程師,起到銜接產品和技術的作用,前端為用戶可以看到的部分負責,所以也是最接近用戶的工程師。

在多終端的時代,如果一個產品同時支持PC、移動端,前端工程師還需要和更多的角色打交道。

前端要解決界面和交互問題,實際上UI層面上的問題一直是軟體工程方面的一個難題,因為UI不停地在變化。瀏覽器各個版本的兼容性、Web標准、移動設備、多終端適配,給了前端工程師很大的挑戰,對前端工程師的能力也有很高的要求。許多UI問題有不只一種解決方法,許多問題有非常巧妙的思路和精彩的解決辦法,前端在工程師群體里是屬於非常有創造力的一個群體,因為這個行業需要豐富的創造力和想像力。

前端工程師還是Web標準的制定者、實踐者和推動者,而現在的W3C標准不僅僅局限於瀏覽器,還包括各種手持智能設備,車載設備、智能家居等等。在未來萬物互聯的時代,前端將不僅僅是網頁上的工程師, 而是所有人機交互領域的工程師。

現如今Web前端崗位工作方向越來越細分,對於專項優勢明顯的開發人員尤其受企業的青睞,也使得現在掌握前端開發技能的人有越來越多的就業方向可以選擇,譬如網頁製作、H5開發、小程序開發、APP開發等,將來對於Web前端開發者的求職選擇也將更加多樣。

如何學習web前端開發?

作為一個初學者,你必須明確系統的學習方案,我建議一定有一個指導的人,全靠自己學,放棄的幾率非常大,在你對於web前端還沒有任何概念的時候,需要一個人領進門,之後就都靠自己鑽研,第一步就是確定web前端都需要哪些內容,並且在多少時間內學完,建議時間6個月保底。

視頻為主,書為輔。很多初學者在學習前端的時候非常喜歡去買書,但是最後的結果是什麼?看來看去什麼都不會寫,所以在這里給大家提醒,書可以看,但是是在建立於你已經對於某個知識點有了具體操作的執行後,在用書去鞏固概念,這樣更加利於你對於知識的理解。

對於學習技術來講,掌握一個學習方法是非常重要的,其實對於學習web前端來講,學習方法確實很多都是相通的,一旦學習方法不對,可能就會造成「方法不對,努力白費」。其實關於這方面還是很多的,我就簡單說個例子,有的人邊聽課邊跟著敲代碼,這樣就不對,聽課的時候就專心聽,做題的時候就專心做題,這都是過來人的經驗,一定要聽。根據每個人的不同,可能學習方法也會有所出路,找到適合你自己的學習法方法是學習的前提。

自學路線:

第1階段:前端頁面重構(4周)

內容包含了:(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)

第2階段:JavaScript高級程序設計(5周)

內容包含:(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)

第3階段:PC端全棧項目開發(3周)

內容包含:(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)

第4階段:移動端項目開發(6周)

內容包含:(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)

第5階段:混合(Hybrid,ReactNative)開發(1周)

內容包含:(微信小程序開發、ReactNative、各類混合應用開發)

第6階段:NodeJS全棧開發(1周)

內容包括:(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)。

B站上有很多免費的web前端視頻教程,可以跟著學學。

H. 後端人員轉前端是不是真的很容易

Web前端:顧名思義是來做Web的前端的。這里所說的前端泛指Web前端,也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
Web後端:後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。

說回來,還是你能力的問題,你要給別人解決核心技術問題,半個小時也可以賺上千的,不過這情況是你對某個產品非常熟悉,人家一群程序幾天找不到問題的,他一說你就知道哪裡有問題。這情況你可以隨便喊價,別太離譜就行了。

I. 我今年都28歲了,轉行做WEB前端晚嗎

28歲轉行做前端的話不是很建議。
在程序員這個行業,因為一些特殊的原因,年齡其實很重要的,大部分公司更傾向於年輕人,有精力,有時間。
轉行做的話首先面臨的是學習成本,等差不多能工作的時候就已經29歲了,中間再從一個初級工程師開始,已經落後很多了。
如果是轉行互聯網的話可以考慮產品崗或者運營崗,相對會簡單一些。

J. 產品轉前端開發,怎麼樣

我覺Web前端開發的發展前景還是不錯的,主要體現在以下幾點:

傳統軟體互聯網化已經是大勢所趨,傳統軟體服務商都在尋求自己產品的互聯網化發展之路。

這是一個用戶體驗為王的時代,通過Web2.0的熏陶,用戶在享受它帶來的便捷的同時也對互聯網產品的用戶體驗有了更高的要求,這意味著前端開發人員也會有更多的挑戰和機會。

由網頁製作到Web前端工程師這個職業名詞的轉變就意味著Web前端開發已經越來越趨向專業化、職業化,同時從這個新名詞也可以看出IT業界已經逐漸意識到前端工程師的重要性。

Web前端技術更新迅速,生命力極強,幾乎每天都能感受到它的脈搏,特別是近兩年HTML5的來襲更是繼Ajax之後又一次將前端技術推向風火浪尖。