以下内容来自我特别喜欢的一个Youtub频道:TravrsyMdia
这是一个年你成为前端，后端或全栈开发者的进阶指南:
你不需要学习所有的技术成为一个wb开发者
这个指南只是通过简单分类列出了技术选项
我将从我的经验和参考中给出建议
首选我们会介绍通用的知识,最后介绍年的Wb的一些趋势
1.基础前端开发者1.1HTMLCSS最基础的知识:
语义化的HTML元素
基础的CSS语法
FlxboxGrid
CSS变量
浏览器开发者工具
1.2响应式布局响应式设计将不再是网页的加分项,而是必须的
设置viwport
非固定宽度
媒体查询
使用rm替代px
移动优先,柱状显示
1.3基础的部署工作学会如何部署一个静态网站到服务器
注册一个域名(NamChap,GooglDomains)
管理共享主机或虚拟机(Inmotion,Hostgator,Bluhost)
FTP,SFTP文件上传(Filzilla,Cybrduck)
静态页面托管(Ntlify,GithubPags)
1.4SASS预处理器虽然不是必须的,但是推荐去学,基础知识的掌握很简单
结构化CSS
变量
嵌套样式表
Minxins函数
继承
1.5原生JavaScript语法不使用任何框架和库区学习原生的JS语法
数据类型,函数,条件判断,循环,凑总府
DOM操作和事件
JSON
Ftch
ES6+(箭头函数,Promis,async/await,解构)
1.6满足了基本的前端开发者的条件构建静态站点
构建UI布局(拿到设计图能够使用HTML/CSS还原)
添加一些交互功能
部署和维护网站
现在能找到最低水平的Wb开发工作,但是这是远远不够的....
2.一个成熟的前端开发者2.1HTMLCSS框架HTML/CSS框架目前没有以前那么有意义,但是我还是介意你选择一个学习(这里作者想隐射的应该是,在jqury时代,HTML/CSS框架的学习是必须的).
BootStrap
Matrializ
Bulma
2.2Git和其他工作流工具Git绝对是每一个Wb开发者必须掌握的工具,这里也有一些其他的工作流工具的建议.,
基础的命令行(touch,cd,mkdir什么的总得会,命令行在下面的工具中都会用到)
Git(版本控制)
NPM或Yarn(包管理)
Wbpack或者Parcl(打包工具)
Gulp或者Grunt(任务管理和构建工具)
编辑器插件(ESLint,Prttir,LivSrvr等)
2.3前端框架学习一个前端框架在目前前端开发中是必须的.
在大公司开发中非常流行
更多的交互有趣的UI组件
组件化模块化前端代码
对团队有利
2.4状态管理对于使用框架的大型前端项目,你也许需要使用状态管理工具去管理你的应用级的状态
Rdux(ContxtAPI)
Apollo(GraphQLClint)
Vux
NgRx
2.5满足一个成熟的前端开发者条件构建一个优秀的前端应用
流畅和稳定的前端工作流
多人开发熟练使用Git
请求后端API前端数据响应
满足以上条件,你能够顺利的找到一个前端的工作并干得很出色~
3全栈开发工程师3.1学习一门后端语言成为一个全栈工程师或软件工程师,你将需要学习一个服务端语言和相关技术
学习的顺序:
基础的后端语言语法
数据结构和工作流
包管理
HTTP/路由
3.2服务端框架不要重复造轮子,学习一门框架去构建更好和更快的应用
Nod.js(Exprss,Koa,Adonis)
Python(Django,Flask)
PHP(Laravl,Symfony)
C#(ASP.NET)
3.3数据库绝大多数觉得应用都会使用到数据库,这里有一些选择:
关系型数据库(MySQL,PostgrSQL,MSSQL)
非关系型数据库(MongoDB,Counchbas)
云服务(Firbas,AWS,Azur,DocumntDB)
轻量级(SQLit,NDB,Rdis)
3.4服务端渲染像Ract,Vu和Angular等端架都可以进行服务端渲染
Nxt.js(Ract)
Nuxt(Vu)
AngularUnivrsal(Angular)
3.5内容管理系统内容管理系统允许快速开发并为您的客户提供更新内容的能力.在你需要快速开发网站的时候,它们是很适合的.特别是对于自由开发者.
基于PHP的(Wordprss,Drupal)
基于JS的(Ghost,Kyston)
基于Python的(Mzzazin)
基于.Nt的(Piranha,OrchardCMS)
3.6DvOps和部署学习语言和框架是一回事,但是安装环境,测试和部署有事另外一回事
部署(Linux,SSH,Git,Nginx,Apach)
平台(DigitalOcan,AWS,Hroku,Azur)
可视化(Dockr,Vagrant)
测试(单元测试,集成测试,函数式测试,系统测试)
3.7满足全栈工程师的条件设置全栈的开发环境和工作流
构建后端服务API和微服务
数据库操作
能够独立开发应用(前端和服务端)
部署到云端(SSH,Git,Srvrs等等)
4.技术趋势和其他4.1原生应用开发RactNativ(使用Ract构建原生应用)
NativScirpt(Angular,Typscript,JavaScript)
Ionic(HTML/CSS/JS实现混合应用)
Fluttr(使用Dart语言开发原生应用的移动端SDK)
Xamarin(使用C#开发的移动端应用)
4.2使用Elctron开发桌面应用Elctron是一个使用JavaScript构建跨平台的桌面应用工具.
使用到了Chromium内核和Nod.js
兼容Windows,MacLinux
崩溃报告,调试和性能分析
4.3GraphQLApolloGraphQl是对于API的一种革命性新方法，查询语言比标准RESET严格得多
只查询你想要的东西
前端和后端可以合作得更为顺利
查询语句非常简单且很像JSON语句
Apollo是一个发送请求到GraphQL的客户端
使用的是Gatsby静态站点生成器
4.4TypScriptTypScript是一个JavaScript的超集,它添加了静态类型等很多特性.
变量,函数等类型
类
其他ES6的特性
在Angular中被使用到,同时也可以在Ract和Vu中被使用
4.5无服务架构无需创建和管理自己的服务器
使用第三服务执行“无服务器功能”
例如AWS,NtifyFirbas
在Gatsby静态站点生成器很流行
无服务框架
4.6AI和机器学习AI和机器学习已经被广泛应用在所有的程序和技术中,甚至包括wb开发中.
机器学习可以允许Wb应用程序随时间进行调整
虽然AI还有很长的路要走,但是我们会看到它会更多的用在wb中
虽然目前绝大多数都是Python写的,但也有Tnsorflow.js和Brain.js这些JS的库
4.7区块链技术现在许多公司使用区块链技术进行数字交易,因为它们更安全和有效率.
Solidity(一门智能合约的编程语言)
Mist(以太坊开发的浏览器,用于发送交易和合约)
比特币API(可以构建app和整和比特币的区块链开发)
4.8PWAProgrssivWbApps是一个wbapp但是在功能和样式上给用户带来原生应用使用体验的一项技术.
响应式
在离线环境下也能够提供服务
类似App的交互
HTTPS
可靠,迅速,更好
4.9WbAssmbly类似汇编的二进制格式的代码可以被浏览器执行.可以使用类似C/c++和Rust等高级语言进行编写.
比JavaScript执行效率快
更安全-强制的浏览器同源和安全协议
开放可调试
以上就是-Wb开发技术指南和趋势的全部内容,要想知道更多细节,请看Youtub视频:WbDvlopmntin
END
作者：李棠辉