2019 年 Web 开发技术指南和趋势

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

你不须要学习全部的技术成为一个web开发者
这个指南只是经过简单分类列出了技术选项
我将从个人经验和参考中给出建议
首选咱们会介绍通用的知识, 最后介绍2019年的Web的一些趋势

1. 基础前端开发者

1.1 HTML & CSS

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预处理器

SASS预处理器

虽然不是必须的, 可是推荐去学, 基础知识的掌握很简单

结构化CSS
变量
嵌套样式表
Minxins & 函数
继承
1.5 原生JavaScript语法

JavaScript

不使用任何框架和库区学习原生的JS语法

数据类型, 函数, 条件判断, 循环, 凑总府
DOM操做和事件
JSON
Fetch
ES6+(箭头函数, Promise, async/await, 解构)
1.6 知足了基本的前端开发者的条件

基本的前端开发

构建静态站点
构建UI布局(拿到设计图可以使用HTML/CSS还原)
添加一些交互功能
部署和维护网站
如今能找到最低水平的Web开发工做, 可是这是远远不够的….

1. 一个成熟的前端开发者

2.1 HTML & CSS框架

HTML & CSS框架

HTML/CSS框架目前没有之前那么有意义, 可是我仍是介意你选择一个学习(这里做者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).

BootStrap
Materialize
Bulma
2.2 Git和其余工做流工具

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 & 前端数据响应知足以上条件, 你可以顺利的找到一个前端的工做并干得很出色~