本日，我们将谈论要在2020年景为Web开拓职员的完全舆图。这将是针对所有开拓职员（前端，后端和全栈）的实用指南，下面和千锋广州
1、首先确定你的目标或道路
我们将谈论很多技能，趋势和工具，但我们不肯望您不知所措，因此你须要首先决定要成为一名Web开拓职员要做什么，由于这将帮助你选择得当的工具。和学习技能。
成为Web开拓职员的缘故原由有很多，下面列出了一些选择成分：
你想作为一名Web开拓职员在一家公司事情，这是最普遍的缘故原由。
你想以自由开拓职员的身份来开始自己的业务或代理。
你可以成为其他公司的顾问。
你可以创建自己的运用来赢利。
编码是你的业余爱好。
从上述感兴趣或目标的领域，你可以选择适用于你的目标的精确工具和技能。如果你的目标是成为一名前端开拓职员，则可以选择前端开拓的工具和技能。后端和全栈开拓也是如此。
2、Web开拓的基本工具和软件
打算机和操作系统：如果没有打算机和操作系统，则无法编写代码。要学习Web开拓，你不须要任何高端打算机（如果你拥有的话，那么更好……）。你可以利用任何类型的中型条记本电脑或台式机。对付操作系统，可以利用适宜你的MacOS，Windows（最新版本）或Linux。
文本编辑器/ IDE：毫无疑问，VSCode适用于大多数情形和大多数措辞。它具有良好的性能，出色的扩展性，内置的终端功能以及大量功能。在2019年StackOverFlow调查中，VSCode也是开拓职员的首选。你还可以选择其他一些不错的选择，例如Sublime Text或Atom。如果我们评论辩论IDE，那么是Visual Studio（ASP.net或C＃），Eclipse和Netbeans（Java）。是不错的选择。
Web浏览器：大多数开拓职员的首选是Chrome或Firefox。Chrome速率很快，并且利用V8引擎（JavaScript引擎）。Firefox也取得了长足的进步，个中的一些好东西不在chrome浏览器中。两种浏览器都有出色的开拓工具，可以对Web开拓中的问题进行故障打消。
终端：您将利用一些系统命令来利用CLI进行很多事情。您可以将默认或第三方终端用于您的Web开拓项目。Bash，Zsh，Powershell，Git Bash，iTerm，Hyper这些都是可以利用的选项。
设计（可选）：并不是每个人都须要学习。在公司中，有专门的团队来制作图像，徽标或草图，但是如果您是自由职业者，则可能必须学习Adobe XD，Photoshop，Sketch或Figma。
3、从HTML和CSS开始
HTML和CSS是Web开拓的基本构建块。无论您的Web运用程序有多前辈，或者利用什么框架和后端措辞，都必须利用HTML和CSS构建前端运用程序。因此，这是在Web开拓中要学习的第一件事。
HTML5（语义元素，属性，文档类型等）
CSS根本知识颜色，字体，位置，盒子模型等。
CSS Grid和Flexbox对齐内容或创建列。
CSS自定义属性
4、相应式布局
您的运用程序该当在所有类型的设备（例如智好手机，平板电脑，台式机，iPad或任何其他屏幕尺寸的设备）上都可以查看和利用。因此，理解创建相应式设计或布局非常主要。让我们来看一些主要的主题。
理解如何设置视口
媒体查询不同的屏幕尺寸。
流体宽度
雷姆单位
移动优先
5、自定义可重用CSS组件
与其依赖大型的CSS框架（如Bootstrap），不如创建自己的模块化，可重用的CSS组件以在项目中利用。如果您构建自己的定制设计，则无需导入完全的库。您创建只须要特定UI的组件。
的新趋势最近还涌现了有助于更有效地编写CSS代码的代码。如果你已经理解CSS，那么您无需在学习Saas上花费很多精力。Saas是CSS预处理程序，可为标准CSS添加更多功能并使其更加高效。
你可以利用变量，嵌套，条件语句来减少CSS的重复并提高其效率。你还可以为每个可重用组件创建单独的Saas文件。Sass确实节省了很多韶光，以是你绝对该当在2020年学习它。
6、CSS框架
学习CSS框架的遍及程度不如去年，但对付不善于设计的开拓职员而言，仍旧非常干系或有用。有许多盛行的CSS框架可供给用，个中一些如下。
Bootstrap是最盛行的CSS框架。学习勾引程序也有助于学习其他框架。
Tailwind CSS是其他正在盛行的框架，与其他框架险些没有什么不同。它是一组实用程序类，因此您可以创建自己的按钮和其他看起来与其他按钮确实不同的东西。它们也是高度可定制的。
归天
布尔玛
7、前端必须措辞：JavaScript
学习HTML和CSS之后，接下来须要学习的是Vanilla Javascript。对开拓职员来说，节制javascript基本知识非常主要。您将在做事器端措辞（例如PHP，Python或ASP.net）中利用大量javascript，并且如果您想与React，Angular，NodeJS，Vue或任何其他javascript框架或库一起利用，则非常须要学习这种措辞。以下是你该当在javascript中涵盖的一些主要主题…
JavaScript根本知识（变量，数据类型，函数，条件等）
DOM（文档工具模型）
JSON（JavaScript工具表示法）
提取API（要求/相应/ Ajax）
如果您想转向React，Vue，Angular或其他框架，当代JS（ES6）观点对付学习非常主要。
8、一些主要工具
Web开拓中将利用一些工具。这些工具将帮助你进行调试，提高生产率，管理代码，与其他开拓职员互助以及类似的东西。让我们谈论个中一些工具。
Git（版本掌握）和Github是您肯定会在2020年学习的最受欢迎的工具。Git在与其他开拓职员协作和管理代码方面有很多帮助。您还可以选择其他一些选项，例如GitLab，Bitbucket和其他一些选项。
理解如何利用浏览器开拓工具。无论是chrome还是firefox，您都该当知道如何利用不同的选项卡，例如元素选项卡，javascript掌握台，用于要乞降相应的网络选项卡，运用程序选项卡以及其他用于不同目的的选项卡。
大多数IDE或文本编辑器都具有添加扩展名或插件的功能，这对提高生产力和构建Web运用程序非常有帮助。例如，Visual Studio代码中的VSCode扩展可帮助***扩展，例如实时做事器或实时saas编译器以与React一起利用。
Emmet是另一个很棒的工具，它许可您编写非常快速的HTML和CSS，这有助于提高开拓职员的生产力。
学习利用javascript软件包管理器，例如NPM和Yarn。如果您正在利用Javascript框架或库（例如React），那么这些软件包管理器将利用很多，但是对付其他措辞（例如Python或Php），您将利用不同的软件包管理器。
如果要在前端安装NPM软件包，则必须利用Webpack或Parcel。如果要创建自己的模块，或者要将一个javascript文件带到另一个javascript文件，则默认情形下不能仅利用浏览器来实行此操作，因此须要Webpack或Parcel对其进行捆绑。
9、基本支配
此时，一旦你知道该当为前端开拓学习什么工具或技能，就须要知道如何在Internet上支配前端网站。如果你正在为小型企业构建一些小型运用程序，登录页面或个人站点，则无需学习AWS或DevOps，仅由于它们具有光泽和新潮。你将使事情变得更加繁芜而不是大略。你须要在2020年学习一些支配工具和步骤。
域注册（Namecheap，Google等）
托管托管（InMotion，Hostgator，Bluehost等）
静态主机（Netlify，Github页面）
SSL证书。
FTP，SFTP（文件传输协议）非常适宜小型运用程序。
SSH（安全外壳），用于高等运用程序。
CLI和Git。
到目前为止，我们谈论的任何工具，技能趋势或步骤都是前端开拓的一部分。您尚不知道该框架，但可以为个人和小型企业构建网站，也可以构建适宜移动设备的布局。您还可以利用到目前为止谈论的工具或技能来支配小型运用程序或项目。如果您想申请事情，那么学习一些前端框架（如React，Vue或Angular）将是很棒的。
10、前端框架和状态管理
框架使您可以进行更高等的前端开拓。框架为您供应了许多上风，例如可重用的组件，更有条理的UI或页面交互。这对付协作更好，也有助于编写简洁的代码。其余，理解状态管理。每个框架都有不同的方法。以下是2020年的一些盛行框架和状态管理器。
React： React库是最盛行的Web开拓学习方法，与其他框架和库比较，它相称随意马虎。React开拓职员还有很多事情要做。您可以将 Redux和 Context API与Hooks一起利用以进行状态管理。
Vue： Vue也越来越受欢迎，开拓职员也更喜好学习Vue。与React和Angular比较，Vue最随意马虎学习。VueX是为视图而构建的状态管理器。
Angular：此框架常日在大型组织中利用。它具有相称陡峭的学习曲线。用Angular学习 TypeScript也很好。它许可您利用可选的静态类型并支持ES2015的功能。NGRX和 Services是可以学习此框架的良好状态管理器。
可选学习：
如果您具有这三个框架之一的知识，那么您还可以利用Svelte，它是一个JavaScript编译器，可让您天生纯净的原始JS代码并帮助您轻松构建用户界面。
理解做事器端渲染。NextJS（React）和NuxtJS（Vue）是许可您在做事器上运行React和Vue的框架。两者都有很好的功能，例如更好的SEO，文件系统路由，自动代码拆分，静态导出，JS中的CSS和许多其他功能。
静态网站天生器：Gatsby（反应式）和Gridsome（Vue）
我们已经谈论了所有大多数前端开拓工具和技能。现在让我们谈论成为后端开拓职员或全栈开拓职员的措辞和技能。
11、做事器端措辞（选择一种）
您该当至少理解一种做事器端措辞。要在2020年选择一种措辞，下面供应了一些选项...
NodeJS（不是措辞，而是运行时***
Python（非常适宜初学者）
Java（适宜大型组织）
Php（适宜自由职业）
Ruby（2020年少两极）
C＃
Go
把稳：无论你喜好学习哪种做事器端措辞，都要确保你理解利用该措辞的数据构造和算法。数据构造和算法将帮助您为用户呈现数据，并将帮助您优化Web运用程序中的代码。我们特殊建议您专注于利用数组和字符串（最主要）。你将同时利用这两种方法。
12、做事器端框架（选择一项）
一旦学习了自己选择的一种做事器端措辞，就可以利用个中一种措辞框架。您可以选择以下给出的选项之一...
Node.js – Express，Koa，Adonis，Feather.js，Nest.js
Python：Django，Flask，
Java：Spring MVC，Grails
PHP：Laravel，Symfony，Codeignitor，Slim
Ruby：Sinatra上的Ruby on Rails
C＃：ASP.NET MVC
Go： Revel
13、数据库（选择一项）
大多数Web运用程序都须要一个存储数据的地方。在某些情形下，某些技能或某些措辞可以与某些数据库合营利用。例如：在Mern堆栈中，M代表MongoDB，而在LAMP堆栈中M代表MySQL，但完备取决于您要为运用程序选择哪个数据库。我们将谈论2020年一些盛行的数据库。
关系数据库：RDBMS仍旧是最受欢迎的数据库。最喜好利用PostgreSQL，MySQL，MS SQL。
NoSQL：MongoDB，RethinkDB，CouchDB
云数据库：Firebase，Azure Could DB，AWS
轻量级和缓存：Redis，SQLlite，NeDB
在学习数据库时，您还将学习RDBMS，ORM（工具关系映射器）或ODM（工具数据映射器）的SQL（构造化查询措辞）。
GraphQL ：（可选）您可以理解现在盛行的GraphQL。这是API的查询措辞。它具有类似于JSON的大略语法，并且相称随意马虎实现。
14、CMS：内容管理
您绝对该当理解内容管理系统，尤其是如果您是自由职业者。CMS用于将内容添加到您的网站或运用程序。客户能够更新自己的内容非常好。
传统CMS：WordPress（PHP），Drupal（PHP），Keystone（Javascript），Enduro（Javascript）
其他CMS ：DEDECMS，帝国CMS，PHPcms，Prismic.io，Strati。
15、支配和DevOps
托管全栈运用程序或后端运用程序比仅前端运用程序要繁芜一些，尤其是当您拥有数据库时。确保您知道如何利用CLI进行支配。理解有关用于支配运用程序的以下内容。
在大多数公司中，有不同的团队从事DevOps的事情。因此，拥有有关DevOps的知识完备是可选的。您可以理解到，如果您正在从事自己的项目。
SSH（安全外壳）
Web做事器环境：NGINX，Apache
运用程序托管：Linode，Heroku，AWS，Azure，Now。
虚拟化：Docker，Vagrant
测试：单元，功能，集成等
负载平衡，监视，安全性。
以上所有技能工具都足以使您成为前端，后端或全栈开拓职员。千锋广州小编建议大家根据终极目标选择精确的工具和技能，不要追求大而全，专而精反而是通向全栈的根本。
