摘要:以下內容來自我特別喜歡的一個頻道這是一個年你成為前端,后端或全棧開發者的進階指南你不需要學習所有的技術成為一個開發者這個指南只是通過簡單分類列出了技術選項我將從我的經驗和參考中給出建議首選我們會介紹通用的知識最后介紹年的的一些趨勢基礎前端開
以下內容來自我特別喜歡的一個Youtube頻道: Traversy Media
這是一個2019年你成為前端,后端或全棧開發者的進階指南:
你不需要學習所有的技術成為一個web開發者
這個指南只是通過簡單分類列出了技術選項
我將從我的經驗和參考中給出建議
首選我們會介紹通用的知識, 最后介紹2019年的Web的一些趨勢
1. 基礎前端開發者 1.1 HTML & CSS最基礎的知識:
語義化的HTML元素
基礎的CSS語法
Flexbox & Grid
CSS變量
瀏覽器開發者工具
1.2 響應式布局響應式設計將不再是網頁的加分項, 而是必須的
設置viewport
非固定寬度
媒體查詢
使用 rem 替代 px
移動優先,柱狀顯示
1.3 基礎的部署工作學會如何部署一個靜態網站到服務器
注冊一個域名(NameCheap, Google Domains)
管理共享主機或虛擬機(Inmotion, Hostgator, Bluehost)
FTP, SFTP 文件上傳(Filezilla, Cyberduck)
靜態頁面托管(Netlify, Github Pages)
1.4 SASS預處理器雖然不是必須的, 但是推薦去學, 基礎知識的掌握很簡單
結構化CSS
變量
嵌套樣式表
Minxins & 函數
繼承
1.5 原生JavaScript語法不使用任何框架和庫區學習原生的JS語法
數據類型, 函數, 條件判斷, 循環, 湊總府
DOM操作和事件
JSON
Fetch
ES6+(箭頭函數, Promise, async/await, 解構)
1.6 滿足了基本的前端開發者的條件構建靜態站點
構建UI布局(拿到設計圖能夠使用HTML/CSS還原)
添加一些交互功能
部署和維護網站
現在能找到最低水平的Web開發工作, 但是這是遠遠不夠的....
2. 一個成熟的前端開發者 2.1 HTML & CSS框架HTML/CSS框架目前沒有以前那么有意義, 但是我還是介意你選擇一個學習(這里作者想隱射的應該是, 在jquery時代, HTML/CSS框架的學習是必須的).
BootStrap
Materialize
Bulma
2.2 Git和其他工作流工具Git絕對是每一個Web開發者必須掌握的工具, 這里也有一些其他的工作流工具的建議.,
基礎的命令行(touch, cd, mkdir什么的總得會, 命令行在下面的工具中都會用到)
Git(版本控制)
NPM 或 Yarn(包管理)
Webpack 或者 Parcel(打包工具)
Gulp 或者 Grunt(任務管理和構建工具)
編輯器插件(ESLint, Prettier, Live Server等)
2.3 前端框架學習一個前端框架在目前前端開發中是必須的.
在大公司開發中非常流行
更多的交互 & 有趣的UI組件
組件化 & 模塊化前端代碼
對團隊有利
2.4 狀態管理對于使用框架的大型前端項目, 你也許需要使用狀態管理工具去管理你的應用級的狀態
Redux(Context API)
Apollo(GraphQL Client)
Vuex
NgRx
2.5 滿足一個成熟的前端開發者條件構建一個優秀的前端應用
流暢和穩定的前端工作流
多人開發 & 熟練使用Git
請求后端API & 前端數據響應
滿足以上條件, 你能夠順利的找到一個前端的工作并干得很出色~
3 全棧開發工程師 3.1 學習一門后端語言成為一個全棧工程師或軟件工程師, 你將需要學習一個服務端語言和相關技術
Node.js
Python
PHP
C#
Go
學習的順序:
基礎的后端語言語法
數據結構和工作流
包管理
HTTP/路由
3.2 服務端框架不要重復造輪子, 學習一門框架去構建更好和更快的應用
Node.js(Express, Koa, Adonis)
Python(Django, Flask)
PHP(Laravel, Symfony)
C# (ASP.NET)
3.3 數據庫絕大多數覺得應用都會使用到數據庫, 這里有一些選擇:
關系型數據庫(MySQL, PostgreSQL, MS SQL)
非關系型數據庫 (MongoDB, Counchbase)
云服務 (Firebase, AWS, Azure, DocumentDB)
輕量級(SQLite, NeDB, Redis)
3.4 服務端渲染像React, Vue 和 Angular等端架都可以進行服務端渲染
Next.js(React)
Nuxt(Vue)
Angular Universal(Angular)
3.5 內容管理系統內容管理系統允許快速開發并為您的客戶提供更新內容的能力. 在你需要快速開發網站的時候, 它們是很適合的. 特別是對于自由開發者.
基于PHP的 (Wordpress, Drupal)
基于JS的 (Ghost, Keystone)
基于Python的 (Mezzazine)
基于.Net的 (Piranha, Orchard CMS)
3.6 DevOps 和部署學習語言和框架是一回事, 但是安裝環境, 測試和部署有事另外一回事
部署 (Linux, SSH, Git, Nginx, Apache)
平臺 (Digital Ocean, AWS, Heroku, Azure)
可視化(Docker, Vagrant)
測試 (單元測試, 集成測試, 函數式測試, 系統測試)
3.7 滿足全棧工程師的條件設置全棧的開發環境和工作流
構建后端服務API和微服務
數據庫操作
能夠獨立開發應用(前端和服務端)
部署到云端(SSH, Git, Servers等等)
4. 2019技術趨勢和其他 4.1原生應用開發React Native(使用React構建原生應用)
NativeScirpt(Angular, Typescript, JavaScript)
Ionic (HTML/CSS/JS 實現混合應用)
Flutter (使用Dart語言開發原生應用的移動端SDK)
Xamarin (使用C#開發的移動端應用)
4.2 使用Electron開發桌面應用Electron是一個使用JavaScript構建跨平臺的桌面應用工具.
使用到了 Chromium內核和Node.js
兼容Windows, Mac & Linux
崩潰報告, 調試和性能分析
4.3 GraphQL & ApolloGraphQl是對于API的一種革命性新方法,查詢語言比標準RESET嚴格得多
只查詢你想要的東西
前端和后端可以合作得更為順利
查詢語句非常簡單且很像JSON語句
Apollo是一個發送請求到GraphQL的客戶端
使用的是Gatsby靜態站點生成器
4.4 TypeScriptTypeScript是一個JavaScript的超集, 它添加了靜態類型等很多特性.
變量, 函數等類型
類
其他ES6的特性
在Angular中被使用到, 同時也可以在React和Vue中被使用
4.5 無服務架構無需創建和管理自己的服務器
使用第三服務執行“無服務器功能”
例如 AWS, Netify & Firebase
在Gatsby靜態站點生成器很流行
無服務框架
4.6 AI和機器學習AI和機器學習已經被廣泛應用在所有的程序和技術中, 甚至包括web開發中.
機器學習可以允許Web應用程序隨時間進行調整
雖然AI還有很長的路要走, 但是我們會看到它會更多的用在web中
雖然目前絕大多數都是Python寫的, 但也有Tensorflow.js和Brain.js這些JS的庫
4.7 區塊鏈技術現在許多公司使用區塊鏈技術進行數字交易, 因為它們更安全和有效率.
Solidity(一門智能合約的編程語言)
Mist(以太坊開發的瀏覽器, 用于發送交易和合約)
比特幣API(可以構建app和整和比特幣的區塊鏈開發)
4.8 PWAProgressive Web Apps是一個web app但是在功能和樣式上給用戶帶來原生應用使用體驗的一項技術.
響應式
在離線環境下也能夠提供服務
類似App的交互
HTTPS
可靠, 迅速, 更好
4.9 Web Assembly類似匯編的二進制格式的代碼可以被瀏覽器執行. 可以使用類似C/c++和Rust等高級語言進行編寫.
比JavaScript執行效率快
更安全 - 強制的瀏覽器同源和安全協議
開放 & 可調試
以上就是2019 - Web開發技術指南和趨勢的全部內容, 要想知道更多細節, 請看Youtube視頻: Web Development in 2019
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100323.html
摘要:工具軟件欲先攻其事必先利其器,用好工具是做好開發的基礎。框架目前最流行簡單易用,越來越多人用曾經很流行,現在有點衰退狀態管理后端渲染開發工具依賴管理,應用打包,任務管理,編輯器擴展,,移動端有了前端的知識后,我們還可以開發手機。 2019年即將到來,各位同學2018年辛苦了。 不管大家2018年過的怎么樣,2019年還是要繼續加油的! 在此我整理了個人認為在2019仍是或者將成為主流的...
摘要:如果你正在尋找編程技巧,或是想了解編程界發生了哪些新鮮事那么,今天我們帶來的年最佳開發者博客列表,一定是你的菜。地址它是為數不多的印度開發者博客中,能夠提供有價值信息的博客。地址又一個專注前端開發的博客。 如果你正在尋找編程技巧,或是想了解編程界發生了哪些新鮮事?那么,今天我們帶來的 2019 年最佳開發者博客列表,一定是你的菜。這些博客將會幫助你發現新的工具,并帶給你編程技巧的啟發。...
摘要:如果你正在尋找編程技巧,或是想了解編程界發生了哪些新鮮事那么,今天我們帶來的年最佳開發者博客列表,一定是你的菜。地址它是為數不多的印度開發者博客中,能夠提供有價值信息的博客。地址又一個專注前端開發的博客。 如果你正在尋找編程技巧,或是想了解編程界發生了哪些新鮮事?那么,今天我們帶來的 2019 年最佳開發者博客列表,一定是你的菜。這些博客將會幫助你發現新的工具,并帶給你編程技巧的啟發。...
摘要:如果你正在尋找編程技巧,或是想了解編程界發生了哪些新鮮事那么,今天我們帶來的年最佳開發者博客列表,一定是你的菜。地址它是為數不多的印度開發者博客中,能夠提供有價值信息的博客。地址又一個專注前端開發的博客。 如果你正在尋找編程技巧,或是想了解編程界發生了哪些新鮮事?那么,今天我們帶來的 2019 年最佳開發者博客列表,一定是你的菜。這些博客將會幫助你發現新的工具,并帶給你編程技巧的啟發。...
閱讀 3510·2023-04-25 14:57
閱讀 2560·2021-11-22 14:56
閱讀 2079·2021-09-29 09:45
閱讀 1761·2021-09-22 15:53
閱讀 3313·2021-08-25 09:41
閱讀 896·2019-08-29 15:22
閱讀 3289·2019-08-29 13:22
閱讀 3121·2019-08-29 13:08