① 移動前端開發和web前端開發有什麼區別
移動前端開發和web前端開發有什麼區別呢？既然都是前端開發，兩者肯定有緊密的聯系，移動前端開發和web前端開發其實都屬於前端開發的范圍，目前前端發展的趨勢就是大前端，可以說是包羅萬象，當然也就包含PC端和移動端領域，而現在的前端開發人員也已早就不是當年的切圖仔了，需要學習和掌握大前端體系方方面面的知識才能在日常的開發中游刃有餘，但是不論趨勢如何發展，目前來看HTML、CSS和Java依然是整個前端開發的三大基石。不論是想做移動前端開發還是web前端開發，這三樣基礎技術都必須熟練掌握。移動前端開發和web前端開發有什麼區別呢？
1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發，頁面主要是運行在PC端瀏覽器中，移動前端開發出來的頁面主要是運行在手機上；直觀上會感覺，PC端頁面大一些，移動端頁面小一些，但是根據開發經驗，頁面大可並不代表書寫的代碼復雜，頁面小也並不意味著開發簡單，難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主，對於HTML5等新技術支持的更好，所以可以更大范圍的使用新技術;而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器，出於瀏覽器兼容性的考慮，有些情況下限制了新技術的使用。
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度，兩側有留白，但是移動端的頁面由於其載體手機屏幕比PC要小很多，一般都會選擇盡可能多的在手機屏幕上顯示內容，這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定，都是通過網線或者Wi-Fi連接網路;但是移動端就比較復雜，除了Wi-Fi，還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生，不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大，否則在惡劣網路情況下時，頁面將會無法訪問 ，嚴重影響用戶體驗。移動前端開發和web前端開發有什麼區別
5、框架選型
由於移動端網路情況的不穩定，導致我們在移動端頁面框架選型時，一般只考慮小而美的框架，例如像zepto.js這樣的壓縮之後只有9.6K，就能滿足一般業務的需要，如果是想要構建更復雜的單頁面應用，可以選擇像vue.js這樣的框架，功能強大，但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大，一些比較重型的框架也可以根據項目需求加以考慮，例如古老但龐大的ext.js，依然憑借著眾多UI組件活躍在一些企
② Web前端課程都學什麼
html、CSS3、js、node開發、vue、React、微信小程序等等。
③ Web前端學習的入門方法有哪些
今天小編要跟大家分享的文章是關於web前端學習的入門方法有哪些?web前端入門方法，總結從零基礎到具備前端基本技能的道路、學習方法、資料。由於能力有限，不能保證面面俱到，只是作為入門參考，面向初學者，讓初學者少走彎路。
互聯網的快速發展和激烈競爭，用戶體驗成為一個重要的關注點，導致專業前端工程師成為熱門職業，各大公司對前端工程師的需求量都很大，要求也越來越高，優秀的前端工程師更是稀缺。個人感覺前端入門相對容易，但是也需要系統地認真學習，在打好基礎後堅持學習，成為優秀前端工程師也只是時間問題。
學習任何知識最重要的都是興趣，如果經過一段時間的學習感覺不喜歡，那可能強迫自己學習是很痛苦的，效果也不會好，畢竟這很可能就是以後很多年生存的技能。不過隨著互聯網行業的發展，前端必然是Web開發人員需要學習的知識，有時候是沒有專業前端工程師一起合作的，所以即使不做專門的前端工程師，掌握基本的前端技能為工作帶來方便。下面來和小編一起看一看吧!
一、必備基礎技能
以下是個人覺得入門階段應該熟練掌握的基礎技能：
§HTML4，HTML5語法、標簽、語義。
§CSS2.1，CSS3規范，與HTML結合實現各種布局、效果。
§Ecma-262定義的javascript的語言核心，原生客戶端javascript，DOM操作，HTML5新增功能。
§一個成熟的客戶端javascript庫，推薦jquery。
§
一門伺服器端語言：如果有伺服器端開發經驗，使用已經會的語言即可，如果沒有伺服器端開發經驗，熟悉Java可以選擇Servlet，不熟悉的可以選PHP，能實現簡單登陸注冊功能就足夠支持前端開發了，後續可能需要繼續學習，最基本要求是實現簡單的功能模擬。
在掌握以上基礎技能之後，工作中遇到需要的技術也能快速學習。
二、基本開發工具
恰當的工具能有效提高學習效率，將重點放在知識本身，在出現問題時能快速定位並解決問題，以下是個人覺得必備的前端開發工具：
§文本編輯器：推薦SublimeText，支持各種插件、主題、設置，使用方便
§瀏覽器：推薦GoogleChrome，更新快，對前端各種標准提供了非常好的支持
§調試工具：推薦Chrome自帶的Chromedevelop
tools，可以輕松查看DOM結構、樣式，通過控制台輸出調試信息，調試javascript，查看網路等
§輔助工具：PhotoShop編輯圖片、取色，fireworks量尺寸，AlloyDesigner對比尺寸，以及前面的到的Chrome
developtools，
§FQ工具：lantern,壁虎漫步
三、學習方法和學習目標
方法：
§入門階段反復閱讀經典書籍的中文版，書籍中的每一個例子都動手實現並在瀏覽器中查看效果。
§在具備一定基礎之後可以上網搜各種教程、demo，了解各種功能的實際用法和常見功能的實現方法。
§閱讀HTML，CSS，Javascript標准全面完善知識點。
§閱讀前端牛人的博客、文章提升對知識的理解。
§善用搜索引擎。
目標：
§熟記前面知識點部分的重要概念，結合學習經歷得到自己的理解。
§熟悉常見功能的實現方法，如常見CSS布局，Tab控制項等。。
四、入門之路
在整個學習過程中HTMLCSSJavaScript會有很多地方需要互相結合，實際工作中也是這樣，一個簡單的功能模塊都需要三者結合才能實現。
動手是學習的重要組成部分，書籍重點講解知識點，例子可能不是很充足，這就需要利用搜索引擎尋找一些簡單教程，照著教程實現功能。以下是一些比較好的教程網址
可以搜索各大公司前端校招筆試面試題作為練習題或者他人總結的前端面試題還有個人總結的面試題(帶參考答案)。
原生javascript是需要重點掌握的技能，在掌握原生javascript的基礎上推薦熟練掌握jQuery，在實際工作中用處很大，這方面的書籍有《Learning
jQuery》或者去jQuery官網。
建一個https://github.com/賬號，保存平時學習中的各種代碼和項目。
有了一定基礎之後可以搭建一個個人博客，記錄學習過程中遇到的問題和解決方法，方便自己查閱也為其他人提供了幫助。
經常實用Google搜索英文資料應該經常找到來自#/的高質量答案，與到問題可以直接在這里搜索，如果有精力，注冊一個賬號為別人解答問題也能極大提高個人能力。
經典書籍熟讀之後，可以打開前面必備基礎技能部分的鏈接。認真讀對應標准，全面掌握知識。
五、繼續提高
有了前面的基礎之後，前端基本算是入門了，這時候可能每個人心中都有了一些學習方向，如果還是沒有。可以參考前面必備技能部分提到的那兩個項目，從裡面選一些進行發展學習。以下是一些不錯的方面：
§Grunt：前端自動化工具，提高工作效率
§lesscss：優秀的CSS預處理器
§bootstrap：優秀的CSS框架，對沒有設計師的團隊很不錯，與less結合使用效果完美
§requirejs：AMD規范的模塊載入器，前端模塊化趨勢的必備工具
§Node.js：JavaScript也可以做後台，前端工程師地位更上一步
§AngularJS：做SinglePageApplication的好工具
§移動端web開發：智能手機的普及讓移動端的流量正在逐步趕超PC端
§Javascript內存管理：SPA長期運行需要注意內存泄露的問題
§HighPerformanceJavaScript()
§：重要技能
六、語言基礎
1、JavaScript：
作用域鏈、閉包、運行時上下文、this
原型鏈、繼承
NodeJS基礎和常用API
2、CSS：
選擇器
瀏覽器兼容性及常見的hack處理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS3，如animation、gradient、等等
3、HTML：
語義化標簽
其他
有些東西不是考敲碼就能弄好的，我參與實習的時候感受到了很多，這些是我遇到的也是我感覺自己做的不好的地方
對於業務的思考：我個人這方面非常欠缺，所以放在最前面，在敲碼前要多思考業務
交流和溝通能力：這個非常重要，前端同時需要與項目經理、產品、交互、後台打交道，溝通不善會導致很多無用功，延緩項目。
知識管理、時間管理：input和output的平衡，output是最好的input。如何做好分享，參與社區，做好交流，作好記錄。
對新技術的渴望，以及敢於嘗試。
七、入門書
入門可以通過啃書，但書本上的東西很多都已經過時了，在啃書的同時，也要持續關注技術的新動態。這里推幾本我覺著不錯的書：
《JavaScript高級編程》：可以作為入門書籍，但同時也是高級書籍，可以快速吸收基礎，等到提升再回來重新看
《JavaScript權威指南》：不太適合入門，但是必備，不理解的地方就去查閱一下，很有幫助
《編寫可維護的JavaScript》和：
《Node.js開發指南》：不錯的Nodejs入門書籍
《深入淺出Node.js》：Nodejs進階書籍，必備
《JavaScript非同步編程》：理解JS非同步的編程理念
《JavaScript模式》和《JavaScript設計模式》：JavaScript的代碼模式和設計模式，將開發思維轉變到JavaScript，非常好的書
《JavaScript框架設計》：在用輪子同時，應當知道輪子是怎麼轉起來的，講解很詳細，從源碼級別講解框架的各個部分的實現，配合一個現有框架閱讀，可以學到很多東西
《Dontmakemethink》：網頁設計的理念，了解用戶行為，非常不錯
《CSS禪意花園》：經久不衰的一部著作，同樣傳遞了網頁設計中的理念以及設計中需要注意的問題
《高性能JavaScript》和《高性能HTML5》：強調性能的書，其中不只是性能優化，還有很多原理層面的東西值得學習
《HTML5Canvas核心技術》：我正在讀的一本書，對於canvas的使用，動畫的實現，以及動畫框架的開發都非常有幫助
《HTTP權威指南》：HTTP協議相關必備，前端開發調試的時候也會經常涉及到其中的知識
《響應式Web設計》：技術本身不難，重要的是響應式網頁的設計理念，以及移動先行的思想
《JavaScript語言精粹》：老道的書，也是普及JavaScript的開發思維的一本好書，非常適合入門
八、一些不錯的網站
github：沒啥好說的，多閱讀別人的源碼，多上傳自己的源碼，向世界各地的大牛學習
codepen：感受前端之美的必選之地，裡面有很多酷炫的效果和優秀的插件
echojs：快速了解js新資訊的網站
stackoverflow和segmentfault：基本上各種問題都能在上面獲得解答
googlewebfundamentals：每篇文章都適合仔細閱讀
staticfiles：開放的CDN，很好用
iconfont：阿里的矢量圖標庫，非常不錯，支持CDN而且支持項目
html5rocks:一個不錯的網站，很多瀏覽器的新特性以及前沿的技術，都能在這上面找到文章
csstricks：如何活用CSS，以及了解CSS新特性，這里可以滿足你
JavaScript秘密花園JavaScript初學必看，非常不錯
w3cplus：一個前端學習的網站，裡面的文章質量都挺不錯的
nodeschool：一個不錯的node學習網站
learngitbranch：一個git學習網站，交互很棒
前端亂燉：一個前端文章分享的社區，有很多優秀文章
正則表達式：一個正則表達式入門教程，非常值得一看
各路大牛的博客：這個太多了，就不貼了，知乎上有很全的
各種規范的官方網站，不懂得時候讀規范
九、前端的定位
前端的定位關乎到你需要吸收什麼樣的知識和技能，決定在技術世界裡你對什麼需要格外敏感。如果你認為前端僅僅停留在切頁面，實現交互和視覺的要求，那你對前端的認識還停留在初級階段。阿里終面的時候我問了考官這么個問題：前端技術日新月異，范圍越擴越寬，標准越來越豐富，似乎任何一個觸角都能伸出很遠。怎麼給前端一個合適的定位?考官給我分析了半天，然後總結成一句話，就是用戶和網站的聯結者，用戶體驗的創造者(原話不是這樣，但大體是這個意思)。也就是說前端的終極目標其實就是創造用戶體驗，提升用戶體驗，以用戶體驗為中心。不管你是從交互設計上下手，還是從性能優化出發，或者改進工作流提升工作流效率，最終都是為了創造和提升用戶體驗，最終都要體現到用戶體驗這一點上來。我認為這個總結非常有道理(當然「用戶體驗」這個詞太寬泛了，並且不僅僅是前端工程師的范疇，比如開發後台的時候對一個數據處理過程進行優化，提升了整體性能，這也是對用戶體驗的一個提升)。
現在的前端工程師做到一定階段不可避免會接觸到很多比切頁面、實現視覺要求、實現交互等更深入的問題，比如前端自動化、圖像編程、性能優化等等，再往後推一點就是PHP/JSP/ASP/nodeJs，過去後端模板一般屬於後端的范疇，現在隨著前端架構的演進，可能會讓你去寫後端模板的代碼，需要用到後端語言(PHP/Java/C#等)，這就是所謂大前端(然而這與前端的定位並不是相背離的，大前端處理的依然是與用戶接觸的部分，仍然是對用戶體驗的優化)。可能最常見或者被談論最多的就是node，其實這幾種技術選型都可以，bat三家據說網路用PHP比較多，阿里用node比較多。
以上就是小編今天為大家分享的關於web前端學習的入門方法有哪些的文章，希望本篇文章能夠對正准備學習web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網最後祝願小夥伴們工作順利，學習成功。
轉載自：https://github.com/qiu-deqing/FE-learning，部分內容有刪減。
④ web前端是做什麼的
web前端工作：
1、負責網站的前端開發 ，實現產品頁面交互和功能實現 。
2、與程序開發人員密切合作 ，制定前端和後端程序介面標准 。
3、不斷優化前端體驗和頁面響應速度 ，優化代碼，保持良好的兼容性 ，提高web界面易用性 。
4、完成產品設計、開發、測試 、修改等工作 。
5、解決項目開發過程中遇到的技術和業務問題 。
前端工程師：
前端工程師是互聯網時代軟體產品研發中不可缺少的一種專業研發角色。從狹義上講，前端工程師使用HTML、CSS、JavaScript等專業技能和工具將產品UI設計稿實現成網站產品，涵蓋用戶PC端、移動端網頁，處理視覺和交互問題。
從廣義上來講，所有用戶終端產品與視覺和交互有關的部分，都是前端工程師的專業領域。前端是最接近產品和設計的工程師，起到銜接產品和技術的作用，前端為用戶可以看到的部分負責。
⑤ 移動前端開發和 Web 前端開發的區別是什麼
移動WEB前端開發屬於HTML5開發，使用HTML+CSS+JavaScript三種語言編寫，該職位偏向於移動端網頁開發，包括H5專題頁、移動前端網頁，廣告落地頁、Hybrid App等；
Tips：由於原生APP開發需要開發兩個客戶端（Android和iOS），產品開發周期和成本相對較高，因此出現了Hybrid App。Hybrid App可以使用PhoneGap將網頁直接打包成Android原生APP和iOS原生APP。
1，經常會有硬體交互，例如攝像頭，相機，指紋識別，陀螺儀，等。
2，依賴設備的操作系統，因為設備都有自動省級機制，幾乎不需要考慮新特性的兼容性。
3，無論用原生還是 h5 實現，都有隨著系統更新帶來的迭代，一般使用熱更新。
WEB前端開發也是屬於HTML5開發，使用HTML+CSS+JavaScript三種語言編寫，主要偏向PC端的網頁開發，包括PC端網頁開發、PC端後台管理頁面等，也會涉及部分的移動端網頁開發。
1，除了滑鼠鍵盤幾乎不需要與硬體交互，有特殊需求才會有硬體交互，例如在線直播，語音輸入等。
2，需要考慮瀏覽器兼容性，主要看用戶群體，代碼需要兼容到哪個版本。
3，瀏覽器的升級，幾乎不需要迭代，版本迭代幾乎都是需求變化。
移動端開發主要是開發APP，屬於c/s架構的開發。Web前端開發是基於PC端或移動端瀏覽器來開發web頁面，屬於b/s架構的開發。
移動端開發主要針對手機、電視等智能設備，web前端開發則主要針對pc端。
移動端開發針對系統類型採用的編程語言也有所不同，安卓端採用Java或Kotlin開發語言，IOS採用object-c或swift語言開發。以上這些語言屬於原生開發，還有混合式開發，如Fluter+Dart、ReactNative、vuex。基於webview的套殼應用，如微信小程序、網路小程序、快應用等。
Web前端開發使用的開發語言是JavaScript或其超集Typescript，使用的開發框架主要以React、Vue、Angular為主。
移動端開發開發的產品，一般是to C的服務型產品。Web前端開發開發的產品，一般是to B的產品。
⑥ web前端是做什麼的
Web可以網站製作這是掌握Web技術從業者最多的一個領域，網站製作就是網站通過頁面結構定位、合理布局、圖片文字處理、程序設計、資料庫設計等一系列工作的總和，也是將網站設計師制定的總體規劃用HTML的方式展示出來。千鋒軟體開發培訓課程的授課模式採用全程面授，講師成本雖高，但是效果卻是顯著的，和學員面對面溝通，了解到學員在學習過程中遇到的問題，動態地調整授課方式。千鋒教育就有線上免費的軟體開發公開課，
小程序開發隨著微信用戶的不斷增加，微信在近幾年推出的小程序深受用戶喜愛，應用數量超過了一百萬，覆蓋200多個細分的行業，日活用戶達到兩個億，各大企業都紛紛參入其中，也是Web前端開發人員一個不錯的選擇。APP開發App開發，是指專注於手機應用軟體開發與服務。通常專指手機上的應用軟體，或稱手機客戶端。因此，專攻APP開發，同樣是Web培訓後的就業方向，並且發展態勢不斷上升，未來前景廣闊。
隨著互聯網發展越來越多元，Web前端工程師的就業路徑也更加寬廣。現在越來越多的IT企業，對用戶體驗更加註重，Web前端開發人員的行業需求量也一直不少。千鋒教育集團目前已與國內4000多家企業建立人才輸送合作，與500多所大學建立實訓就業合作，每年為各大企業輸送上萬名移動開發工程師，每年有數十萬名學員受益於千鋒教育組織的技術研討會、技術培訓課、網路公開課及免費教學視頻。千鋒教育截止目前已在北京、深圳、上海、廣州、鄭州、成都、大連等20餘個核心城市建立直營校區，服務近20萬學員、近千所高校和數萬家企業。
⑦ 移動前端開發和web前端開發的區別
移動前端開發和web前端開發其實都屬於前端開發的范圍，目前前端發展的趨勢就是大前端
那麼他們的區別在哪呢？我給你分析一下：
1、新技術的使用
目前移動終端主要以Webkit內核為中心，更好地支持HTML5等新技術，讓新技術得到更廣泛的應用。但是PC終端的開發需要兼容IE等老瀏覽器，所以新技術的應用必須考慮瀏覽器的兼容性。
2、業務的應用場景
Web前端開發主要是指傳統的在電腦端開發網頁，網頁主要運行在PC端，而手機端開發的網頁運行在手機端。這兩者沒有區別，孰難孰易。開發難度主要看業務需求。
3、頁面的適配性
在傳統的PC端頁面開發中，需要為頁面設置固定的寬度，以確保兩側都有頁邊距。但是移動頁面會選擇在手機屏幕上顯示盡可能多的內容，因為它的運營商手機屏幕比PC端小得多。這時候就要求移動頁面要能完全適應各種屏幕尺寸的手機，最大限度地利用。從這個頁面的適應性來看，移動端比PC端更難。
4、頁面的性能
一般情況下， PC端的網路通過網線或 WIFI與網路相連，而移動端則比較復雜。除 WIFI外，還有2 G、3 G、4 G、5 G，甚至常常會有多個不同網路連接間的切換。因此， PC端的網路狀況將比移動端更加穩定。移動端的頁面資源不能太大，否則當網路狀況不好時，頁面無法訪問，這對網頁性能造成了很大的影響。
以上就是我給你分享的關於移動前端和web前端的區別，希望我的回答對你有所幫助
⑧ Web前端開發做什麼Web前端需要學習什麼知識
今天小編要跟大家分享的文章是關於Web前端開發做什麼？Web前端需要學習什麼知識?我們現在所見到的網站開發、朋友圈裡的H5活動頁、小程序開發、公眾號開發、手機網頁等，它都屬於Web前端的范疇。
隨著電商領域的與互聯網項目的發展，激烈的競爭讓人們對用戶體驗提出了更高的要求，因此Web前端走向台前，成為一項精細化的技術。
接下來，我就這個崗位是做什麼?發展前景怎麼樣?薪資待遇如何?下面來和小編一起看一看吧!
一、Web前端開發是做什麼的?
Web前端就是前端網路編程，也被認為是用戶端編程，是為了網頁或者網頁應用，而編寫HTML，CSS以及JS代碼，所以用戶能夠看到並且和這些頁面進行交流。
在眾多的技術中，JavaScript擊敗了Applet、ActionScript，成為了當下最「牛」的前端技術!
在早期點Web前端不叫前端，而是被親切的叫做「網頁設計師」。
網頁三劍客(Flash、Dreamweaver、Firewoks)並稱為Macromedia的網頁製作三劍客，由於是同一公司的產品，因而在功能上有著一個非常緊密的結合。後來Firewoks被Adobe這個變態的巨頭收購以後，ps就基本取代Firewoks來做設計網頁的工作了，雖然我知道現在還有人用，估計是一種懷念和某些好用的切圖功能吧。
二、Web前端開發前景怎麼樣?
前景很不錯的，前程無憂每天發布超1萬條WEB設計與開發招聘，職友集上海WEB設計與開發平均薪資超過8000元，職友集數據顯示工作3年內，年薪增長率10%。
WEB設計與開發專業以培養具有較高審美意識和開發能力的網站開發技能人才為目標，學成後一般在軟體開發公司、網路公司、廣告公司、游戲公司和大中型企事業單位就業。
現在的人們離不開手機，我們現在手機的各種應用都是用代碼寫成的，互聯網對人們的影響越來越大，根據新聞報道未來中國20年，需要軟體開發，美工設計，Web前端開發人才2000W人才，各類職業也需求更多，前端的人才需求比以前也有了質的飛躍。
那麼當一個行業發展到一定程度，形成產業的時候，它環節一定會細節化，讓專業的人做專業的事，我們可以看到傳統製造業、汽車業，不都是如此么。
所以，前端在今後十年內，最有發展的行業之一。
三、那Web前端薪資待遇怎麼樣?
Web前端工程師已成為互聯網公司，最親睞的對象，不管是起薪還是漲幅，都居互聯網行業職位之首，成為互聯網行業最有「錢」景職位!剛開始初級的不會太高，中高級薪資就很可觀了。
從招聘網站分析，現在的網站開發都往移動設備上轉移，html5是眾望所歸。前端開發的薪酬是根據你掌握的技能程度，不一樣的。div+css，js會套用效果的6k到10k，新手熟悉切圖，工作效率高的8k左右。有兩年工作經驗的，會ajax，可以手寫代碼，就是指常用的單詞不用靠編輯器，了解一門後台語言(最好是php)，不低於10k。對原生js有非常深入的研究，開發組件，框架庫之類的，15k+，最低10k。最近比較流行移動終端，會這些的可能會更高一點的。
四、Web前端要學習什麼知識?
學習HTML+css+、JavaScript
Web前端開發要學習的知識很雜亂，知識范圍也很廣。不過，所有技術都是圍繞著三大基本技術來進行的:HTML、CSS，JavaScript。前端的開發中，在頁面的布局時，
HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。
精通HTML+css是前端最簡單、基礎的要求，但最基礎的知識要保證到你一定是了解的准確並且全面的。
總言之，大概要學習的有這些：
一、html、css、h5、、c3、js基礎
二、jq、js進階、canvas、移動端
三、設計模式、ajax、node、es6
四、vue、react、微信小程序
以上就是小編今天為大家分享的關於Web前端開發做什麼?Web前端需要學習什麼知識的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web相關知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利成為一名優秀的Web前端工程師。
⑨ 移動前端開發和web前端開發有什麼區別
移動前端開發和 Web 前端開發的區別是:
1、前端是相對比較大的概念，一般是指用戶能夠看到、直接接觸的界面都算是前端，比如iOS界面，安卓界面，網頁界面，PC/Mac桌面軟體的界面。最常見的是Web前端，也就是針對於網頁端開發的工作。
2、Web App即Web application，也就是以瀏覽器作為客戶端的軟體。例如，用桌面客戶端來收發郵件，但也可以直接用瀏覽器登陸gmail或者QQ郵箱，直接使用網頁版的軟體來使用。總之就是使用網頁版代替本地軟體。
Mobile Web App就是在手機端打開的Web App。例如Gmail的移動端軟體
3、目前，移動客戶端的開發主要包括三種類型：
Native App（原生APP）：也就是完全使用移動設備系統語言寫的客戶端。iOS系統就是使用Objective-C語言來編寫本地應用，也可以使用蘋果於2014年蘋果開發者大會上發布的SWIFT語言；Android平台就是使用Java語言來開發。原生APP就是從界面到交互都是使用官方標准語言來編寫，效率和穩定性都是最好的，但欠缺靈活性。
Web App：這個就是在移動瀏覽器里打開的，使用Web前端開發語言HTML CSS JavaScript來開發的，基本上就是個網頁，
Hybrid App：主要使用HTML5實現。一般使用Native語言實現一個容器，然後使用HTML CSS JS來實現用戶界面和交互。這樣方式既克服了Web App容器暴露偏底層的介面這樣的問題，同時比起原生的開發靈活性要高。這樣就更新可以更方便快捷，也不依賴於市場。例如，豌豆莢其實是個PC端的hybrid app 。
對於以上三種開發方式的比較和分析搜索引擎裡面有太多的內容了，這里也就不再贅述了。
4、移動端網頁布局方法與pc的差異。
主要是css方面，外加如何做到同一url，不同客戶端展現不一致的做法，俗稱pc和mobile都兼容。還有會說一下rem的相關用法和一段比較經典的rem.js
最後總結一下：
其實這兩者最顯著的區別就是，web app是不依賴於具體的設備的，通用性較強，只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備，一旦更換設備，需要重新下載才能繼續使用。
移動前端開發 主要來說的是Native Client的開發Android為Java，iOS為Objective-C，然後么HTML5應用號稱跨平台其實差異很大。
Web前端開發么基本上就是HTML JavaScript CSS，不過有些人把Servelt/JSP, PHP,Ruby,Python,C#之類的只要關繫到頁面的也叫做Web前端開發。
app是應用，每個操作系統有專門的開發工具和語言
web是網頁，使用html+css+js，有工具可以生成轉化為app，不過效果一般
⑩ 移動端手機web前端meta通用設置
手機版頁面通常需要設置mate標簽，來實現禁止縮放等效果。
<!--頁面字元編碼--><meta charset="utf-8">
<!--避免IE使用兼容模式--><meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<!-- 啟用360瀏覽器的極速模式(webkit)--><meta name="renderer"content="webkit">
<!--微軟的老式瀏覽器--><meta name="MobileOptimized"content="320">
<!--關鍵字描述--><meta name="keywords"content=""><meta name="description"content="">
<!--設置移動端視圖--><meta name="viewport"content="width=device-width, initial-scale=1, user-scalable=no"/>
<!--針對手持設備優化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓--><meta name="HandheldFriendly"content="true">
<!--刪除蘋果默認的工具欄和菜單欄--><meta name="apple-mobile-web-app-capable"content="yes"/>
<!--設置蘋果工具欄顏色--><meta name="apple-mobile-web-app-status-bar-style"content="black"/>
<!--忽略頁面中的數字識別為電話，忽略email識別--><meta name="format-detection"content="telphone=no, email=no"/>
<!--uc強制豎屏--><meta name="screen-orientation"content="portrait">
<!--QQ強制豎屏--><meta name="x5-orientation"content="portrait">
<!--UC強制全屏--><meta name="full-screen"content="yes">
<!--QQ強制全屏--><meta name="x5-fullscreen"content="true">
<!--UC應用模式--><meta name="browsermode"content="application">
<!--QQ應用模式--><meta name="x5-page-mode"content="app">
<!--windows phone 點擊無高光--><meta name="msapplication-tap-highlight"content="no">