2019Web开辟手艺指南和趋向

以下内容来自我迥殊喜好的一个Youtube频道:
Traversy Media

这是一个2019年你成为前端，后端或全栈开辟者的进阶指南:

1. 你不须要进修一切的手艺成为一个web开辟者
2. 这个指南只是经由过程简朴分类列出了手艺选项
3. 我将从我的履历和参考中给出发起
4. 首选我们会引见通用的学问, 末了引见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开辟事情, 然则这是远远不够的&＃8230;.

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 & Apollo

GraphQl是关于API的一种革命性新方法，查询言语比规范RESET严厉很多

• 只查询你想要的东西
• 前端和后端能够协作得更加顺遂
• 查询语句异常简朴且很像JSON语句
• Apollo是一个发送要求到GraphQL的客户端
• 运用的是Gatsby静态站点生成器

4.4 TypeScript

TypeScript是一个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 PWA

Progressive Web Apps是一个web app然则在功用和款式上给用户带来原生运用运用体验的一项手艺.

• 相应式
• 在离线环境下也能够供应效劳
• 相似App的交互
• HTTPS
• 牢靠, 敏捷, 更好

4.9 Web Assembly

相似汇编的二进制花样的代码能够被浏览器实行. 能够运用相似C/c++和Rust等高等言语举行编写.

• 比Javascript实行效力快
• 更平安 &＃8211; 强迫的浏览器同源和平安协定
• 开放 & 可调试

以上就是2019 &＃8211; Web开辟手艺指南和趋向的全部内容, 要想晓得更多细节, 请看Youtube视频:
Web Development in 2019